:root{--wood: #8B5A2B;--wood-dark: #5E3A1A;--cream: #FFF3D1;--sun: #FFC93C;--sun-dark: #C98E12;--fruit: #FF7A2F;--crate: #B8742F;--sea: #167C96;--ink: #2B1A0F;--paper: #FFF8E6;--paper-ink: #3A2412;--muted: #7A5A3C;--glass: rgba(43, 26, 15, .62);box-sizing:border-box}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--cream: #FFE9B8;--wood: #6E4420;--wood-dark: #41260F;--paper: #2E2116;--paper-ink: #FBEBD0;--muted: #CDAE8A}}:root[data-theme=dark]{--cream: #FFE9B8;--wood: #6E4420;--wood-dark: #41260F;--paper: #2E2116;--paper-ink: #FBEBD0;--muted: #CDAE8A}*,*:before,*:after{box-sizing:inherit}html{height:100%}body{height:100%;margin:0;overflow:hidden;background:var(--sea);font-family:Nunito,Trebuchet MS,system-ui,sans-serif;color:var(--cream);-webkit-user-select:none;user-select:none;touch-action:none}canvas#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}button{-webkit-tap-highlight-color:transparent}.static{position:relative;max-width:760px;margin:0 auto;padding:32px 16px;color:var(--cream);-webkit-user-select:text;user-select:text;overflow:auto;height:100%}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transition:opacity .6s}.screen.hidden{opacity:0;pointer-events:none}#loading{background:radial-gradient(circle at 50% 40%,#2bb3cf,#0e5f74);z-index:20}.loader{text-align:center;width:min(320px,calc(100% - 32px))}.loader p{font:800 16px Nunito,system-ui,sans-serif;margin:18px 0 12px}.bar{height:10px;border-radius:99px;background:#00000040;overflow:hidden}.bar span{display:block;height:100%;width:0;background:var(--sun);border-radius:inherit;transition:width .2s}.crate-spin{width:56px;height:56px;margin:0 auto;background:var(--crate);border:6px solid #E9B06A;border-radius:6px;box-shadow:inset 0 0 0 3px #28140599;animation:crate 1.1s ease-in-out infinite}@keyframes crate{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(90deg)}}.menu{align-content:center;gap:36px;padding:24px 16px calc(env(safe-area-inset-bottom,0px) + 24px);background:linear-gradient(180deg,#0a283700 30%,#0a1e288c)}.title{text-align:center}.title .eyebrow{margin:0 0 6px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:14px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.title h1{margin:0;font:400 clamp(52px,13vw,110px)/.95 "Lilita One","Arial Black",sans-serif;color:var(--sun);-webkit-text-stroke:3px var(--wood-dark);text-shadow:0 6px 0 var(--wood-dark),0 10px 30px rgba(0,0,0,.45);animation:bob 3s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px) rotate(-1deg)}}.title .tag{margin:14px 0 0;font-weight:800;font-size:17px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.menu-actions{display:grid;gap:12px;justify-items:center}.menu-actions button{font:800 16px Nunito,system-ui,sans-serif;color:var(--cream);background:var(--glass);border:2px solid rgba(255,243,209,.5);border-radius:999px;padding:10px 22px;cursor:pointer;min-width:240px;transition:transform .12s,background .12s}.menu-actions button:hover{background:#2b1a0fd9;transform:translateY(-1px)}.menu-actions button.big{font:400 30px Lilita One,Arial Black,sans-serif;color:var(--ink);background:var(--sun);border:0;border-bottom:6px solid var(--sun-dark);border-radius:16px;padding:12px 56px}.menu-actions button.big:hover{background:#ffd663}.menu-actions button:focus-visible{outline:3px solid var(--cream);outline-offset:4px}.hud{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);left:calc(env(safe-area-inset-left,0px) + 16px);display:flex;gap:10px;opacity:0;transition:opacity .4s}.hud.show{opacity:1}.stat{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;background:var(--wood);border-bottom:4px solid var(--wood-dark);border-radius:12px;font-family:Lilita One,Arial Black,sans-serif;font-size:22px;letter-spacing:.5px;box-shadow:0 4px 12px #0003}.stat.pop{animation:pop .3s ease-out}@keyframes pop{40%{transform:scale(1.15)}to{transform:scale(1)}}.icon{width:22px;height:22px;display:inline-block}.icon.fruit{background:var(--fruit);border-radius:50% 50% 45% 45%;box-shadow:inset -3px -3px #0000002e}.icon.crate{background:var(--crate);border:3px solid #E9B06A;border-radius:3px}.icon.skull{fill:var(--cream)}.treasure{padding:6px 10px;gap:6px}.icon.crystal{width:16px;height:26px;background:linear-gradient(135deg,#ffb3ec,#ff4fcf 55%,#b0177e);clip-path:polygon(50% 0,100% 40%,50% 100%,0 40%)}.icon.gem{background:linear-gradient(160deg,#b9ffd0,#3fe07a 50%,#148a3e);clip-path:polygon(20% 0,80% 0,100% 35%,50% 100%,0 35%)}.icon.crystal,.icon.gem{opacity:.3;filter:grayscale(.8);transition:opacity .3s,filter .3s}.icon.got{opacity:1;filter:none}.corner{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);right:calc(env(safe-area-inset-right,0px) + 16px);display:flex;gap:8px;opacity:0;transition:opacity .4s;pointer-events:none}.corner.show{opacity:1;pointer-events:auto}.pill{font:800 15px Nunito,system-ui,sans-serif;color:var(--cream);background:var(--glass);border:2px solid rgba(255,243,209,.5);border-radius:999px;padding:8px 16px;cursor:pointer}.pill.round{width:40px;height:40px;padding:0;display:grid;place-items:center}.pill.off{opacity:.55;text-decoration:line-through}.pill:hover{background:#2b1a0fd9}.pill:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.toast{position:fixed;top:22%;left:50%;transform:translate(-50%) scale(.8);font:400 clamp(28px,6vw,44px) "Lilita One","Arial Black",sans-serif;color:var(--sun);-webkit-text-stroke:2px var(--wood-dark);text-shadow:0 4px 0 var(--wood-dark);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translate(-50%) scale(1)}.hint{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:8px 14px;border-radius:10px;background:var(--glass);font-size:14px;text-align:center;opacity:0;transition:opacity .4s;pointer-events:none}.hint.show{opacity:1}.card{position:fixed;top:calc(env(safe-area-inset-top,0px) + 72px);right:calc(env(safe-area-inset-right,0px) + 16px);width:min(360px,calc(100% - 32px));padding:18px 20px 16px;background:var(--paper);color:var(--paper-ink);border-radius:14px;border-bottom:6px solid var(--wood);box-shadow:0 14px 30px #0000004d;user-select:text;-webkit-user-select:text;opacity:0;transform:translateY(-12px) scale(.96);pointer-events:none;transition:opacity .25s,transform .25s}.card.show{opacity:1;transform:none;pointer-events:auto;animation:drop .35s ease-out}@keyframes drop{0%{transform:translateY(-24px) scale(.9)}60%{transform:translateY(4px) scale(1.02)}}.card .close{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:0;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.card .close:hover{background:#00000014}.kind{display:inline-block;font:800 12px Nunito,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.card h3,.list h3,.static h3{margin:2px 0 8px;font:400 24px/1.15 Lilita One,Arial Black,sans-serif}.card p,.list p{margin:0 0 10px;font-size:15px;line-height:1.5}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;list-style:none}.tags li{padding:2px 10px;border-radius:999px;background:#b8742f29;font-size:13px;font-weight:800}.links{display:flex;flex-wrap:wrap;gap:8px}.links a{padding:6px 12px;border-radius:8px;background:var(--sun);color:var(--ink);font-weight:800;font-size:14px;text-decoration:none}.links a:hover{background:#ffd663}.sign{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px 16px;background:#0c242e73;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity .3s;overflow-y:auto}.sign.hidden{opacity:0;pointer-events:none}.board{width:min(440px,100%);padding:28px 26px 24px;text-align:center;background:repeating-linear-gradient(180deg,transparent 0 46px,rgba(0,0,0,.18) 46px 49px),var(--wood);border-radius:18px 22px 16px 24px;border-bottom:8px solid var(--wood-dark);box-shadow:0 18px 40px #00000059}.board h2{margin:0 0 14px;font:400 clamp(34px,8vw,48px)/1 "Lilita One","Arial Black",sans-serif;color:var(--sun);text-shadow:0 4px 0 var(--wood-dark),0 0 24px rgba(255,201,60,.35);outline:none}.board p{margin:0 auto 16px;max-width:36ch;font-size:16px;line-height:1.5}.board .stats{font-weight:800}.board .credit-name{margin-bottom:2px;font-family:Lilita One,Arial Black,sans-serif;font-size:26px;letter-spacing:.5px}.board .credit-role{margin-bottom:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:13px;opacity:.8}.board .list p{max-width:none;margin:0 0 10px}.stack{display:grid;gap:10px;justify-items:center;margin-top:8px}.stack.row{grid-auto-flow:column;justify-content:center}.board button,.board .button{font:400 21px Lilita One,Arial Black,sans-serif;color:var(--ink);background:var(--sun);border:0;border-bottom:5px solid var(--sun-dark);border-radius:12px;padding:11px 26px;min-width:200px;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .12s}.board button:hover,.board .button:hover{transform:translateY(-2px)}.board button:active{transform:translateY(2px);border-bottom-width:2px}.board .plain{background:transparent;color:var(--cream);border:2px solid rgba(255,243,209,.55);font:800 16px Nunito,system-ui,sans-serif;padding:10px 18px}.stack.row button,.stack.row .button{min-width:0}.board button:focus-visible,.board .button:focus-visible,.board input:focus-visible,.board select:focus-visible{outline:3px solid var(--cream);outline-offset:3px}.controls,.results{display:grid;grid-template-columns:auto auto;gap:6px 16px;justify-content:center;margin:20px 0 0;font-size:14px;text-align:left}.controls dt,.results dt{font-weight:800;opacity:.8}.controls dd,.results dd{margin:0}.results{font-size:17px;margin:4px 0 18px}.results dd{font-family:Lilita One,Arial Black,sans-serif;letter-spacing:.5px}.form{display:grid;gap:14px;margin:0 0 16px;text-align:left;font-weight:800}.form label{display:grid;gap:6px}.form label.check{display:flex;align-items:center;gap:10px}.form input[type=range]{width:100%;accent-color:var(--sun)}.form input[type=checkbox]{width:20px;height:20px;accent-color:var(--sun)}.form select{font:800 15px Nunito,system-ui,sans-serif;padding:8px;border-radius:8px;border:0;background:var(--paper);color:var(--paper-ink)}.medal{width:84px;height:84px;margin:-64px auto 10px;border-radius:50%;border:6px solid rgba(0,0,0,.2);box-shadow:0 8px 20px #00000059,inset 0 -8px #00000026}.medal.gold{background:radial-gradient(circle at 35% 30%,#fff3a8,#f2b630 60%,#b8800f)}.medal.silver{background:radial-gradient(circle at 35% 30%,#fff,#c4ccd4 60%,#7f8a94)}.medal.bronze{background:radial-gradient(circle at 35% 30%,#ffd9b0,#c77b3a 60%,#8a4f1f)}.rank{font-weight:800}.board.wide{width:min(760px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column}.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;margin:0 0 18px;padding:4px;list-style:none;overflow-y:auto;text-align:left;user-select:text;-webkit-user-select:text}.list>li{position:relative;padding:14px 16px 6px;background:var(--paper);color:var(--paper-ink);border-radius:12px;border-bottom:4px solid rgba(0,0,0,.2)}.list>li .badge{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:999px;background:var(--fruit);color:#fff;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}.fade.on{animation:fade .5s ease-out}@keyframes fade{0%{opacity:.8}to{opacity:0}}.touch{display:none}@media (pointer: coarse){.touch{display:block}.hint .keys{display:none}.card{left:16px;right:16px;width:auto;padding:14px 16px 12px}.card h3{font-size:21px}.card p{font-size:14px}.hint{bottom:calc(env(safe-area-inset-bottom,0px) + 196px)}.controls{display:none}}@media (pointer: fine){.hint .taps{display:none}}@media (max-width: 520px){#allBtn{display:none}.stat{font-size:18px;padding:4px 10px 4px 6px}}.stick{position:fixed;left:calc(env(safe-area-inset-left,0px) + 24px);bottom:calc(env(safe-area-inset-bottom,0px) + 56px);width:120px;height:120px;border-radius:50%;background:#2b1a0f59;border:3px solid rgba(255,243,209,.5)}.knob{position:absolute;left:32px;top:32px;width:50px;height:50px;border-radius:50%;background:var(--cream)}.pad{position:fixed;width:80px;height:80px;border-radius:50%;border:0;border-bottom:5px solid var(--sun-dark);background:var(--sun);color:var(--ink);font:400 18px Lilita One,Arial Black,sans-serif}.pad:active{transform:translateY(3px);border-bottom-width:2px}.pad.jump{right:calc(env(safe-area-inset-right,0px) + 24px);bottom:calc(env(safe-area-inset-bottom,0px) + 60px)}.pad.spin{right:calc(env(safe-area-inset-right,0px) + 116px);bottom:calc(env(safe-area-inset-bottom,0px) + 36px);background:var(--fruit);border-bottom-color:#b84e14}@media (prefers-reduced-motion: reduce){.card.show,.stat.pop,.title h1,.crate-spin{animation:none}}