.hud-top{position:absolute;top:calc(var(--u) * (8/16));left:calc(var(--u) * (12/16));right:calc(var(--u) * (12/16));display:flex;align-items:flex-start;gap:calc(var(--u) * (12/16));padding-top:calc(var(--u) * (12/16));max-width:100%;box-sizing:border-box}.hud-top:before{display:none}.hud-top:after{content:"";position:absolute;left:calc(var(--u) * (-12/16));right:calc(var(--u) * (-12/16));top:calc(var(--u) * 100%);height:calc(var(--u) * (20/16));margin-top:calc(var(--u) * (-24/16));pointer-events:none;z-index:1;background-image:repeating-linear-gradient(90deg,#fff8ec 0% 66%,#fff8ec00 66% 100%),linear-gradient(180deg,#2a1a0b,#120a04),linear-gradient(180deg,#6b4720,#3a240e);background-size:calc(var(--u) * (24/16)) calc(var(--u) * (16/16)),100% 100%,100% calc(var(--u) * (4/16));background-position:center top,center bottom,center bottom;background-repeat:repeat-x,no-repeat,no-repeat;box-shadow:inset 0 calc(var(--u) * (-4/16)) calc(var(--u) * (5/16)) #00000080,inset 0 calc(var(--u) * (1/16)) 0 #ffecba29,0 calc(var(--u) * (6/16)) calc(var(--u) * (8/16)) #00000080}.bank-stack{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:calc(var(--u) * (9/16))}.sun-bank,.seed-bank,.hud-tools{flex:0 0 auto}.sun-bank{position:relative;display:flex;align-items:center;gap:calc(var(--u) * (8/16));background:linear-gradient(180deg,#7a5227,#563717 42%,#2f1e0a);border:calc(var(--u) * (3/16)) solid var(--brown-edge);border-radius:calc(var(--u) * (15/16));padding:calc(var(--u) * (4/16)) calc(var(--u) * (18/16)) calc(var(--u) * (4/16)) calc(var(--u) * (7/16));box-shadow:var(--elev-2),inset 0 calc(var(--u) * (4/16)) 0 #ffeec042,var(--shade);min-width:calc(var(--u) * (132/16))}.sun-icon{position:relative;flex:0 0 auto;width:calc(var(--u) * (44/16));height:calc(var(--u) * (44/16));background-position:center;background-repeat:no-repeat;background-size:80%;border-radius:50%;border:calc(var(--u) * (3/16)) solid var(--brown-edge);background-color:#8a5d2c;box-shadow:var(--lit),var(--shade),0 0 calc(var(--u) * (7/16)) #ffc43c57;animation:sunPulse 2.4s ease-in-out infinite}@keyframes sunPulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(4deg)}}.sun-count{font-size:calc(var(--u) * (36/16));font-weight:900;line-height:1;letter-spacing:calc(var(--u) * (1/16));color:var(--gold);-webkit-text-stroke:calc(var(--u) * (2.5/16)) #2a1904;paint-order:stroke fill;text-shadow:0 calc(var(--u) * (3/16)) 0 rgba(0,0,0,.6),0 0 calc(var(--u) * (16/16)) rgba(255,210,74,.5)}.sun-count.bump{animation:bump .32s cubic-bezier(.3,1.6,.5,1)}@keyframes bump{0%{transform:scale(1)}38%{transform:scale(1.32)}to{transform:scale(1)}}.sun-count.spend{animation:spend .26s ease-in}@keyframes spend{0%{transform:scale(1)}40%{transform:scale(.82) rotate(-3deg)}to{transform:scale(1)}}.seed-bank{display:flex;gap:calc(var(--u) * (5/16));background:linear-gradient(180deg,#6b4820,#472f13 55%,#2f1e0a);border:calc(var(--u) * (3/16)) solid var(--brown-edge);border-radius:calc(var(--u) * (15/16));padding:calc(var(--u) * (11/16)) calc(var(--u) * (9/16)) calc(var(--u) * (8/16));box-shadow:var(--drop),inset 0 calc(var(--u) * (2/16)) 0 #ffebb429}.seed-packet{position:relative;width:calc(var(--u) * (76/16));height:calc(var(--u) * (102/16));flex:0 0 auto;border:calc(var(--u) * (3/16)) solid var(--brown-edge);border-radius:calc(var(--u) * (10/16));background:linear-gradient(180deg,#fdf6e0,#f0e2bd 60%,#dcc796);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden;padding:0;display:flex;flex-direction:column;align-items:stretch;transform-origin:50% 100%;transition:transform .12s ease-out;box-shadow:0 calc(var(--u) * (6/16)) 0 #00000073,inset 0 calc(var(--u) * (2/16)) 0 #ffecba4d,inset 0 calc(var(--u) * (-2/16)) 0 #5e3a104d;contain:layout paint}.seed-packet:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:5;pointer-events:none;box-shadow:inset 0 0 0 calc(var(--u) * (4/16)) var(--gold),inset 0 0 calc(var(--u) * (18/16)) #ffd24a80;opacity:0;transform:scale(.93);transition:transform .14s ease-out,opacity .14s ease-out}.packet-art{position:relative;width:100%;height:calc(var(--u) * (49/16));flex:0 0 auto;display:block;background:radial-gradient(ellipse 80% 70% at 50% 38%,#ffffffd9,#fff4d200 70%),linear-gradient(180deg,#cfe6a8,#a9cf78);border-bottom:calc(var(--u) * (2/16)) solid #6b4a1c;box-shadow:inset 0 calc(var(--u) * (3/16)) calc(var(--u) * (5/16)) #18300a6b}.packet-art>svg{position:absolute;left:50%;top:50%;width:calc(var(--u) * (44/16));height:calc(var(--u) * (44/16));transform:translate(-50%,-50%);filter:drop-shadow(0 calc(var(--u) * (1/16)) calc(var(--u) * (.5/16)) rgba(0,0,0,.5))}.packet-plate{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * (3/16));height:calc(var(--u) * (29/16));flex:0 0 auto;background:linear-gradient(180deg,#6a4a20,#41290e);border-top:calc(var(--u) * (2/16)) solid #1d1206;box-shadow:inset 0 calc(var(--u) * (2/16)) 0 #ffecba33}.packet-plate .mini-sun{width:calc(var(--u) * (16/16));height:calc(var(--u) * (16/16));flex:0 0 auto;display:block}.packet-cost{font-size:calc(var(--u) * (24/16));font-weight:900;line-height:1;color:#ffe27a;-webkit-text-stroke:calc(var(--u) * (2/16)) #23150a;paint-order:stroke fill;text-shadow:0 calc(var(--u) * (2/16)) 0 rgba(0,0,0,.55)}.packet-name{height:calc(var(--u) * (18/16));flex:0 0 auto;display:block;padding:0 calc(var(--u) * (3/16));font-size:var(--t-small);font-weight:800;letter-spacing:0;line-height:calc(var(--u) * (18/16));text-transform:uppercase;color:#120a02;background:linear-gradient(180deg,#fffdf6,#f7ecc9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 calc(var(--u) * (1/16)) 0 #0000001a,inset 0 calc(var(--u) * (-3/16)) 0 #120a02}.seed-packet:hover{transform:translateY(calc(var(--u) * (-4/16)))}.seed-packet.selected{transform:translateY(calc(var(--u) * (-9/16))) scale(1.07);z-index:5}.seed-packet.selected:after{opacity:1;transform:scale(1)}.seed-packet.selected .packet-art{background:radial-gradient(ellipse 80% 70% at 50% 38%,#fff,#fffae200 70%),linear-gradient(180deg,#e2f5bd,#b6dd82);box-shadow:inset 0 calc(var(--u) * (3/16)) calc(var(--u) * (5/16)) #18300a52}.seed-packet.selected .packet-name{color:#140c02;background:linear-gradient(180deg,#fffaea,#f2e2ba)}.packet-cd{position:absolute;left:0;right:0;top:0;height:0%;pointer-events:none;background:linear-gradient(180deg,#080e1adb,#080e1aad);transition:height .1s linear;z-index:4}.packet-cd:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--u) * (4/16));background:linear-gradient(180deg,rgba(255,210,74,.2),var(--gold));box-shadow:0 0 calc(var(--u) * (10/16)) #ffd24ae6}.seed-packet.cooling{cursor:not-allowed}.seed-packet.cooling .packet-art{filter:saturate(.35) brightness(.62)}.seed-packet.cooling .packet-cost{color:#b9d0e6}.seed-packet.cooling .packet-name{color:#5b4a2c;background:linear-gradient(180deg,#f4ead1,#ddcba6)}.seed-packet.poor{cursor:not-allowed}.seed-packet.poor .packet-art{filter:grayscale(.88) brightness(.6) contrast(.95)}.seed-packet.poor .packet-plate{background:linear-gradient(180deg,#3b342e,#221d19)}.seed-packet.poor .packet-cost{color:#ff6a52;-webkit-text-stroke-color:#240806}.seed-packet.poor .packet-name{color:#5b4a2c;background:linear-gradient(180deg,#f4ead1,#ddcba6)}.seed-packet.blocked{filter:brightness(.88)}.seed-packet.denied{animation:shakeX .34s cubic-bezier(.36,.07,.19,.97)}@keyframes shakeX{0%,to{transform:translate(0) translateY(calc(var(--u) * (-3/16)))}20%{transform:translate(calc(var(--u) * (-6/16))) translateY(calc(var(--u) * (-3/16)))}45%{transform:translate(calc(var(--u) * (6/16))) translateY(calc(var(--u) * (-3/16)))}70%{transform:translate(calc(var(--u) * (-3/16))) translateY(calc(var(--u) * (-3/16)))}}.seed-tooltip{position:fixed;transform:translate(-50%) translateY(calc(var(--u) * (-4/16)));background-image:var(--grain),linear-gradient(180deg,var(--wood-card) 0%,#2c1a0b 58%,var(--wood-well) 100%);background-blend-mode:soft-light,normal;border:calc(var(--u) * (2/16)) solid var(--brown-edge);border-left:calc(var(--u) * (5/16)) solid var(--gold-dk);border-radius:var(--r-card);padding:calc(var(--u) * (8/16)) calc(var(--u) * (12/16)) calc(var(--u) * (8/16)) calc(var(--u) * (13/16));max-width:calc(var(--u) * (218/16));opacity:0;pointer-events:none;transition:opacity .13s,transform .13s;z-index:60;box-shadow:var(--elev-3),var(--lit-strong),var(--shade)}.seed-tooltip.visible{opacity:1;transform:translate(-50%) translateY(0)}.seed-tooltip.flip{transform:translate(-50%) translateY(calc(var(--u) * (4/16)))}.seed-tooltip.flip.visible{transform:translate(-50%) translateY(0)}.tip-head{display:flex;align-items:center;gap:calc(var(--u) * (6/16));font-size:var(--t-title);font-weight:900;color:var(--ink-primary);letter-spacing:calc(var(--u) * (.4/16));line-height:1.1;text-shadow:var(--edge)}.tip-head svg{width:calc(var(--u) * (22/16));height:calc(var(--u) * (22/16));flex:0 0 auto;filter:drop-shadow(0 calc(var(--u) * (1/16)) 0 rgba(0,0,0,.55))}.tip-blurb{margin-top:calc(var(--u) * (4/16));font-size:var(--t-body);line-height:1.42;color:var(--ink-secondary)}.tip-stats{margin-top:calc(var(--u) * (6/16));padding-top:calc(var(--u) * (5/16));border-top:calc(var(--u) * (2/16)) solid #6b4a1c;display:flex;gap:calc(var(--u) * (12/16));font-size:var(--t-small);font-weight:700;color:var(--ink-secondary)}.tip-stats b{color:var(--gold);font-weight:900;text-shadow:var(--edge)}.hud-tools{margin-left:auto;display:flex;align-items:flex-start;gap:calc(var(--u) * (8/16))}.tool-btn{position:relative;height:calc(var(--u) * (58/16));min-width:calc(var(--u) * (58/16));padding:0 calc(var(--u) * (8/16));border-radius:calc(var(--u) * (14/16));border:calc(var(--u) * (3/16)) solid var(--brown-edge);background-image:var(--grain),linear-gradient(180deg,#6f4a24,#5a3917 34%,#40290e);background-blend-mode:soft-light,normal;color:var(--cream);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * (2/16));box-shadow:var(--elev-1),inset 0 calc(var(--u) * (3/16)) 0 #ffeec04d,inset 0 calc(var(--u) * (-3/16)) 0 #0006;transition:transform .12s ease-out}.tool-btn svg{width:calc(var(--u) * (28/16));height:calc(var(--u) * (28/16));display:block}.tool-btn .tool-label{font-size:var(--t-small);font-weight:900;letter-spacing:calc(var(--u) * (.4/16));line-height:1;color:var(--ink-primary);text-shadow:0 calc(var(--u) * (1.5/16)) 0 rgba(0,0,0,.9)}.lang-btn{font-size:var(--t-small);font-weight:900;letter-spacing:calc(var(--u) * (.4/16));white-space:nowrap;color:var(--ink-primary);text-shadow:0 calc(var(--u) * (1.5/16)) 0 rgba(0,0,0,.9)}.tool-btn:hover{transform:translateY(calc(var(--u) * (-2/16)))}.tool-btn:after{content:"";position:absolute;inset:calc(var(--u) * (-5/16));border-radius:calc(var(--u) * (18/16));border:calc(var(--u) * (4/16)) solid var(--gold);box-shadow:0 0 calc(var(--u) * (18/16)) #ffd24acc;opacity:0;transform:scale(.88);pointer-events:none;transition:transform .14s ease-out,opacity .14s ease-out}.tool-btn.selected{transform:translateY(calc(var(--u) * (-2/16)))}.tool-btn.selected:after{opacity:1;transform:scale(1)}.progress-wrap{position:relative;width:100%;padding-top:calc(var(--u) * (10/16))}.progress-track{position:relative;height:calc(var(--u) * (15/16));border-radius:calc(var(--u) * (8/16));background:linear-gradient(180deg,#1b1006,#2a1c0b 62%,#150c04);border:calc(var(--u) * (2/16)) solid var(--brown-edge);box-shadow:inset 0 calc(var(--u) * (3/16)) calc(var(--u) * (4/16)) #000c;contain:layout}.progress-fill{position:absolute;inset:calc(var(--u) * (1/16)) auto calc(var(--u) * (1/16)) calc(var(--u) * (1/16));width:0%;border-radius:calc(var(--u) * (7/16));background:linear-gradient(180deg,#a7e56e,#74c445 46%,#4b9832);box-shadow:inset 0 calc(var(--u) * (2/16)) 0 #ffffff6b;transition:width .12s linear}.progress-flag{position:absolute;top:calc(var(--u) * (-19/16));width:calc(var(--u) * (15/16));height:calc(var(--u) * (25/16));margin-left:calc(var(--u) * (-7.5/16));pointer-events:none;padding-bottom:calc(var(--u) * (5/16));box-sizing:content-box;background:linear-gradient(180deg,#180c0400 50%,#180c04eb);border-radius:0 0 calc(var(--u) * (3/16)) calc(var(--u) * (3/16));filter:drop-shadow(0 calc(var(--u) * (2/16)) calc(var(--u) * (3/16)) rgba(0,0,0,.7));animation:flagPop .4s cubic-bezier(.2,1.5,.4,1)}.progress-flag svg{width:100%;height:100%;display:block}@keyframes flagPop{0%{transform:scale(.3) translateY(calc(var(--u) * (6/16)))}to{transform:scale(1) translateY(0)}}.progress-head{position:absolute;top:50%;left:0;width:calc(var(--u) * (36/16));height:calc(var(--u) * (36/16));margin-left:calc(var(--u) * (-18/16));margin-top:calc(var(--u) * (-19/16));pointer-events:none;filter:drop-shadow(0 calc(var(--u) * (3/16)) calc(var(--u) * (2/16)) rgba(0,0,0,.75));z-index:3;transition:left .12s linear}.progress-head .head-inner{width:100%;height:100%;animation:crawl .62s ease-in-out infinite alternate}@keyframes crawl{0%{transform:rotate(-9deg) translateY(calc(var(--u) * (1/16)))}to{transform:rotate(9deg) translateY(calc(var(--u) * (-1/16)))}}.progress-label{width:fit-content;max-width:calc(var(--u) * (120/16));margin:calc(var(--u) * (4/16)) auto 0;padding:calc(var(--u) * (2/16)) calc(var(--u) * (9/16));text-align:center;font-size:var(--t-micro);font-weight:900;letter-spacing:calc(var(--u) * (.3/16));line-height:calc(var(--u) * (16/16));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-primary);background:linear-gradient(180deg,#1f1409,#120a04);border:calc(var(--u) * (2/16)) solid var(--brown-edge);border-top-color:#4a3016;border-radius:calc(var(--u) * (4/16));box-shadow:inset 0 calc(var(--u) * (2/16)) 0 #ffecba42;text-shadow:0 calc(var(--u) * (1.5/16)) 0 rgba(0,0,0,.95)}.banner-layer{position:absolute;top:25%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * (8/16));z-index:30;pointer-events:none}.banner{--face-1: var(--wood-chrome);--face-2: var(--wood-chrome-2);--face-3: #2c1c0a;--frame: var(--brown-edge);--bevel: rgba(255, 231, 176, .26);position:relative;isolation:isolate;opacity:0;transform:scale(.62) translateY(calc(var(--u) * (14/16)));transition:opacity .28s ease-out,transform .44s cubic-bezier(.18,1.5,.4,1);font-weight:900;line-height:1.16;text-align:center;white-space:nowrap;max-width:min(94vw,calc(var(--u) * (880/16)));padding:calc(var(--u) * (11/16)) calc(var(--u) * (34/16)) calc(var(--u) * (13/16));border-radius:calc(var(--u) * (12/16));border:calc(var(--u) * (4/16)) solid var(--frame);background-image:var(--grain),linear-gradient(180deg,var(--face-1) 0%,var(--face-2) 62%,var(--face-3) 100%);background-blend-mode:soft-light,normal;box-shadow:0 calc(var(--u) * (5/16)) 0 var(--frame),0 calc(var(--u) * (12/16)) calc(var(--u) * (26/16)) #00000080,inset 0 calc(var(--u) * (3/16)) 0 var(--bevel),inset 0 calc(var(--u) * (-4/16)) 0 #00000057;color:var(--ink-primary);-webkit-text-stroke:calc(var(--u) * (2.2/16)) #1d1206;paint-order:stroke fill;text-shadow:0 calc(var(--u) * (3/16)) 0 rgba(0,0,0,.9),0 calc(var(--u) * (1/16)) 0 rgba(0,0,0,.75)}.banner.show{opacity:1;transform:scale(1) translateY(0)}.banner:after{content:"";position:absolute;inset:calc(var(--u) * (4/16));border-radius:calc(var(--u) * (8/16));pointer-events:none;background-image:radial-gradient(circle at center,#00000057 0 calc(var(--u) * (.8/16)),#ffe7b021 calc(var(--u) * (.9/16)) calc(var(--u) * (1.3/16)),#0000 calc(var(--u) * (1.5/16))),radial-gradient(circle at center,#00000057 0 calc(var(--u) * (.8/16)),#ffe7b021 calc(var(--u) * (.9/16)) calc(var(--u) * (1.3/16)),#0000 calc(var(--u) * (1.5/16)));background-size:calc(var(--u) * (13/16)) calc(var(--u) * (13/16));background-position:calc(var(--u) * (3.6/16)) calc(var(--u) * (3.6/16)),calc(var(--u) * (3.6/16)) calc(100% - calc(var(--u) * (3.6/16)));background-repeat:repeat-y}.banner-wave{--bevel: rgba(255, 231, 176, .3);font-size:min(calc(var(--u) * (30/16)),3.4vw);letter-spacing:calc(var(--u) * (3/16));padding:calc(var(--u) * (7/16)) calc(var(--u) * (28/16)) calc(var(--u) * (9/16));border-radius:calc(var(--u) * (10/16));border-width:calc(var(--u) * (3/16));color:var(--gold);box-shadow:0 calc(var(--u) * (4/16)) 0 var(--frame),0 calc(var(--u) * (10/16)) calc(var(--u) * (22/16)) #0000008c,inset 0 calc(var(--u) * (2/16)) 0 var(--bevel),inset 0 calc(var(--u) * (-3/16)) 0 #00000057}.banner-huge{--face-1: #a32e18;--face-2: #d3541b;--face-3: #5e1406;--frame: #2b0a03;--bevel: rgba(255, 196, 150, .34);font-size:min(calc(var(--u) * (38/16)),4.4vw);letter-spacing:calc(var(--u) * (1.6/16));padding:calc(var(--u) * (11/16)) calc(var(--u) * (34/16)) calc(var(--u) * (13/16));border-radius:calc(var(--u) * (14/16));border-width:calc(var(--u) * (4.5/16));color:#fff8ec;text-shadow:0 calc(var(--u) * (3/16)) 0 rgba(40,6,2,.95),0 calc(var(--u) * (5/16)) calc(var(--u) * (14/16)) rgba(46,6,2,.85);-webkit-text-stroke:calc(var(--u) * (2.4/16)) #fff4de;animation:hugeShake .34s cubic-bezier(.36,.07,.19,.97) 3,hugePulse .6s ease-in-out infinite alternate 1.2s;z-index:2}@keyframes hugeShake{0%,to{transform:scale(1) translate(0) rotate(0)}25%{transform:scale(1.04) translate(calc(var(--u) * (-8/16))) rotate(-1.4deg)}75%{transform:scale(1.04) translate(calc(var(--u) * (8/16))) rotate(1.4deg)}}@keyframes hugePulse{0%{opacity:.92}to{opacity:1}}.banner-final{--face-1: #9a540a;--face-2: #c97b0d;--face-3: #4a2003;--frame: #210e02;--bevel: rgba(255, 226, 160, .38);font-size:min(calc(var(--u) * (42/16)),4.8vw);letter-spacing:calc(var(--u) * (4/16));padding:calc(var(--u) * (11/16)) calc(var(--u) * (38/16)) calc(var(--u) * (13/16));border-radius:calc(var(--u) * (16/16));border-width:calc(var(--u) * (4.5/16));color:#fff7e4;text-shadow:0 calc(var(--u) * (3/16)) 0 rgba(40,14,2,.95),0 calc(var(--u) * (5/16)) calc(var(--u) * (15/16)) rgba(44,14,2,.85);-webkit-text-stroke:calc(var(--u) * (2.4/16)) #fff0cc;animation:finalBeat .5s ease-in-out infinite alternate}@keyframes finalBeat{0%{transform:scale(1);opacity:.92}to{transform:scale(1.04);opacity:1}}.banner-sub{margin-top:calc(var(--u) * (5/16));font-size:min(calc(var(--u) * (17/16)),1.9vw);font-weight:700;letter-spacing:calc(var(--u) * (1.4/16));color:var(--ink-secondary);-webkit-text-stroke:calc(var(--u) * (2/16)) #1d1206;paint-order:stroke fill;text-shadow:0 calc(var(--u) * (2/16)) 0 rgba(0,0,0,.9),0 calc(var(--u) * (4/16)) calc(var(--u) * (10/16)) rgba(0,0,0,.7)}.toast-layer{position:absolute;bottom:calc(var(--u) * (20/16));left:0;right:0;display:flex;justify-content:center;z-index:28;pointer-events:none}.toast{position:relative;isolation:isolate;opacity:0;transform:translateY(calc(var(--u) * (10/16)));transition:opacity .18s ease-out,transform .18s ease-out;padding:calc(var(--u) * (7/16)) calc(var(--u) * (20/16)) calc(var(--u) * (9/16));border-radius:calc(var(--u) * (9/16));border:calc(var(--u) * (2.5/16)) solid var(--brown-edge);background-image:linear-gradient(180deg,#8b5f2c 0%,var(--wood-chrome) 34%,#402812 88%,#251507 100%);box-shadow:0 calc(var(--u) * (3/16)) 0 var(--brown-edge),0 calc(var(--u) * (8/16)) calc(var(--u) * (18/16)) #00000080,inset 0 calc(var(--u) * (2/16)) 0 #ffecba52,inset 0 calc(var(--u) * (-3/16)) 0 #00000052;color:var(--ink-primary);font-size:min(calc(var(--u) * (16/16)),1.9vw);font-weight:700;line-height:1.25;text-shadow:0 calc(var(--u) * (2/16)) 0 rgba(0,0,0,.85)}.toast.show{opacity:1;transform:translateY(0)}.toast:before{content:"";position:absolute;top:calc(var(--u) * (2.5/16));bottom:calc(var(--u) * (2.5/16));left:calc(var(--u) * (-1/16));width:calc(var(--u) * (5/16));border-radius:calc(var(--u) * (3/16));background-image:linear-gradient(180deg,#ffe58a 0%,var(--gold) 55%,var(--gold-dk) 100%);box-shadow:0 0 0 calc(var(--u) * (1.4/16)) var(--brown-edge),inset 0 calc(var(--u) * (1/16)) 0 #ffffff73}.screen-layer{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#08140ab3,#030804eb);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:auto;z-index:50;overflow:hidden}.screen-layer.visible{display:flex}.screen-layer:has(.title-screen){background:radial-gradient(ellipse 62% 78% at 50% 46%,#060e08eb,#050c07cc 46%,#040b0657 78%,#0309051f)}.screen{position:relative;text-align:center;padding:calc(var(--u) * (26/16)) calc(var(--u) * (40/16));border-radius:var(--r-panel);background-image:var(--grain),radial-gradient(ellipse 78% 62% at 50% 36%,#c4884a,#a26c34 38%,#825428 68%,#5f3c1b);background-blend-mode:soft-light,normal,normal;border:calc(var(--u) * (5/16)) solid var(--brown-edge);box-shadow:0 calc(var(--u) * (5/16)) 0 #0009,var(--drop-deep),inset 0 0 0 calc(var(--u) * (2/16)) #ffeaba38,inset 0 0 0 calc(var(--u) * (4/16)) #180c03b8;isolation:isolate;display:flex;flex-direction:column;gap:calc(var(--u) * (12/16));align-items:center;max-width:min(94vw,calc(var(--u) * (1000/16)));max-height:94vh;animation:panelIn .28s cubic-bezier(.2,1.35,.4,1)}@keyframes panelIn{0%{transform:scale(.86) translateY(calc(var(--u) * (16/16)));opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.screen:before{content:"";position:absolute;inset:calc(var(--u) * (2/16));z-index:-1;border-radius:calc(var(--u) * (18/16));pointer-events:none;background:linear-gradient(180deg,#fff0ca80 0% 8%,#ffe8b229 18%,#ffe2a400 28%),linear-gradient(180deg,#0000 46%,#00000029 72%,#06030080);box-shadow:inset 0 calc(var(--u) * (3/16)) 0 #fff0ca4d,inset 0 calc(var(--u) * (-4/16)) 0 #0000006b}.screen h1{position:relative;margin:0;padding-bottom:calc(var(--u) * (12/16));font-size:calc(var(--u) * (36/16));font-weight:900;letter-spacing:calc(var(--u) * (-.5/16));color:var(--ink-primary);-webkit-text-stroke:var(--edge-strong);paint-order:stroke fill;text-shadow:0 calc(var(--u) * (4/16)) 0 rgba(0,0,0,.62),0 calc(var(--u) * (7/16)) calc(var(--u) * (16/16)) rgba(0,0,0,.4);line-height:1.05}.screen h1:not(.game-title):after{content:"";position:absolute;left:calc(var(--u) * (4/16));right:calc(var(--u) * (4/16));bottom:0;height:calc(var(--u) * (4/16));border-radius:var(--r-pill);background:linear-gradient(180deg,#ffdea066,#784e1e80 55%,#140b0399);box-shadow:0 calc(var(--u) * (2/16)) 0 #00000073}.screen h2{margin:0;max-width:calc(var(--u) * (520/16));font-size:calc(var(--u) * (15/16));font-weight:700;color:var(--ink-secondary);line-height:1.45;text-shadow:0 calc(var(--u) * (2/16)) 0 rgba(0,0,0,.5)}.screen-lose h1{color:#ffb3a0;-webkit-text-stroke:calc(var(--u) * (3/16)) #3d0d07;text-shadow:0 calc(var(--u) * (4/16)) 0 rgba(0,0,0,.55),0 0 calc(var(--u) * (26/16)) rgba(255,84,56,.5)}.screen-win h1{color:#dcff9e;-webkit-text-stroke:calc(var(--u) * (3/16)) #1d3407;text-shadow:0 calc(var(--u) * (4/16)) 0 rgba(0,0,0,.55),0 0 calc(var(--u) * (26/16)) rgba(150,240,90,.5)}.final-score{font-size:calc(var(--u) * (21/16));font-weight:800;margin:0;color:var(--gold);-webkit-text-stroke:calc(var(--u) * (2/16)) #241206;paint-order:stroke fill;text-shadow:0 calc(var(--u) * (3/16)) 0 #2a1a04,0 calc(var(--u) * (6/16)) calc(var(--u) * (14/16)) rgba(0,0,0,.45)}.screen-lose .final-score{color:#ffd484;-webkit-text-stroke:calc(var(--u) * (2/16)) #2c1503}.stat-row{display:flex;gap:calc(var(--u) * (14/16));flex-wrap:wrap;justify-content:center}.stat-box{min-width:calc(var(--u) * (130/16));padding:calc(var(--u) * (7/16)) calc(var(--u) * (15/16)) calc(var(--u) * (8/16));border-radius:var(--r-card);background-image:linear-gradient(180deg,#6b4823,#553718 44%,#3f2810);border:calc(var(--u) * (3/16)) solid #241406;box-shadow:inset 0 calc(var(--u) * (3/16)) 0 #ffe8b057,inset 0 calc(var(--u) * (-4/16)) 0 #0000004d,0 calc(var(--u) * (3/16)) calc(var(--u) * (2/16)) #00000080}.stat-box .stat-k{font-size:calc(var(--u) * (11/16));font-weight:800;letter-spacing:calc(var(--u) * (1.6/16));text-transform:uppercase;color:var(--ink-secondary);text-shadow:0 calc(var(--u) * (1/16)) 0 rgba(0,0,0,.55);line-height:1.1}.stat-box .stat-v{font-size:calc(var(--u) * (30/16));font-weight:900;color:var(--ink-primary);text-shadow:0 calc(var(--u) * (2/16)) 0 #180c02,0 calc(var(--u) * (4/16)) calc(var(--u) * (3/16)) rgba(0,0,0,.55);line-height:1.12}.btn-row{display:flex;gap:calc(var(--u) * (12/16));flex-wrap:wrap;justify-content:center;align-items:center}.big-btn{font-size:calc(var(--u) * (20/16));font-weight:900;letter-spacing:calc(var(--u) * (1/16));text-transform:uppercase;padding:calc(var(--u) * (11/16)) calc(var(--u) * (30/16));border-radius:var(--r-card);border:calc(var(--u) * (3.5/16)) solid var(--brown-edge);background:linear-gradient(180deg,#a6e05f,#5cb13f 55%,#3f8a2c);color:#12210b;cursor:pointer;text-shadow:0 calc(var(--u) * (1/16)) 0 rgba(255,255,255,.4);box-shadow:inset 0 calc(var(--u) * (4/16)) 0 #fff9,inset 0 calc(var(--u) * (-5/16)) 0 #0000004d,0 calc(var(--u) * (7/16)) 0 #12240c,0 calc(var(--u) * (9/16)) calc(var(--u) * (7/16)) #00000080;transition:transform .1s ease-out,filter .12s}.big-btn:hover{transform:translateY(calc(var(--u) * (-2/16)));filter:brightness(1.08)}.big-btn:active{transform:translateY(calc(var(--u) * (4/16)));box-shadow:inset 0 calc(var(--u) * (3/16)) 0 #fff6,0 calc(var(--u) * (2/16)) 0 #12240c,0 calc(var(--u) * (4/16)) calc(var(--u) * (6/16)) #00000073}.big-btn:disabled{filter:grayscale(.8) brightness(.6);cursor:not-allowed;transform:none}.big-btn:focus-visible{outline:calc(var(--u) * (3/16)) solid var(--gold);outline-offset:calc(var(--u) * (3/16))}.big-btn.ghost{background:linear-gradient(180deg,#e0cdb2,#c4ab86 48%,#a68d68);color:var(--ink-primary);text-shadow:0 calc(var(--u) * (2/16)) 0 #1c0f03;box-shadow:inset 0 calc(var(--u) * (4/16)) 0 #ffecba80,inset 0 calc(var(--u) * (-5/16)) 0 #00000057,0 calc(var(--u) * (5/16)) 0 #150d03,0 calc(var(--u) * (9/16)) calc(var(--u) * (7/16)) #00000080}.big-btn.ghost:active{box-shadow:inset 0 calc(var(--u) * (3/16)) 0 #ffecba4d,0 calc(var(--u) * (2/16)) 0 #150d03,0 calc(var(--u) * (4/16)) calc(var(--u) * (6/16)) #00000073}.big-btn.sun{background:linear-gradient(180deg,#f9dc86,#dfa622 55%,#b07d12);color:#241200;border-color:#150c02;color:#3a2405;text-shadow:0 calc(var(--u) * (1/16)) 0 rgba(255,240,196,.4);box-shadow:inset 0 calc(var(--u) * (4/16)) 0 #ffffffa8,inset 0 calc(var(--u) * (-5/16)) 0 #00000047,0 calc(var(--u) * (7/16)) 0 #4a3003,0 calc(var(--u) * (9/16)) calc(var(--u) * (7/16)) #00000080}.big-btn.sun:active{box-shadow:inset 0 calc(var(--u) * (3/16)) 0 #ffffff70,0 calc(var(--u) * (2/16)) 0 #4a3003,0 calc(var(--u) * (4/16)) calc(var(--u) * (6/16)) #00000073}.screen-menu .btn-row{display:flex;flex-wrap:nowrap;gap:calc(var(--u) * (10/16));width:100%;max-width:calc(var(--u) * (780/16))}.screen-menu .big-btn{flex:1 1 0;min-width:0;padding:calc(var(--u) * (20/16)) calc(var(--u) * (11/16));border-radius:var(--r-card);font-size:calc(var(--u) * (16/16));white-space:nowrap}.screen-menu .big-btn.sun{flex:1.18 1 0;font-size:calc(var(--u) * (18/16))}.screen-menu .btn-row{margin-top:calc(var(--u) * (4/16))}#quitBtn{box-shadow:inset 0 calc(var(--u) * (3/16)) 0 #ffecba6b,inset 0 calc(var(--u) * (-4/16)) 0 #0000004d,0 calc(var(--u) * (3/16)) 0 #150d03}.title-screen{background:transparent;border:none;box-shadow:none;padding:0;max-width:none;gap:calc(var(--u) * (10/16));animation:none}.title-rays{position:absolute;left:50%;top:42%;width:calc(var(--u) * (1700/16));height:calc(var(--u) * (1700/16));margin-left:calc(var(--u) * (-850/16));margin-top:calc(var(--u) * (-850/16));background:repeating-conic-gradient(from 0deg,#ffd65a0e 0deg 6deg,#ffd65a00 6deg 15deg);border-radius:50%;animation:spin 110s linear infinite;pointer-events:none;z-index:-1;-webkit-mask-image:radial-gradient(circle,#000 0%,rgba(0,0,0,.35) 45%,transparent 72%);mask-image:radial-gradient(circle,#000 0%,rgba(0,0,0,.35) 45%,transparent 72%)}@keyframes spin{to{transform:rotate(360deg)}}.title-vignette{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 50% 34%,#ffd65a33,#ffc8460f 30%,#ffbe3c00 54%);pointer-events:none;z-index:-1}@keyframes titleFade{0%{opacity:0}to{opacity:1}}.game-title{position:relative;isolation:isolate;margin:calc(var(--u) * (18/16)) calc(var(--u) * (12/16)) calc(var(--u) * (4/16));padding:calc(var(--u) * (7/16)) calc(var(--u) * (15/16));font-size:var(--t-hero);font-weight:900;line-height:.92;letter-spacing:calc(var(--u) * (4/16));text-align:center;color:#ffdb5e;-webkit-text-stroke:calc(var(--u) * (7/16)) #221103;paint-order:stroke fill;text-shadow:0 calc(var(--u) * (6/16)) 0 #6b3204,0 calc(var(--u) * (10/16)) calc(var(--u) * (20/16)) rgba(0,0,0,.8);animation:titleDrop 1.5s cubic-bezier(.2,1.5,.4,1) both,titleFloat 3.4s ease-in-out 1.5s infinite}.title-packets,.title-tag,.title-hint,.title-screen .btn-row,.title-screen .keyhint,.title-screen .lang-picker{animation:titleFade .9s ease-out .35s both}.game-title:after{content:"";position:absolute;inset:0;z-index:-2;border-radius:calc(var(--u) * (11/16));background:none;box-shadow:0 calc(var(--u) * (5/16)) calc(var(--u) * (9/16)) #0000008c,0 calc(var(--u) * (10/16)) calc(var(--u) * (20/16)) #0000006b}.title-tag:before{content:"";position:absolute;left:50%;top:calc(var(--u) * (-9/16));width:calc(var(--u) * (74/16));height:calc(var(--u) * (13/16));transform:translate(-50%);pointer-events:none;background:linear-gradient(180deg,#6b6154,#4b4339 55%,#322c25);border:calc(var(--u) * (1.5/16)) solid #17120b;border-radius:calc(var(--u) * (2/16)) calc(var(--u) * (2/16)) 0 0;box-shadow:inset 0 calc(var(--u) * (1.5/16)) 0 #fff4d652,inset 0 calc(var(--u) * (-1.5/16)) 0 #00000080}.game-title:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:calc(var(--u) * (11/16));background-image:var(--grain),linear-gradient(180deg,#b87f3c,#7c5226 44%,#3f2a10 84%,#261806);background-blend-mode:soft-light,normal;border:calc(var(--u) * (4/16)) solid #1e0f02;border-top-color:#7a4d1e;box-shadow:inset 0 calc(var(--u) * (-5/16)) 0 #0000006b}@keyframes titleDrop{0%{transform:translateY(calc(var(--u) * (-60/16))) scale(.7) rotate(-4deg);opacity:0}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes titleFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(calc(var(--u) * (-5/16))) scale(1.015)}}.title-tag{position:relative;isolation:isolate;padding:calc(var(--u) * (4/16)) calc(var(--u) * (16/16));border-radius:var(--r-pill);font-size:calc(var(--u) * (17/16));font-weight:800;letter-spacing:calc(var(--u) * (2.4/16));text-transform:uppercase;color:#ffe9a8;background:linear-gradient(180deg,#4a2c0c,#241504);border:calc(var(--u) * (3/16)) solid #180d02;box-shadow:inset 0 calc(var(--u) * (2/16)) 0 #ffe2a04d,0 calc(var(--u) * (5/16)) calc(var(--u) * (8/16)) #0000008c;-webkit-text-stroke:calc(var(--u) * (1.5/16)) #150b01;paint-order:stroke fill;text-shadow:0 calc(var(--u) * (2/16)) 0 #2f1c05}.title-hint{max-width:calc(var(--u) * (600/16));margin:calc(var(--u) * (2/16)) 0 0;padding:calc(var(--u) * (5/16)) calc(var(--u) * (18/16));border-radius:var(--r-pill);font-size:calc(var(--u) * (14/16));font-weight:700;color:var(--ink-primary);line-height:1.45;background:radial-gradient(ellipse 76% 150% at 50% 50%,#080502f0,#080502d1 58%,#08050200);border:none;text-shadow:0 calc(var(--u) * (2/16)) calc(var(--u) * (4/16)) rgba(0,0,0,.9),0 calc(var(--u) * (1/16)) calc(var(--u) * (2/16)) rgba(0,0,0,.85)}.title-hint strong{color:var(--gold);font-weight:800}.title-packets{display:flex;gap:calc(var(--u) * (10/16));margin:calc(var(--u) * (14/16)) 0 calc(var(--u) * (4/16))}.title-packets .tp{width:calc(var(--u) * (62/16));height:calc(var(--u) * (78/16));border-radius:calc(var(--u) * (8/16));background:linear-gradient(180deg,#fdf6e0,#ddc894);border:calc(var(--u) * (2.5/16)) solid var(--brown-edge);position:relative;overflow:hidden;box-shadow:var(--drop);animation:tpBob 2.6s ease-in-out infinite}.title-packets .tp:nth-child(1){animation-delay:0s}.title-packets .tp:nth-child(2){animation-delay:.16s}.title-packets .tp:nth-child(3){animation-delay:.32s}.title-packets .tp:nth-child(4){animation-delay:.48s}.title-packets .tp:nth-child(5){animation-delay:.64s}.title-packets .tp:nth-child(6){animation-delay:.8s}.title-packets .tp:nth-child(7){animation-delay:.96s}.title-packets .tp:nth-child(8){animation-delay:1.12s}.title-packets .tp:nth-child(odd){animation-name:tpBobL}@keyframes tpBob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(calc(var(--u) * (-9/16))) rotate(3deg)}}@keyframes tpBobL{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(calc(var(--u) * (-9/16))) rotate(-3deg)}}.title-packets .tp svg{position:absolute;left:50%;top:54%;width:calc(var(--u) * (54/16));height:calc(var(--u) * (54/16));transform:translate(-50%,-50%)}.chooser{max-width:min(96vw,calc(var(--u) * (1060/16)));padding:calc(var(--u) * (16/16)) calc(var(--u) * (26/16)) calc(var(--u) * (14/16));gap:calc(var(--u) * (9/16))}.chooser h2{max-width:calc(var(--u) * (600/16))}.chooser-grid{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--u) * (10/16));row-gap:calc(var(--u) * (10/16));margin:calc(var(--u) * (2/16)) 0;padding:calc(var(--u) * (10/16));max-width:calc(var(--u) * (742/16));border-radius:calc(var(--u) * (20/16));background:linear-gradient(180deg,#1d1006,#150b03);border:calc(var(--u) * (4/16)) solid #6b4c26;box-shadow:inset 0 calc(var(--u) * (4/16)) 0 #000000b8,inset 0 0 0 calc(var(--u) * (2/16)) #ffe2a038}.chooser-packet{position:relative;width:calc(var(--u) * (92/16));height:calc(var(--u) * (118/16));border-radius:calc(var(--u) * (16/16));background:linear-gradient(180deg,#fdf6e0,#efe0b8 60%,#ddc894);border:calc(var(--u) * (3/16)) solid #1f1408;cursor:pointer;overflow:hidden;padding:0;display:flex;flex-direction:column;box-shadow:inset 0 calc(var(--u) * (2/16)) 0 #ffffffb3,inset calc(var(--u) * (1.5/16)) calc(var(--u) * (1.5/16)) 0 calc(var(--u) * (-1.5/16)) #ffffff80,inset calc(var(--u) * (-1.5/16)) calc(var(--u) * (-1.5/16)) 0 calc(var(--u) * (-1.5/16)) #785c2c59,inset 0 0 calc(var(--u) * (7/16)) calc(var(--u) * (2/16)) #4a2c0c42,0 calc(var(--u) * (5/16)) 0 #0000008c,0 calc(var(--u) * (8/16)) calc(var(--u) * (14/16)) #0006;transition:transform .11s ease-out,filter .14s}.chooser-packet:hover{transform:translateY(calc(var(--u) * (-4/16)));filter:brightness(1.05)}.chooser-packet .cp-art{position:relative;height:calc(var(--u) * (74/16));background:linear-gradient(180deg,#d6ecb4,#a9cf78);border-bottom:calc(var(--u) * (2/16)) solid #b39a68}.chooser-packet .cp-art>svg{position:absolute;left:50%;top:52%;width:calc(var(--u) * (66/16));height:calc(var(--u) * (66/16));transform:translate(-50%,-50%);filter:drop-shadow(0 calc(var(--u) * (3/16)) calc(var(--u) * (1/16)) rgba(0,0,0,.55)) drop-shadow(0 calc(var(--u) * (-2/16)) calc(var(--u) * (-1/16)) rgba(255,255,255,.55))}.chooser-packet .cp-cost{height:calc(var(--u) * (28/16));display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * (4/16));background:linear-gradient(180deg,#523818,#2c1a08);border-top:calc(var(--u) * (2/16)) solid #120b03;box-shadow:inset 0 calc(var(--u) * (2/16)) 0 #ffe2a029}.chooser-packet .cp-cost svg{width:calc(var(--u) * (17/16));height:calc(var(--u) * (17/16))}.chooser-packet .cp-cost b{font-size:calc(var(--u) * (22/16));font-weight:900;line-height:1;color:#ffe27a;-webkit-text-stroke:calc(var(--u) * (2/16)) #23150a;paint-order:stroke fill;text-shadow:0 calc(var(--u) * (2/16)) 0 rgba(0,0,0,.55)}.chooser-packet .cp-name{height:calc(var(--u) * (16/16));display:flex;align-items:center;justify-content:center;font-size:calc(var(--u) * (11.5/16));font-weight:800;letter-spacing:calc(var(--u) * (.2/16));text-transform:uppercase;color:#2a1d08;background:linear-gradient(180deg,#fdf8e8,#e6d5ac);white-space:nowrap;overflow:hidden}.chooser-packet.chosen{transform:translateY(calc(var(--u) * (-6/16)));box-shadow:inset 0 calc(var(--u) * (2/16)) 0 #ffffffb3,inset calc(var(--u) * (1.5/16)) calc(var(--u) * (1.5/16)) 0 calc(var(--u) * (-1.5/16)) #ffffff80,inset calc(var(--u) * (-1.5/16)) calc(var(--u) * (-1.5/16)) 0 calc(var(--u) * (-1.5/16)) #785c2c59,0 0 0 calc(var(--u) * (3/16)) var(--gold),0 0 0 calc(var(--u) * (6/16)) #1f1408,0 calc(var(--u) * (9/16)) calc(var(--u) * (12/16)) #00000080}.chooser-packet.chosen .cp-art{background:linear-gradient(180deg,#f2ffd8,#b6dd82)}.chooser-packet.chosen .cp-name{color:#241905}.chooser-packet.locked{filter:grayscale(.75) brightness(.62);cursor:not-allowed}.chooser-packet .slot-badge{position:absolute;top:calc(var(--u) * (-2/16));left:calc(var(--u) * (-2/16));width:calc(var(--u) * (26/16));height:calc(var(--u) * (26/16));border-radius:0 0 calc(var(--u) * (14/16)) 0;background:linear-gradient(180deg,#ffe27a,#d99a10);color:#3a2405;font-size:calc(var(--u) * (14/16));font-weight:900;display:none;align-items:center;justify-content:center;border-right:calc(var(--u) * (2.5/16)) solid var(--brown-edge);border-bottom:calc(var(--u) * (2.5/16)) solid var(--brown-edge);box-shadow:inset 0 calc(var(--u) * (2/16)) 0 #fff9}.chooser-packet.chosen .slot-badge{display:flex}.slot-count{padding:calc(var(--u) * (4/16)) calc(var(--u) * (18/16));border-radius:var(--r-pill);font-size:calc(var(--u) * (14/16));font-weight:800;letter-spacing:calc(var(--u) * (1.5/16));text-transform:uppercase;color:var(--ink-secondary);background:linear-gradient(180deg,#7a542799,#241606b3);border:calc(var(--u) * (3/16)) solid var(--brown-edge);box-shadow:inset 0 calc(var(--u) * (2/16)) 0 #ffe2a042,0 calc(var(--u) * (3/16)) 0 #0000006b}.slot-count b{color:var(--gold);font-size:calc(var(--u) * (24/16));font-weight:900;-webkit-text-stroke:calc(var(--u) * (1.5/16)) #2a1a04;paint-order:stroke fill;text-shadow:0 calc(var(--u) * (2/16)) 0 rgba(0,0,0,.6)}.slot-count.full b{color:#ff9b74;-webkit-text-stroke-color:#3d0d07}.chooser-preview{max-width:calc(var(--u) * (742/16));min-height:calc(var(--u) * (24/16));display:flex;align-items:center;justify-content:center;padding:calc(var(--u) * (4/16)) calc(var(--u) * (16/16));border-radius:var(--r-well);font-size:calc(var(--u) * (13/16));font-weight:700;letter-spacing:calc(var(--u) * (.6/16));color:var(--ink-muted);background:linear-gradient(180deg,#25150a,#1a0f05);border:calc(var(--u) * (3/16)) solid #5b4020;box-shadow:inset 0 calc(var(--u) * (3/16)) 0 #0000008c,inset 0 0 0 calc(var(--u) * (2/16)) #ffe2a024}.end-art{width:calc(var(--u) * (330/16));height:calc(var(--u) * (155/16));display:block;filter:drop-shadow(0 calc(var(--u) * (6/16)) calc(var(--u) * (10/16)) rgba(0,0,0,.6))}.defeat-tint{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 40%,#b21a0c57,#0000 72%);pointer-events:none}.screen-lose{border-color:#3d0c05;background-image:var(--grain),radial-gradient(ellipse 78% 62% at 50% 36%,#b07a48,#8e5934 38%,#6d3c22 68%,#4a2512);box-shadow:0 calc(var(--u) * (5/16)) 0 #0009,var(--drop-deep),inset 0 0 0 calc(var(--u) * (2/16)) #ffb08c42,inset 0 0 0 calc(var(--u) * (4/16)) #180501b3}.screen-lose:before{background:radial-gradient(ellipse 120% 76% at 50% -8%,#ffa86c61,#ff703e24 44%,#ff602e00 72%),linear-gradient(180deg,#0000 44%,#28040057)}.screen-win{border-color:#1d340b;background-image:var(--grain),radial-gradient(ellipse 78% 62% at 50% 36%,#b4804a,#906036 38%,#6f4526 68%,#4c311a);box-shadow:0 calc(var(--u) * (5/16)) 0 #0009,var(--drop-deep),inset 0 0 0 calc(var(--u) * (2/16)) #eeffb447,inset 0 0 0 calc(var(--u) * (4/16)) #0c1603a8}.screen-win:before{background:radial-gradient(ellipse 120% 76% at 50% -8%,#e2ff9657,#aae6601f 44%,#96dc5a00 72%),linear-gradient(180deg,#0000 44%,#101e0447)}.keyhint{padding:calc(var(--u) * (4/16)) calc(var(--u) * (16/16));border-radius:var(--r-pill);font-size:calc(var(--u) * (12.5/16));font-weight:700;color:var(--ink-secondary);letter-spacing:calc(var(--u) * (.5/16));background:linear-gradient(180deg,#2a1a08,#150c02);border:calc(var(--u) * (2.5/16)) solid #150c02;box-shadow:inset 0 calc(var(--u) * (2/16)) 0 #ffe2a02e}.keyhint kbd{background:linear-gradient(180deg,#7d6034,#4a3517);border:calc(var(--u) * (2/16)) solid #150c02;border-radius:var(--r-well);padding:0 calc(var(--u) * (6/16));margin:0 calc(var(--u) * (1/16));font-family:var(--face);font-weight:900;color:var(--ink-primary);box-shadow:inset 0 calc(var(--u) * (1.5/16)) 0 #ffe2a059}.tool-btn.lang-btn{font-weight:800;font-size:calc(var(--u) * (9/16));letter-spacing:calc(var(--u) * (.2/16));padding:calc(var(--u) * (5/16)) calc(var(--u) * (8/16));color:#f2e6c8;white-space:nowrap}.lang-picker{display:flex;gap:calc(var(--u) * (6/16));justify-content:center;align-items:center;margin-top:calc(var(--u) * (4/16))}.lang-opt{pointer-events:auto;font-family:var(--face);font-size:calc(var(--u) * (11/16));font-weight:800;color:var(--cream);background:#00000057;border:calc(var(--u) * (2/16)) solid rgba(242,230,200,.32);border-radius:calc(var(--u) * (8/16));padding:calc(var(--u) * (4/16)) calc(var(--u) * (14/16));cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.lang-opt:hover{background:#00000080;border-color:#f2e6c899}.lang-opt:active{transform:translateY(calc(var(--u) * (1/16)))}.lang-opt.on{background:linear-gradient(#ffd85e,#f0a92e);border-color:#fff3c4;color:#3a2506}:root[data-locale=zh] .hud,:root[data-locale=zh] .hud *{letter-spacing:normal}:root[data-locale=zh] .hud{text-transform:none}:root[data-locale=zh] .hud .tool-label,:root[data-locale=zh] .hud .packet-name,:root[data-locale=zh] .hud .cp-name,:root[data-locale=zh] .hud .progress-label{text-transform:none}:root[data-locale=zh] .title-hint{text-wrap:balance;line-break:strict}.help-screen{width:min(94vw,calc(var(--u) * (1180/16)));max-height:94vh;--za-sheet: #e8d8ae;--za-card: #fbf3dc;--za-well: #d3bd8c;background-color:var(--za-sheet);background-image:var(--grain),linear-gradient(180deg,#fffae857,#5c3e181a);background-blend-mode:soft-light,normal;box-shadow:var(--drop-deep),inset 0 calc(var(--u) * (3/16)) 0 #fffdf48c,inset 0 calc(var(--u) * (-3/16)) 0 #5c3e1833}.help-screen:before{content:"";position:absolute;inset:0 0 auto;height:calc(var(--u) * (54/16));background:linear-gradient(180deg,var(--wood-panel) 0%,var(--wood-panel-2) 62%,#4a2f11 100%);border-bottom:calc(var(--u) * (3/16)) solid var(--brown-edge);box-shadow:0 calc(var(--u) * (2/16)) 0 #fffae84d;pointer-events:none;z-index:0}.screen .help-screen h2,.help-screen h2{color:var(--cream);text-shadow:0 calc(var(--u) * (2/16)) 0 rgba(0,0,0,.5)}.help-sub{position:relative;z-index:1;font-size:calc(var(--u) * (13/16));font-weight:600;color:#6b4f27;margin-top:calc(var(--u) * (-6/16));padding-bottom:calc(var(--u) * (10/16));border-bottom:calc(var(--u) * (3/16)) solid rgba(92,62,24,.3);box-shadow:0 calc(var(--u) * (2/16)) 0 #fffdf466;align-self:center;max-width:100%}.help-scroll{width:100%;min-height:0;max-height:70vh;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;text-align:left;padding-right:calc(var(--u) * (6/16));display:flex;flex-direction:column;gap:calc(var(--u) * (14/16));contain:layout paint}.help-scroll::-webkit-scrollbar{width:calc(var(--u) * (10/16))}.help-scroll::-webkit-scrollbar-track{background:#5c3e1829;border-radius:calc(var(--u) * (6/16))}.help-scroll::-webkit-scrollbar-thumb{background:#a3762f;border-radius:calc(var(--u) * (6/16));border:calc(var(--u) * (2/16)) solid rgba(60,38,12,.34)}.help-scroll::-webkit-scrollbar-thumb:hover{background:#c8923c}.help-scroll{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - calc(var(--u) * (16/16))),transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - calc(var(--u) * (16/16))),transparent 100%)}.help-section{position:relative;padding:0 0 calc(var(--u) * (3/16))}.help-scroll>.help-section:not(:last-child):after,.help-scroll>.help-top:after{content:"";position:absolute;left:calc(var(--u) * (26/16));right:calc(var(--u) * (26/16));bottom:calc(var(--u) * (-7/16));height:calc(var(--u) * (3/16));border-radius:calc(var(--u) * (2/16));background:#5c3e1847;box-shadow:0 calc(var(--u) * (1/16)) 0 #fffdf473}.help-section h3{width:auto;margin:0 0 calc(var(--u) * (7/16));padding:0 0 calc(var(--u) * (4/16));border-radius:0;border-bottom:calc(var(--u) * (3/16)) solid rgba(92,62,24,.34);background:none;box-shadow:none;font-size:calc(var(--u) * (18/16));font-weight:900;color:#3a2409;-webkit-text-stroke:0;paint-order:fill;text-shadow:none;letter-spacing:calc(var(--u) * (.6/16))}.help-section h3{position:relative;width:100%;margin:0 0 calc(var(--u) * (8/16));padding:0 0 calc(var(--u) * (5/16));border-radius:0;border-bottom:calc(var(--u) * (3/16)) solid rgba(92,62,24,.34);background:none;box-shadow:none;font-size:calc(var(--u) * (18/16));font-weight:900;color:#3a2409;-webkit-text-stroke:0;paint-order:fill;text-shadow:none;letter-spacing:calc(var(--u) * (.6/16))}.help-section h3:before{content:"";display:inline-block;vertical-align:middle;width:calc(var(--u) * (9/16));height:calc(var(--u) * (9/16));margin-right:calc(var(--u) * (7/16));border-radius:calc(var(--u) * (2/16));background:#8a4a06;box-shadow:0 calc(var(--u) * (1/16)) 0 #3a24094d}.help-top .help-section>p{padding-left:0;border-left:0;columns:auto;column-gap:calc(var(--u) * (14/16));column-rule:none}.help-top .help-section{position:relative}.help-section>p{margin:0 0 calc(var(--u) * (5/16));font-size:calc(var(--u) * (12.5/16));line-height:1.42;color:#5c4526;padding-left:0;border-left:0}.help-step{display:block}.help-step+.help-step{margin-top:calc(var(--u) * (4/16))}.help-step:before,.help-keys li:before{content:"";display:inline-block;vertical-align:baseline;width:calc(var(--u) * (3/16));height:calc(var(--u) * (3/16));margin-right:calc(var(--u) * (7/16));border-radius:calc(var(--u) * (1/16));background:#8a4a06;box-shadow:0 calc(var(--u) * (1/16)) 0 #fffdf480}.help-keys{margin:0;padding-left:calc(var(--u) * (10/16));list-style:none}.help-keys li{font-size:calc(var(--u) * (13/16));line-height:1.42;color:#4a3418}.help-keys li+li{margin-top:calc(var(--u) * (4/16))}.help-keys kbd{display:inline-block;background:var(--za-well);border:calc(var(--u) * (2/16)) solid #8a6a3c;border-bottom-width:calc(var(--u) * (3/16));border-radius:calc(var(--u) * (5/16));padding:0 calc(var(--u) * (6/16));font-family:var(--face);font-weight:800;font-size:calc(var(--u) * (12/16));color:#2a1a08}.help-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u) * (16/16)) calc(var(--u) * (18/16));align-items:start}@media (max-width: 1320px){.help-top{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.help-top{grid-template-columns:minmax(0,1fr)}}.hg-label{display:flex;align-items:center;gap:calc(var(--u) * (8/16));width:max-content;margin:0 0 calc(var(--u) * (8/16));padding:calc(var(--u) * (2.5/16)) calc(var(--u) * (11/16));border-radius:var(--r-pill);background-image:linear-gradient(180deg,var(--wood-panel) 0%,#6b471f 100%);box-shadow:var(--edge),inset 0 calc(var(--u) * (1.5/16)) 0 #ffecba38;font-size:calc(var(--u) * (13/16));font-weight:900;letter-spacing:calc(var(--u) * (1/16));color:var(--gold);text-shadow:0 calc(var(--u) * (1/16)) 0 rgba(0,0,0,.55)}.hg-label:before{content:"";flex:0 0 auto;width:calc(var(--u) * (7/16));height:calc(var(--u) * (7/16));border-radius:calc(var(--u) * (2/16));background:var(--gold);box-shadow:0 calc(var(--u) * (1/16)) 0 #00000073}.hg-label+.help-cards{margin-bottom:calc(var(--u) * (14/16))}.help-cards{--ug: calc(var(--u) * (7/16));display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--ug)}.help-cards{margin-bottom:calc(var(--u) * (14/16))}.help-cards:last-child{margin-bottom:0}.help-cards:has(>:nth-child(5)){margin-bottom:0}.help-cards:has(>:only-child){grid-template-columns:minmax(0,1fr);width:calc((100% - 5 * var(--ug)) / 6)}.help-cards:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));width:calc((100% - 5 * var(--ug)) / 6 * 2 + var(--ug))}@media (max-width: 620px){.help-cards{--ug: calc(var(--u) * (8/16));grid-template-columns:repeat(2,minmax(0,1fr))}.help-cards:has(>:only-child){width:calc((100% - var(--ug)) / 2)}.help-cards:has(>:nth-child(2):last-child){width:100%}}@media (min-width: 621px) and (max-width: 1000px){.help-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.help-cards:has(>:only-child){width:calc((100% - 2 * var(--ug)) / 3)}.help-cards:has(>:nth-child(2):last-child){width:calc((100% - 2 * var(--ug)) / 3 * 2 + var(--ug))}}.help-card{display:flex;flex-direction:column;gap:calc(var(--u) * (4/16));align-items:center;text-align:center;background-image:var(--grain),linear-gradient(180deg,var(--wood-card) 0%,#4b3016 60%,#2f1d0b 100%);background-blend-mode:soft-light,normal;border:var(--edge);border-radius:var(--r-card);box-shadow:0 calc(var(--u) * (3/16)) 0 #1a10068c,inset 0 calc(var(--u) * (2/16)) 0 #ffecba29,inset 0 calc(var(--u) * (-2/16)) 0 #00000073;padding:calc(var(--u) * (6/16)) calc(var(--u) * (7/16)) calc(var(--u) * (7/16))}.hc-art{flex:0 0 auto;width:calc(var(--u) * (46/16));height:calc(var(--u) * (46/16));background:var(--cream);border:var(--edge);border-radius:var(--r-well);padding:calc(var(--u) * (2/16));box-shadow:inset 0 calc(var(--u) * (2/16)) 0 #ffffffd9,inset 0 calc(var(--u) * (-2/16)) 0 #5c3e184d}.hc-art svg{width:100%;height:100%;display:block}.hc-body{min-width:0;width:100%;flex:1 1 auto;display:flex;flex-direction:column;align-items:center}.hc-name{font-size:calc(var(--u) * (15.5/16));font-weight:900;color:var(--ink-primary);letter-spacing:calc(var(--u) * (.4/16));text-shadow:0 calc(var(--u) * (1.5/16)) 0 rgba(0,0,0,.65)}.hc-stats{display:flex;align-items:center;gap:calc(var(--u) * (6/16));margin:calc(var(--u) * (1/16)) 0 calc(var(--u) * (2/16));padding-bottom:calc(var(--u) * (4/16));border-bottom:calc(var(--u) * (1/16)) solid rgba(236,220,184,.26)}.hc-cost{font-size:calc(var(--u) * (17/16));font-weight:900;color:var(--gold);text-shadow:0 calc(var(--u) * (1.5/16)) 0 rgba(0,0,0,.6);line-height:1}.hc-stats .mini-sun{width:calc(var(--u) * (14/16));height:calc(var(--u) * (14/16));vertical-align:calc(var(--u) * (-2/16))}.hc-cd{font-size:calc(var(--u) * (11.5/16));font-weight:800;color:#b9d6f2;background:#14304a;border:calc(var(--u) * (2/16)) solid rgba(185,214,242,.38);border-radius:var(--r-pill);padding:calc(var(--u) * (1.5/16)) calc(var(--u) * (6/16));line-height:1.35}.hc-blurb{font-size:calc(var(--u) * (12/16));line-height:1.5;color:var(--ink-secondary);flex:1 1 auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.help-zombies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--u) * (9/16));align-items:start}.hz-row{position:relative;background-image:var(--grain),linear-gradient(180deg,var(--wood-card) 0%,#452c15 60%,#2c1b0a 100%);background-blend-mode:soft-light,normal;border:var(--edge);border-left:calc(var(--u) * (5/16)) solid #5e9436;border-radius:var(--r-well);box-shadow:0 calc(var(--u) * (3/16)) 0 #1a100680,inset 0 calc(var(--u) * (2/16)) 0 #ffecba24,inset 0 calc(var(--u) * (-2/16)) 0 #0006;padding:calc(var(--u) * (8/16)) calc(var(--u) * (10/16))}.hz-name{display:flex;align-items:center;gap:calc(var(--u) * (7/16));font-size:calc(var(--u) * (14.5/16));font-weight:900;color:var(--ink-primary);text-shadow:0 calc(var(--u) * (1.5/16)) 0 rgba(0,0,0,.65)}.hz-gear{font-size:calc(var(--u) * (10.5/16));font-weight:800;color:#a9dc7c;background:#1d3a16;border:calc(var(--u) * (2/16)) solid rgba(169,220,124,.34);border-radius:var(--r-pill);padding:calc(var(--u) * (1/16)) calc(var(--u) * (6/16));line-height:1.4}.hz-blurb{font-size:calc(var(--u) * (12/16));line-height:1.5;color:var(--ink-secondary);margin-top:calc(var(--u) * (3/16))}@media (max-height: 660px){.help-scroll{gap:calc(var(--u) * (14/16))}.help-section h3{margin-bottom:calc(var(--u) * (6/16))}.help-section>p{margin-bottom:calc(var(--u) * (9/16))}.help-keys li{line-height:1.55}}:root{font-size:clamp(12.8px,1.0667vw,20.5px);--u: 1rem;--cream: #f8f0d8;--cream-2: #e4d0a2;--cream-3: #cbb583;--brown: #5a3d1c;--brown-lt: #8a6231;--brown-dk: #2b1c0b;--brown-edge: #1a1006;--gold: #ffd24a;--gold-dk: #c98a12;--red: #d8402f;--red-dk: #7e1a10;--green: #6cc246;--green-dk: #3f8a2c;--ink: #1b1208;--face: "Trebuchet MS", "Segoe UI", system-ui, sans-serif, "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;--drop: 0 calc(var(--u) * (4/16)) 0 rgba(0, 0, 0, .38);--drop-deep: 0 calc(var(--u) * (14/16)) calc(var(--u) * (34/16)) rgba(0, 0, 0, .62);--wood-panel: #7a5427;--wood-panel-2:#5f3f1b;--wood-panel-3:#432c12;--wood-chrome: #6a4720;--wood-chrome-2:#4a3016;--wood-card: #3a2410;--wood-well: #241608;--lit: inset 0 calc(var(--u) * (2/16)) 0 rgba(255, 236, 186, .2);--lit-strong: inset 0 calc(var(--u) * (3/16)) 0 rgba(255, 236, 186, .3);--shade: inset 0 calc(var(--u) * (-3/16)) 0 rgba(0, 0, 0, .3);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='128' height='128' filter='url(%23n)'/%3E%3C/svg%3E");--ink-primary: #fdf6e2;--ink-secondary: #ecdcb8;--ink-muted: #c9b488;--ink-faint: #a08a63;--t-micro: calc(var(--u) * (10.5/16));--t-small: calc(var(--u) * (12.5/16));--t-body: calc(var(--u) * (14/16));--t-title: calc(var(--u) * (18/16));--t-head: calc(var(--u) * (30/16));--t-hero: calc(var(--u) * (64/16));--edge: calc(var(--u) * (2/16)) #2a1a08;--edge-strong: calc(var(--u) * (3/16)) #241406;--r-well: calc(var(--u) * (6/16));--r-card: calc(var(--u) * (11/16));--r-panel: calc(var(--u) * (20/16));--r-pill: calc(var(--u) * (999/16));--elev-1: 0 calc(var(--u) * (3/16)) 0 rgba(0, 0, 0, .36);--elev-2: var(--elev-1), 0 calc(var(--u) * (8/16)) calc(var(--u) * (20/16)) rgba(0, 0, 0, .34);--elev-3: var(--elev-1), 0 calc(var(--u) * (16/16)) calc(var(--u) * (42/16)) rgba(0, 0, 0, .46)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0d1a12;font-family:var(--face);color:var(--cream);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}#app{position:relative;width:100vw;height:100vh}#stage{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.hud{position:absolute;inset:0;pointer-events:none;user-select:none;-webkit-user-select:none}.hud button{pointer-events:auto;font-family:var(--face);touch-action:none;-webkit-tap-highlight-color:transparent}.hud.menu-open .hud-top,.hud.menu-open .progress-wrap{opacity:0;pointer-events:none}.hud-top,.progress-wrap{transition:opacity .18s ease-out}@media (max-width: 900px){.hud-top{flex-wrap:wrap}.sun-bank{order:1}.bank-stack{order:2;flex:1 1 100%}.hud-tools{order:3;margin-left:auto}.progress-wrap{width:100%}}@media (max-height: 660px){:root{font-size:clamp(10.5px,1.45vh,16px)}.banner-layer{top:21%}.screen{padding:calc(var(--u) * (18/16)) calc(var(--u) * (26/16));gap:calc(var(--u) * (7/16))}.title-packets,.progress-label{display:none}}