:root{--panel: #2a2013;--panel2: #3b2e1b;--cream: #fbf3e0;--dim: #d6c7a4;--amber: #ffc23d;--amber2: #ef9a12;--bad: #ef6a52;--line: rgba(255, 194, 61, .26);--disp: "Fredoka", "Trebuchet MS", sans-serif;--body: "Nunito", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}html,body{margin:0;height:100%;background:#23381a;overflow:hidden;font-family:var(--body);color:var(--cream)}#game{position:fixed;inset:0}#splash{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(120% 120% at 50% 35%,#2a4d22,#122b15);transition:opacity .5s ease}#splash.hide{opacity:0;pointer-events:none}#splash img{width:min(300px,64vw);height:auto;border-radius:22px;box-shadow:0 18px 50px #00000080;image-rendering:pixelated}#splash .splash-bar{width:min(280px,60vw);height:12px;border-radius:8px;background:#00000073;border:1px solid rgba(255,194,61,.4);overflow:hidden}#splash .splash-fill{height:100%;width:30%;border-radius:8px;background:linear-gradient(90deg,#ffe08a,#ffc23d,#ef9a12);animation:splashload 1.1s ease-in-out infinite}#splash .splash-tip{font-family:Fredoka,sans-serif;font-weight:700;letter-spacing:1px;color:#fbf3e0;font-size:15px}@keyframes splashload{0%{margin-left:-35%;width:35%}50%{width:55%}to{margin-left:100%;width:35%}}#landing{position:fixed;inset:0;z-index:60;opacity:0;pointer-events:none;transition:opacity .45s ease;display:flex;flex-direction:column;font-family:Fredoka,sans-serif;color:#fff}#landing.show{opacity:1;pointer-events:auto}.land-bg{position:absolute;inset:0;background:url(/brand/landing.png) center/cover no-repeat;transform:scale(1.05);animation:landpan 30s ease-in-out infinite alternate}@keyframes landpan{0%{transform:scale(1.05) translate(0)}to{transform:scale(1.12) translate(-2%,-2%)}}.land-overlay{position:absolute;inset:0;background:radial-gradient(80% 70% at 50% 46%,rgba(8,18,8,.55),transparent 70%),linear-gradient(180deg,#0810088c,#08100826 30%,#081008b3)}.land-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 22px}.land-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.land-brand img{width:38px;height:38px;border-radius:9px}.land-brand em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:1.5px;background:#ffc23de6;color:#3a2706;padding:2px 8px;border-radius:999px}.land-nav-links{display:flex;gap:8px}.land-nav-links a{color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:8px 14px;border-radius:999px;background:#00000059;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px)}.land-nav-links a:hover{background:#0000008c}.land-hero{position:relative;z-index:2;margin:auto;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:0 18px}.land-wordmark{width:min(560px,84vw);height:auto;filter:drop-shadow(0 8px 22px rgba(0,0,0,.5))}.land-tag{margin:0;max-width:560px;font-size:18px;font-weight:600;line-height:1.4;text-shadow:0 2px 10px rgba(0,0,0,.7)}.land-play{cursor:pointer;border:none;font-family:Fredoka,sans-serif;font-weight:700;font-size:30px;color:#fff;padding:16px 60px;border-radius:18px;background:linear-gradient(180deg,#ffa53d,#f47216);box-shadow:0 8px #b9540c,0 14px 26px #00000073;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .08s,box-shadow .08s}.land-play:active{transform:translateY(6px);box-shadow:0 2px #b9540c,0 6px 14px #00000073}.land-stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.land-stat{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:8px 16px;border-radius:999px;background:#0006;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px)}.land-stat .ld{width:9px;height:9px;border-radius:50%;background:#4ade6a;box-shadow:0 0 8px #4ade6a}.land-stat .ld.total{background:#ffc23d;box-shadow:0 0 8px #ffc23d}.land-ca{font-size:13px;font-weight:700;letter-spacing:1px;padding:7px 16px;border-radius:999px;background:#0006;border:1px dashed rgba(255,194,61,.5);color:#ffe08a}.land-social{display:flex;gap:10px;margin-top:2px}.land-social a{color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:9px 16px;border-radius:12px;background:#0000006b;border:1px solid rgba(255,255,255,.18)}.land-social a:hover{background:#0009}.land-foot{position:relative;z-index:2;text-align:center;padding:14px;font-size:12px;font-weight:600;color:#fffc;text-shadow:0 2px 6px rgba(0,0,0,.7)}@media(max-width:560px){.land-tag{font-size:15px}.land-play{font-size:24px;padding:14px 44px}}canvas{display:block}#vignette{position:fixed;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 240px 80px #120c0485;background:radial-gradient(70% 55% at 72% 8%,rgba(255,232,168,.16),transparent 60%),radial-gradient(120% 90% at 50% 38%,#ffc87812,#140f0533)}#vignette:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(66deg,rgba(255,240,190,.05) 0 14px,transparent 14px 60px);mask-image:radial-gradient(60% 50% at 78% 0%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(60% 50% at 78% 0%,#000 0%,transparent 70%);animation:rays 14s ease-in-out infinite alternate}@keyframes rays{0%{opacity:.5;transform:translate(-10px)}to{opacity:.9;transform:translate(10px)}}.hud{position:fixed;z-index:5;pointer-events:none}.pill{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#2e2314e6,#140f09e6);border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-family:var(--disp);font-weight:600;font-size:15px;backdrop-filter:blur(7px);box-shadow:0 4px 16px #0006}#topL{top:13px;left:13px;display:flex;gap:7px;flex-wrap:wrap;max-width:58vw}#btn-sound{pointer-events:auto;cursor:pointer;color:var(--cream);font-size:15px}.pill.online{gap:7px;border-color:#78e68c66}.pill.online .dot{width:9px;height:9px;border-radius:50%;background:#4ade6a;box-shadow:0 0 8px #4ade6a;animation:livepulse 1.6s ease-in-out infinite}.pill.online #hud-online{color:#b9f5c4;font-weight:800}.pill .lbl{font-size:9px;letter-spacing:1.5px;color:var(--dim);font-weight:800}@keyframes livepulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}#topR{top:13px;right:13px;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.lvlwrap{display:flex;align-items:center;gap:8px}.xpbar{width:120px;height:9px;background:#0000008c;border:1px solid var(--line);border-radius:6px;overflow:hidden}.xpfill{height:100%;width:0;background:linear-gradient(90deg,#ffe08a,var(--amber),var(--amber2));transition:width .3s}#objective{top:60px;left:50%;transform:translate(-50%);max-width:70vw;background:linear-gradient(180deg,#3b2e1bf2,#18120af2);border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:13px;padding:7px 17px;text-align:center;box-shadow:0 8px 24px #00000073}#objective .k{font-size:9px;letter-spacing:2.5px;color:var(--amber);font-weight:800;font-family:var(--disp)}#objective .t{font-size:14px;font-weight:800;line-height:1.2;font-family:var(--disp)}#objective .how{margin-top:3px;font-size:11.5px;font-weight:700;color:var(--dim);line-height:1.25}#objective .how b{color:var(--amber)}#log{position:fixed;left:13px;bottom:15px;z-index:5;width:240px;max-width:44vw;display:flex;flex-direction:column;gap:3px;pointer-events:none}#log .row{font-size:11.5px;font-weight:700;background:#120d07b3;border-left:2px solid var(--line);padding:3px 9px;border-radius:0 7px 7px 0;color:var(--dim)}#log .row b{color:var(--amber)}#toolbar{position:fixed;bottom:15px;left:50%;transform:translate(-50%);z-index:6;display:flex;gap:9px}.tbtn{pointer-events:auto;cursor:pointer;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));color:var(--cream);border-radius:15px;padding:9px 14px;font-family:var(--disp);font-weight:600;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:62px;box-shadow:0 5px #0006;transition:transform .07s,box-shadow .07s,border-color .1s}.tbtn .ic{font-size:20px;line-height:1}.tbtn .lb{font-size:9px;letter-spacing:.6px;color:var(--dim)}.tbtn:active{transform:translateY(3px);box-shadow:0 2px #0006}.tbtn.hot{border-color:var(--amber);box-shadow:0 0 0 2px #ffc23d73,0 5px #0006}.tbtn.pulse{border-color:var(--amber);animation:tbtnpulse 1.1s ease-in-out infinite}.tbtn.pulse:after{content:"👇";position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:20px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));animation:tap 1.1s ease-in-out infinite}.tbtn{position:relative}@keyframes tbtnpulse{0%,to{box-shadow:0 0 0 2px #ffc23d80,0 5px #0006}50%{box-shadow:0 0 0 7px #ffc23d00,0 5px #0006}}@keyframes tap{0%,to{transform:translate(-50%) translateY(-3px)}50%{transform:translate(-50%) translateY(3px)}}#minimap{position:fixed;top:54px;right:13px;width:150px;height:113px;z-index:5;border:2px solid var(--line);border-radius:10px;background:#0006;box-shadow:0 6px 18px #00000073;pointer-events:none}@media(max-width:560px){#minimap{width:104px;height:78px}}#stick{position:fixed;z-index:6;left:20px;bottom:96px;width:120px;height:120px;touch-action:none;pointer-events:auto;opacity:.9}#stick .base{position:absolute;inset:0;border-radius:50%;background:#140f0973;border:1px solid var(--line);box-shadow:inset 0 1px #ffffff0f}#stick .nub{position:absolute;left:33px;top:33px;width:54px;height:54px;border-radius:50%;background:#ffc23d8c;border:1px solid var(--amber);box-shadow:0 0 12px #ffc23d66}#zoom{position:fixed;right:14px;bottom:96px;z-index:6;display:flex;flex-direction:column;gap:6px}.zbtn{pointer-events:auto;cursor:pointer;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));color:var(--cream);font-size:24px;font-family:var(--disp);box-shadow:0 4px #0006}.zbtn:active{transform:translateY(2px);box-shadow:0 2px #0006}#scrim{position:fixed;inset:0;z-index:20;background:#080603a3;backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:18px}#scrim.on{display:flex}.modal{width:min(450px,94vw);max-height:84vh;overflow:auto;background:radial-gradient(120% 80% at 50% -10%,#41331e,#241a0f);border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 70px #0009;padding:19px}.modal h2{margin:0 0 2px;font-size:22px;font-family:var(--disp);font-weight:700;display:flex;align-items:center;gap:8px}.modal .sub{color:var(--dim);font-size:12px;margin-bottom:14px;font-weight:700}.shelf{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{background:#00000042;border:1px solid var(--line);border-radius:15px;padding:12px;display:flex;flex-direction:column;gap:5px;cursor:pointer;transition:transform .08s,border-color .1s}.card:hover{transform:translateY(-3px);border-color:var(--amber)}.card .em{font-size:32px}.card .nm{font-weight:800;font-size:15px;font-family:var(--disp)}.card .ds{font-size:11.5px;color:var(--dim);line-height:1.35;min-height:32px;font-weight:600}.card .pr{font-weight:700;color:var(--amber);font-size:15px;font-family:var(--disp)}.card.dis{opacity:.45;cursor:not-allowed}.closeX{float:right;cursor:pointer;pointer-events:auto;border:none;background:#0000004d;color:var(--cream);width:32px;height:32px;border-radius:50%;font-size:17px;font-weight:800}.row2{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0000003d;border:1px solid var(--line);border-radius:13px;padding:10px 13px;margin-bottom:8px}.row2 .l{display:flex;align-items:center;gap:10px;font-weight:800}.row2 .l .em{font-size:23px}.row2 .l small{display:block;color:var(--dim);font-weight:700;font-size:11px}.bigbtn{pointer-events:auto;width:100%;margin-top:6px;cursor:pointer;border:none;border-radius:14px;padding:13px;font-family:var(--disp);font-weight:700;font-size:16px;background:linear-gradient(180deg,#ffd25e,var(--amber2));color:#3a2706;box-shadow:0 5px #a86a06}.bigbtn:active{transform:translateY(3px);box-shadow:0 2px #a86a06}.bigbtn.ghost{background:#ffffff12;color:var(--cream);box-shadow:0 5px #0000004d}.bigbtn:disabled{opacity:.5}@media(max-width:560px){#log{display:none}.pill{font-size:13px;padding:5px 10px}.tbtn{min-width:52px;padding:7px 9px}}