*{box-sizing:border-box}:root{--night:#12261A;--night-hi:#1E4029;--deep:#08140C;--wood:#B98149;--wood-hi:#D49A5E;--wood-dark:#7E5228;--mist:#EEF4E2;--mist-dim:rgba(238, 244, 226, .72);--gold:#FFC83A;--ink:#1A1A0F;--brains:#EF6B8C;--frost:#8ED8F5;--grass-a:#6CBD3F;--grass-b:#5EAF35;--f-display:"Lilita One","Arial Rounded MT Bold",system-ui,sans-serif;--f-body:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--f-mono:"Chivo Mono",ui-monospace,Consolas,monospace;color-scheme:dark}html{height:100%;background:var(--night)}body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;color:var(--mist);font-family:var(--f-body);font-size:15px;line-height:1.5;background-color:var(--night);background-image:radial-gradient(90% 55% at 0 0,var(--night-hi),transparent 70%),radial-gradient(80% 45% at 100% 100%,#1a3a26,transparent 70%),repeating-linear-gradient(62deg,rgba(238,244,226,.022) 0 2px,transparent 2px 24px);-webkit-tap-highlight-color:transparent}.play{--gut:10px;--hud-h:54px;--fp:7px;--tg:8px;--cell:min(calc((100cqw - 2 * var(--gut) - var(--tg) - 2 * var(--fp)) / 6.45),
              calc((100cqh - var(--hud-h) - 2 * var(--fp) - 34px) / 10.2));--field-w:calc(var(--cell) * 6.45 + var(--tg) + 2 * var(--fp));position:fixed;inset:0;container-type:size;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);user-select:none;-webkit-user-select:none}.field,.hud{flex:none}.hud{display:flex;align-items:center;gap:8px;width:var(--field-w);height:var(--hud-h)}.menu-btn{flex:none;display:flex;align-items:center;gap:9px;height:44px;padding:0 14px 0 12px;font:800 13px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--wood-hi);border:0;border-radius:10px;box-shadow:0 4px 0 var(--wood-dark);cursor:pointer}.menu-btn:hover{background:#e2ad72}.menu-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--wood-dark)}.menu-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.burger,.burger::after,.burger::before{display:block;width:18px;height:2.5px;border-radius:2px;background:currentColor}.burger{position:relative}.burger::after,.burger::before{content:"";position:absolute;left:0}.burger::before{top:-6px}.burger::after{top:6px}@container (max-width:460px){.menu-btn .lbl{display:none}.menu-btn{padding:0 13px}}.sun-pill{flex:none;position:relative;display:flex;align-items:center;height:40px;min-width:84px;padding:0 12px 0 40px;background:var(--deep);border:2px solid rgba(255,200,58,.45);border-radius:20px}.sun-pill img{position:absolute;left:-6px;top:50%;width:46px;height:46px;margin-top:-23px;filter:drop-shadow(0 0 6px rgba(255, 200, 58, .55));animation:spin 12s linear infinite}.sun-pill .v{font-family:var(--f-display);font-size:24px;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 2px 0 #000}.sun-pill.short{border-color:#ff6a4d}.sun-pill.short .v{color:#ff8a6c}.stat{min-width:0;text-align:center}.stat .k{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mist-dim);line-height:1.2;white-space:nowrap}.stat .v{display:block;font-family:var(--f-mono);font-weight:700;font-size:20px;line-height:1.15;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 var(--deep);overflow:hidden;text-overflow:ellipsis}.stat.wave{flex:1}.stat.wave .k b{font-family:var(--f-display);font-weight:400;font-size:18px;letter-spacing:0;color:var(--gold);vertical-align:-1px}.stat.wave .bar{position:relative;display:block;height:10px;margin:5px 10px 0 4px;background:var(--deep);border-radius:5px;box-shadow:inset 0 0 0 1.5px rgba(238,244,226,.2)}.stat.wave .bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#8fb36e,#c7d96a);border-radius:5px;transition:width .4s ease}.stat.wave .bar img{position:absolute;top:50%;left:0;width:22px;height:22px;margin:-12px 0 0 -11px;transition:left .4s ease;filter:drop-shadow(0 1px 0 rgba(0, 0, 0, .6))}.stat.score{flex:0 1 auto;min-width:54px}@container (max-width:400px){.stat.score{display:none}}.tool-btn{position:relative;flex:none;width:54px;height:44px;padding:0;background:var(--wood-hi);border:0;border-radius:10px;box-shadow:0 4px 0 var(--wood-dark);cursor:pointer}.tool-btn:hover{background:#e2ad72}.tool-btn .ico{display:block;width:32px;height:32px;margin:auto;pointer-events:none}.tool-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.tool-btn .cnt{position:absolute;top:-8px;right:-8px;min-width:30px;height:21px;padding:0 5px;font:700 12px/21px var(--f-mono);color:var(--ink);background:var(--gold);border-radius:11px;box-shadow:0 0 0 2px var(--deep)}.tool-btn.empty .ico{opacity:.45;filter:grayscale(.8)}.tool-btn.empty .cnt{background:var(--mist-dim)}.tool-btn[aria-pressed=true]{background:var(--brains);transform:translateY(2px);box-shadow:0 2px 0 #a83060,0 0 0 3px var(--mist)}.field{display:flex;gap:var(--tg);width:var(--field-w)}.tray{flex:none;width:calc(var(--cell) * 1.45);display:flex;flex-direction:column;gap:6px;padding:6px 5px;background:linear-gradient(180deg,#5c3b1e,#4a2f17);border-radius:12px;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25),0 6px 0 #2e1c0c,0 14px 26px rgba(0,0,0,.4)}.packet{--cd:0;position:relative;flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 2px 3px;font:inherit;color:var(--ink);background:linear-gradient(180deg,#f6ebc8 0 62%,#e2d3a4 62%);border:0;border-radius:9px;box-shadow:0 3px 0 #8e7445,inset 0 0 0 2px rgba(80,60,20,.25);cursor:pointer;touch-action:none;overflow:hidden}.packet img{display:block;flex:1 1 auto;min-height:0;width:auto;max-width:78%;height:100%;max-height:calc(var(--cell) * .8);object-fit:contain;pointer-events:none}.packet .cost{display:flex;align-items:center;gap:2px;font:700 calc(var(--cell) * .22)/1 var(--f-mono);font-variant-numeric:tabular-nums}.packet .cost::before{content:"";width:calc(var(--cell) * .2);height:calc(var(--cell) * .2);background:url("emoji/sun.svg") center/contain no-repeat}.packet::after{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--cd) * 100%);background:rgba(16,20,10,.55);pointer-events:none}.packet .key{position:absolute;left:5px;top:3px;font:700 10px/1 var(--f-mono);color:rgba(26,26,15,.55)}@media (hover:none){.packet .key{display:none}}.packet:hover{filter:brightness(1.05)}.packet:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.packet.poor img{filter:grayscale(.85) brightness(.85)}.packet.poor .cost{color:#b3261e}.packet.sel{transform:translateX(3px) scale(1.04);box-shadow:0 3px 0 #8e7445,0 0 0 3px var(--gold),0 0 14px rgba(255,200,58,.6);z-index:1}.packet.locked{background:#3a2a18;box-shadow:inset 0 0 0 2px rgba(0,0,0,.35);cursor:default}.packet.locked img{filter:brightness(0) opacity(.45)}.packet.locked .cost{font-family:var(--f-body);font-weight:800;font-size:calc(var(--cell) * .17);color:var(--mist-dim);letter-spacing:.04em;text-transform:uppercase}.packet.locked .cost::before{display:none}.packet.locked .key{display:none}.packet.tool{background:linear-gradient(180deg,#9fb0bf,#7f92a3);box-shadow:0 3px 0 #4e5e6c,inset 0 0 0 2px rgba(0,0,0,.2)}.packet.tool .cost{font-family:var(--f-body);font-weight:800;font-size:calc(var(--cell) * .16);letter-spacing:.06em;text-transform:uppercase}.packet.tool .cost::before{display:none}.frame{position:relative;padding:var(--fp);background-color:var(--wood);background-image:repeating-linear-gradient(90deg,transparent 0 22px,var(--wood-dark) 22px 24px),linear-gradient(180deg,rgba(255,255,255,.12),transparent 30%,rgba(0,0,0,.1));border-radius:14px;box-shadow:0 8px 0 #5e3c1b,0 18px 34px rgba(0,0,0,.45)}.frame:has(.lawn:focus-visible){box-shadow:0 8px 0 #5e3c1b,0 0 0 4px var(--gold)}.yard{position:relative;width:calc(var(--cell) * 5);height:calc(var(--cell) * 10.2);overflow:hidden;border-radius:8px;background:#3e7d27}.street{position:absolute;left:0;right:0;top:0;height:calc(var(--cell) * .75);background:linear-gradient(180deg,transparent calc(100% - 7px),#b9b4a4 calc(100% - 7px) calc(100% - 3px),#807a68 calc(100% - 3px)),repeating-linear-gradient(90deg,rgba(255,220,120,.55) 0 18px,transparent 18px 34px) 0 38%/100% 3px no-repeat,linear-gradient(180deg,#2d3134,#3e4347)}.lawn{position:absolute;left:0;right:0;top:calc(var(--cell) * .75);height:calc(var(--cell) * 9);background-color:var(--grass-a);background-image:repeating-linear-gradient(100deg,rgba(255,255,255,.05) 0 2px,transparent 2px 7px),repeating-conic-gradient(var(--grass-a) 0 25%,var(--grass-b) 0 50%);background-size:auto,calc(var(--cell) * 2) calc(var(--cell) * 2);box-shadow:inset 0 6px 8px -4px rgba(0,0,0,.35);cursor:pointer;touch-action:manipulation;outline:0}.porch{position:absolute;left:0;right:0;bottom:0;height:calc(var(--cell) * .45);background:repeating-linear-gradient(90deg,transparent 0 calc(var(--cell) * .62),rgba(0,0,0,.25) calc(var(--cell) * .62) calc(var(--cell) * .64)),linear-gradient(180deg,#e1c79a,#c8a46c);border-top:3px solid #8f6a38}.layer{position:absolute;left:0;right:0;top:calc(var(--cell) * .75);height:calc(var(--cell) * 9);pointer-events:none}.layer>*{position:absolute;left:0;top:0}.plant{width:var(--cell);height:var(--cell)}.plant .pb{width:100%;height:100%;transform-origin:50% 92%;animation:sway 2.6s ease-in-out infinite}.plant img{display:block;width:94%;height:94%;margin:3% auto 0}.plant.p-cherry .pb,.plant.p-wallnut .pb{animation:none}.plant.p-cherry .pb{animation:fuse 1.1s ease-in forwards}.plant.bitten .pb{animation:bitten .35s ease-in-out infinite}@keyframes sway{50%{transform:rotate(2.5deg) scaleY(1.03)}}@keyframes bitten{25%{transform:translateX(-3%) rotate(-3deg)}75%{transform:translateX(3%) rotate(3deg)}}@keyframes fuse{0%{transform:scale(1)}70%{transform:scale(1.15);filter:brightness(1.15)}85%{transform:scale(1.08)}100%{transform:scale(1.35);filter:brightness(1.6)}}.zombie{width:calc(var(--cell) * 1.02);height:calc(var(--cell) * 1.275);margin-left:calc(var(--cell) * -.51);margin-top:calc(var(--cell) * -1.23)}.zombie .zb{position:absolute;inset:0;transform-origin:50% 96%;animation:shuffle 1.3s ease-in-out infinite;animation-delay:var(--phase, 0s)}.zombie .body{position:absolute;inset:0;width:100%;height:100%}.zombie .hat{position:absolute}.zombie .h-cone{left:24%;top:-21%;width:52%}.zombie .h-bucket{left:20%;top:-14%;width:60%}.zombie.z-hurdler .zb{animation-duration:.7s}.zombie.eat .zb{animation:chomp .5s ease-in-out infinite}.zombie.slow .zb{animation-duration:2.6s}.zombie.slow.eat .zb{animation-duration:1s}.zombie.slow .body,.zombie.slow .hat{filter:sepia(.4) hue-rotate(150deg) saturate(1.6) brightness(1.08)}.zombie.leap .zb{animation:none}.zombie.charred .body{filter:brightness(.12) sepia(.6)}.zombie.charred .hat{display:none}@keyframes shuffle{0%,100%{transform:rotate(-4deg) translateY(0)}25%{transform:rotate(0) translateY(-3%)}50%{transform:rotate(4deg) translateY(0)}75%{transform:rotate(0) translateY(-3%)}}@keyframes chomp{0%,100%{transform:rotate(0) translateY(0)}40%{transform:rotate(5deg) translateY(4%) scaleY(.96)}}.pea{width:calc(var(--cell) * .3);height:calc(var(--cell) * .3);margin:calc(var(--cell) * -.15) 0 0 calc(var(--cell) * -.15);z-index:900}.pea img{display:block;width:100%;height:100%}.sun{width:calc(var(--cell) * .95);height:calc(var(--cell) * .95);margin:calc(var(--cell) * -.475) 0 0 calc(var(--cell) * -.475);z-index:1000;pointer-events:auto;cursor:pointer;touch-action:none}.sun img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 calc(var(--cell) * .12) rgba(255, 220, 90, .9));animation:spin 9s linear infinite}.sun.pop img{animation:sun-pop .6s cubic-bezier(.3,1.6,.5,1) both,spin 9s linear .6s infinite}.sun.fading{animation:blink .5s steps(2) infinite}.sun.taken{pointer-events:none;z-index:1100}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sun-pop{from{transform:translateY(-40%) scale(.2);opacity:0}}@keyframes blink{50%{opacity:.45}}.mower-run{width:calc(var(--cell) * .92);height:calc(var(--cell) * .92);margin:calc(var(--cell) * -.46) 0 0 calc(var(--cell) * -.46);z-index:950}.mower-run img{display:block;width:100%;height:100%;animation:rattle .08s linear infinite}@keyframes rattle{50%{transform:translateX(2%) rotate(1deg)}}.ghost{width:var(--cell);height:var(--cell);z-index:990}.ghost img{display:block;width:94%;height:94%;margin:3% auto 0;opacity:.55}.ghost::before{content:"";position:absolute;inset:2px;border:2px dashed rgba(255,255,255,.8);border-radius:10px;background:rgba(255,255,255,.14)}.ghost.bad::before{border-color:#ff6a4d;background:rgba(255,70,40,.25)}.ghost.bad img{opacity:.3;filter:grayscale(1)}.ghost.dig img{width:70%;height:70%;margin:15% auto 0;opacity:.9}.ghost.dig::before{border-color:rgba(255,200,58,.9);background:rgba(120,70,20,.2)}.cursor{width:var(--cell);height:var(--cell);z-index:991;border:3px solid var(--gold);border-radius:10px;box-shadow:0 0 0 2px rgba(0,0,0,.35),inset 0 0 0 2px rgba(0,0,0,.25)}.cursor[hidden],.ghost[hidden]{display:none}.lane-mark{position:absolute;top:0;bottom:0;display:none;align-items:flex-start;justify-content:center;padding-top:6px;background:linear-gradient(0deg,rgba(239,107,140,.45),rgba(239,107,140,.12));border-inline:1px solid rgba(255,255,255,.25);pointer-events:none}.lane-mark span{font:400 calc(var(--cell) * .4)/1 var(--f-display);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.5)}.lane-mark.aim{background:linear-gradient(0deg,rgba(239,107,140,.75),rgba(255,255,255,.25))}.yard.mowing .lane-mark{display:flex}.yard.mowing .lawn{cursor:crosshair}.yard.frozen *,.yard.frozen ::after,.yard.frozen ::before{animation-play-state:paused!important}.fx{pointer-events:none}.splat{z-index:960;width:0;height:0}.splat i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#8be05c;box-shadow:0 0 0 1.5px #2d6a1a;animation:splat .3s ease-out forwards}.splat.frost i{background:#d8f5ff;box-shadow:0 0 0 1.5px #3e93c9}.splat i:first-child{--a:200deg}.splat i:nth-child(2){--a:250deg}.splat i:nth-child(3){--a:290deg}.splat i:nth-child(4){--a:330deg}.splat i:nth-child(5){--a:160deg}@keyframes splat{to{transform:rotate(var(--a)) translateX(calc(var(--cell) * .3)) scale(.3);opacity:0}}.dirt{z-index:960;width:0;height:0}.dirt i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:40%;background:#6b4423;animation:dirt 420ms cubic-bezier(.2,.7,.4,1) forwards}.dirt i:first-child{--dx:-.45;--dy:-.35}.dirt i:nth-child(2){--dx:.45;--dy:-.3}.dirt i:nth-child(3){--dx:-.25;--dy:-.55}.dirt i:nth-child(4){--dx:.25;--dy:-.5}.dirt i:nth-child(5){--dx:-.5;--dy:-.05}.dirt i:nth-child(6){--dx:.5;--dy:0}@keyframes dirt{to{transform:translate(calc(var(--dx) * var(--cell)),calc(var(--dy) * var(--cell))) scale(.4);opacity:0}}.blast{z-index:1050;width:0;height:0}.blast i{position:absolute;border-radius:50%}.blast .b1{left:calc(var(--cell) * -1.6);top:calc(var(--cell) * -1.6);width:calc(var(--cell) * 3.2);height:calc(var(--cell) * 3.2);background:radial-gradient(circle,#fff6c8 0 18%,#ffc53a 34%,#ff6a1f 55%,rgba(200,40,20,.7) 68%,transparent 72%);animation:blast .7s ease-out forwards}.blast .b2{left:calc(var(--cell) * -1.7);top:calc(var(--cell) * -1.7);width:calc(var(--cell) * 3.4);height:calc(var(--cell) * 3.4);border:calc(var(--cell) * .18) solid rgba(60,50,45,.65);animation:smoke .9s ease-out forwards}.blast .b3{left:calc(var(--cell) * -2.5);top:calc(var(--cell) * -2.5);width:calc(var(--cell) * 5);height:calc(var(--cell) * 5);background:radial-gradient(circle,rgba(255,255,220,.7),transparent 60%);animation:flash .3s ease-out forwards}@keyframes blast{0%{transform:scale(.15);opacity:1}50%{transform:scale(1);opacity:1}100%{transform:scale(1.1);opacity:0}}@keyframes smoke{0%{transform:scale(.3);opacity:0}30%{opacity:1}100%{transform:scale(1.25);opacity:0}}@keyframes flash{to{opacity:0}}.flying-hat{z-index:1040}.flying-hat img{display:block;width:100%;height:auto}.reward{position:fixed;z-index:50;pointer-events:none}.reward .rays{position:absolute;inset:-45%;border-radius:50%;background:repeating-conic-gradient(rgba(255,229,138,.75) 0deg 9deg,transparent 9deg 30deg);-webkit-mask:radial-gradient(closest-side,#000 35%,transparent);mask:radial-gradient(closest-side,#000 35%,transparent);animation:spin 3s linear infinite}.reward .disc{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c2,var(--gold) 55%,#b8860b);box-shadow:0 0 0 5px var(--deep),0 6px 0 5px var(--deep),0 0 36px 8px rgba(255,200,58,.7)}.reward .disc img{width:64%;height:64%;filter:drop-shadow(0 3px 0 rgba(8, 20, 12, .45))}.burst{position:fixed;z-index:50;width:0;height:0;pointer-events:none}.burst i{position:absolute;display:block;border-radius:50%}.burst .ring{left:-26px;top:-26px;width:52px;height:52px;border:3px solid var(--gold)}.burst .spark{left:-4px;top:-4px;width:8px;height:8px;background:var(--gold);box-shadow:0 0 8px #ffe58a}.burst .spark:nth-child(odd){background:var(--brains)}.toast{position:absolute;left:0;right:0;top:34%;padding-inline:14px;text-align:center;text-wrap:balance;font-family:var(--f-display);font-size:calc(var(--cell) * .5);line-height:1.1;color:var(--gold);text-shadow:0 3px 0 var(--deep),0 0 18px rgba(0,0,0,.7);opacity:0;pointer-events:none;z-index:3000}.toast.big{font-size:calc(var(--cell) * .72);color:#fff;text-shadow:0 4px 0 #6b1a2c,0 0 24px rgba(0,0,0,.8)}.hint{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;padding:8px 10px;text-align:center;font:800 14px/1.2 var(--f-body);background:rgba(8,20,12,.9);border-top:3px solid var(--gold);pointer-events:none;z-index:2900}.hint small{font-weight:600;font-size:12px;color:var(--mist-dim)}.hint.mow{border-top-color:var(--brains)}.hint[hidden]{display:none}.over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:safe center;overflow-y:auto;padding:20px;text-align:center;background:rgba(8,20,12,.9);z-index:4000}.over[hidden]{display:none}.over h2{margin:0;font-family:var(--f-display);font-weight:400;font-size:32px;line-height:1.1;color:var(--gold);text-wrap:balance}.over p{margin:0;max-width:28ch;color:var(--mist-dim)}.over .big{width:84px;height:84px}#over .big{animation:shuffle 1.3s ease-in-out infinite}.over p.placed{font-weight:800;color:var(--gold)}.over p.placed:empty{display:none}.over .board-list{width:100%;max-width:320px}.over .board-list li{padding:5px 10px}.over .board-list .lvl{display:none}img.inl{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.25em}kbd{padding:1px 5px;font-family:var(--f-mono);font-size:11px;color:var(--mist);border:1px solid rgba(238,244,226,.35);border-radius:4px}.btn{align-self:center;padding:12px 16px;font:800 13px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--mist);border:0;border-radius:10px;box-shadow:0 4px 0 #8fa389;cursor:pointer}.btn:hover{background:#fff}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 #8fa389}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.btn.primary{background:var(--gold);box-shadow:0 4px 0 #8a6a0a}.btn.primary:hover{background:#ffd65e}.btn.small{flex:none;padding:10px 12px;font-size:12px}.menu{position:fixed;inset:0 auto 0 0;width:min(420px,100vw);max-width:none;height:100%;max-height:none;margin:0;padding:0;color:var(--mist);background:var(--deep);border:0;box-shadow:6px 0 0 var(--night-hi),0 0 40px rgba(0,0,0,.5)}.menu[open]{animation:slide-in 180ms ease-out}.menu::backdrop{background:rgba(3,10,6,.6)}@keyframes slide-in{from{transform:translateX(-24px);opacity:0}}.menu-in{height:100%;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:22px;padding-inline:max(20px,env(safe-area-inset-left)) 20px;padding-block:max(18px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-bottom))}.menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.menu h1{margin:0;font-family:var(--f-display);font-weight:400;font-size:34px;line-height:1;color:var(--gold);text-shadow:0 3px 0 #000}.menu h2{margin:0 0 8px;font-family:var(--f-display);font-weight:400;font-size:24px;line-height:1.1}.lede{margin:-12px 0 0;color:var(--mist-dim)}.close-btn{flex:none;width:44px;height:44px;font-size:18px;line-height:1;color:var(--mist);background:0 0;border:1px solid rgba(238,244,226,.3);border-radius:10px;cursor:pointer}.close-btn:hover{background:rgba(238,244,226,.1)}.close-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:12px}.actions .btn{flex:1 1 140px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tag{min-width:0;padding:12px 14px;text-align:center;color:var(--ink);background:var(--gold);border-radius:14px;box-shadow:inset 0 -4px 0 rgba(90,60,0,.22)}.tag .k{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.tag .v{display:block;font-family:var(--f-mono);font-weight:700;font-size:26px;line-height:1.15;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.row{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:10px 12px;background:rgba(238,244,226,.07);border-radius:12px}.row-ico{display:grid;place-items:center;flex:none;width:52px;height:52px;background:var(--night-hi);border-radius:12px}.row-ico img{width:38px;height:38px}.row .k{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mist-dim)}.row .v{display:block;font-family:var(--f-display);font-size:22px;line-height:1.15;color:var(--gold)}.row .s{display:block;font-family:var(--f-mono);font-size:12px;color:var(--mist-dim)}.row .grow{flex:1;min-width:0}.row .grow .v{overflow-wrap:anywhere}.howto p{margin:0 0 8px;font-size:14px;color:var(--mist-dim)}.alm-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.alm-list li{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:8px 12px 8px 8px;background:rgba(238,244,226,.07);border-radius:12px}.alm-list .pic{display:grid;place-items:center;width:48px;height:48px;background:var(--night-hi);border-radius:10px;overflow:hidden}.alm-list .pic img{width:40px;height:40px;object-fit:contain}.alm-list .pic.tall img{height:46px;margin-top:6px}.alm-list .nm{display:block;font-weight:800}.alm-list .nm small{font:700 12px var(--f-mono);color:var(--gold);margin-left:6px}.alm-list .ab{display:block;font-size:13px;line-height:1.35;color:var(--mist-dim)}.alm-list li.sep{display:block;padding:6px 0 0;background:0 0;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mist-dim)}.best .sub{margin:0 0 10px;font-size:13px;color:var(--mist-dim)}.board-list{display:grid;gap:4px;margin:0;padding:0;list-style:none}.board-list li{display:grid;grid-template-columns:2.6em 1fr auto;align-items:center;gap:10px;padding:8px 12px;text-align:left;background:rgba(238,244,226,.07);border-radius:10px}.board-list .rank{font:700 13px/1 var(--f-mono);color:var(--mist-dim)}.board-list li:nth-child(-n+3) .rank{color:var(--gold)}.board-list .who{min-width:0}.board-list .name{display:block;overflow:hidden;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.board-list .lvl{display:block;font-size:12px;color:var(--mist-dim)}.board-list .pts{font:700 15px/1 var(--f-mono);font-variant-numeric:tabular-nums}.board-list li.mine{color:var(--ink);background:var(--gold)}.board-list li.mine .lvl,.board-list li.mine .rank{color:rgba(26,26,15,.72)}.board-list li.empty{display:block;font-size:13px;text-align:center;color:var(--mist-dim)}.name-dlg{width:min(360px,calc(100vw - 32px));padding:0;color:var(--mist);background:var(--deep);border:0;border-radius:16px;box-shadow:0 8px 0 var(--night-hi),0 0 40px rgba(0,0,0,.5)}.name-dlg::backdrop{background:rgba(3,10,6,.75)}.name-form{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;text-align:center}.name-form .big{width:84px;height:84px}.name-form h2{margin:0;font-family:var(--f-display);font-weight:400;font-size:30px;line-height:1.1;color:var(--gold)}.name-form p{margin:0;color:var(--mist-dim)}.name-form .btn{align-self:stretch}.field-in{align-self:stretch;display:flex;flex-direction:column;gap:6px;text-align:left}.field-in .k{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mist-dim)}.field-in input{width:100%;padding:12px 14px;font:600 18px/1.2 var(--f-body);color:var(--ink);background:var(--mist);border:0;border-radius:10px;box-shadow:inset 0 3px 0 rgba(26,26,15,.18);user-select:text}.field-in input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){#over .big,.menu[open],.plant .pb,.sun-pill img{animation:none}}