:root{--wood-1:#4d3624;--wood-2:#2c1e14;--wood-3:#1b130d;--brass:#c9a24a;--brass-d:#8a6a3b;--bark-1:#f4ecd6;--bark-2:#d8c9a0;--ink:#2b1d12;--cream:#efe6d0;--red:#b8341f;--green:#5c9a3a;--blue:#2d6ea5;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--cream);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0b1424;margin:0;overflow:hidden}canvas#c{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.hidden{display:none!important}h1,h2,h3,.serif{font-family:Georgia,Times New Roman,serif}#loading{z-index:100;background:radial-gradient(at 50% 30%,#1d2e4d,#070b16 70%);justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.load-inner{text-align:center;padding:24px}.load-title{letter-spacing:1px;color:#f3e7c2;text-shadow:0 2px 18px #78ffc866;font-family:Georgia,serif;font-size:clamp(26px,6vw,44px)}.load-sub{color:#9fb4d4;margin-top:12px;font-size:15px}.load-bar{background:#ffffff1a;border-radius:4px;width:min(280px,70vw);height:6px;margin:22px auto 0;overflow:hidden}.load-bar span{background:linear-gradient(90deg,#4bffb0,#8a7bff);border-radius:4px;width:40%;height:100%;animation:1.2s ease-in-out infinite loadmove;display:block}@keyframes loadmove{0%{transform:translate(-100%)}to{transform:translate(260%)}}.btn{appearance:none;font:inherit;color:var(--ink);background:linear-gradient(180deg, var(--bark-1), var(--bark-2));cursor:pointer;touch-action:manipulation;border:2px solid #5b3f26;border-radius:12px;padding:10px 18px;font-size:16px;font-weight:700;transition:transform 80ms,filter .15s;box-shadow:0 3px #3a2716,inset 0 1px #ffffffb3}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(2px);box-shadow:0 1px #3a2716,inset 0 1px #ffffffb3}.btn.primary{background:linear-gradient(#ffdf8a,#d9a83c);border-color:#6b4a14}.btn.danger{background:linear-gradient(#f4b0a0,#d7705a);border-color:#6b2414}.btn.small{border-radius:9px;padding:6px 10px;font-size:14px}.btn[disabled],.btn.off{filter:grayscale(.8)brightness(.8);opacity:.7;cursor:default;box-shadow:0 2px #3a2716}.panel{background:linear-gradient(180deg, var(--wood-1), var(--wood-2));border:2px solid var(--brass-d);color:var(--cream);border-radius:14px;box-shadow:0 6px 24px #00000080,inset 0 1px #ffdca026}.scrim{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#060a149e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.screen{z-index:20;padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.title-wrap{text-align:center;width:100%;max-width:560px}.title-logo{color:#f6ead0;text-shadow:0 3px #3b2716,0 0 40px #6effbe73;letter-spacing:1px;margin:0;font-family:Georgia,serif;font-size:clamp(34px,8.5vw,74px);line-height:1.02}.title-sub{color:#b9d1ee;letter-spacing:.5px;text-shadow:0 1px 8px #000;margin:10px 0 28px;font-size:clamp(14px,3.4vw,19px)}.menu-col{flex-direction:column;align-items:stretch;gap:12px;max-width:340px;margin:0 auto;display:flex}.menu-col .btn{padding:14px 18px;font-size:19px}.foot{color:#8ea3c4;opacity:.9;margin-top:22px;font-size:12px}.pointsbadge{border:1px solid var(--brass-d);color:#ffe9a8;background:#00000059;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:14px;display:inline-flex}.mapscreen{background:#060a1459}.mapframe{background:linear-gradient(135deg,#e8dcb6,#d6c493);border:4px solid #5b3f26;border-radius:14px;width:min(980px,100%);height:min(640px,100% - 70px);position:relative;overflow:hidden;box-shadow:0 10px 40px #0009,inset 0 0 60px #5a3c1480}.mapframe svg.bg{width:100%;height:100%;position:absolute;inset:0}.maptitle{justify-content:space-between;align-items:center;gap:8px;width:min(980px,100%);margin-bottom:8px;display:flex}.maptitle h2{color:#f6ead0;text-shadow:0 2px #3b2716;margin:0;font-size:clamp(18px,4vw,28px)}.node{width:clamp(44px,9vw,64px);height:clamp(44px,9vw,64px);color:var(--ink);cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff7dd,#d9c48a);border:3px solid #5b3f26;border-radius:50%;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:clamp(16px,3.6vw,24px);font-weight:800;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px #3a2716}.node.locked{filter:grayscale()brightness(.75);cursor:default}.node.boss{background:radial-gradient(circle at 35% 30%,#ffd9cf,#d9745f);border-color:#7a1f14}.node.current{animation:1.4s ease-in-out infinite pulseNode}@keyframes pulseNode{50%{box-shadow:0 0 0 8px #b8341f47,0 3px #3a2716}}.node .stars{white-space:nowrap;letter-spacing:1px;color:#c47a00;text-shadow:0 1px #fff9;font-size:13px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.node .nname{color:#4a341c;white-space:nowrap;text-shadow:0 1px #ffffff80;pointer-events:none;font-family:Georgia,serif;font-size:12px;font-weight:700;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)}@media (max-width:640px){.node .nname{display:none}}.mapnote{color:#6a4e2a;font-size:12px;font-style:italic;position:absolute;bottom:10px;left:12px}.card{width:min(720px,100%);max-height:calc(100vh - 32px);padding:18px;overflow:auto}.card h2{color:#f6ead0;margin:0 0 6px;font-size:clamp(22px,5vw,30px)}.card .lead{color:#d9cba8;margin:0 0 12px;font-size:15px;line-height:1.4}.rgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:12px 0;display:grid}.rcard{background:#00000047;border:1px solid #c9a24a66;border-radius:12px;padding:10px 12px}.rcard .rt{color:#ffe9a8;align-items:center;gap:8px;font-weight:800;display:flex}.rcard .rd{color:#d9cba8;min-height:34px;margin:4px 0 8px;font-size:13px;line-height:1.3}.pips{gap:4px;margin-left:auto;display:inline-flex}.pip{background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;width:10px;height:10px}.pip.on{background:#ffcf5a;border-color:#ffe9a8;box-shadow:0 0 6px #ffcf5a}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.end{justify-content:flex-end}.chips{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.chip{background:#0000004d;border:1px solid #c9a24a59;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.chip .ic{font-size:22px}.chip.new{border-color:#ffcf5a;box-shadow:0 0 10px #ffcf5a59}.tip{border-left:4px solid var(--brass);background:#00000040;border-radius:6px;margin:10px 0;padding:10px 12px;font-size:14px}.stars-big{letter-spacing:6px;color:#ffcf5a;text-shadow:0 3px #6b4a14,0 0 22px #ffcf5a99;text-align:center;margin:8px 0;font-size:46px}.stars-big .off{color:#ffffff2e;text-shadow:none}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud>*{pointer-events:auto}.topbar{padding:calc(6px + var(--safe-t)) calc(8px + var(--safe-r)) 6px calc(8px + var(--safe-l));pointer-events:none;flex-wrap:nowrap;align-items:center;gap:6px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.res{border:2px solid var(--brass-d);white-space:nowrap;background:linear-gradient(#4d3624f0,#2c1e14f0);border-radius:12px;align-items:center;gap:6px;min-height:38px;padding:5px 10px;font-size:16px;font-weight:800;display:flex;box-shadow:0 3px 10px #0006}.res .ic{font-size:18px}.res.warn{animation:.5s 3 warnpulse}@keyframes warnpulse{50%{background:#8d2a1a}}.res small{opacity:.7;font-size:12px;font-weight:600}.spacer{flex:1}.iconbtn{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:20px;display:flex}.thermo{width:46px;height:46px;position:relative}.gauge{right:calc(10px + var(--safe-r));bottom:calc(96px + var(--safe-b));border:4px solid var(--brass);cursor:pointer;touch-action:manipulation;background:radial-gradient(circle at 35% 30%,#f4ecd6,#cbbd94);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 14px #00000080}.gauge .fill{background:linear-gradient(#7a4a20,#3b2212);transition:height .2s;position:absolute;bottom:0;left:0;right:0}.gauge .gi{z-index:2;filter:drop-shadow(0 1px #fff9);font-size:28px;position:relative}.gauge .gl{text-align:center;color:#2b1d12;z-index:2;letter-spacing:.3px;width:100%;font-size:9px;font-weight:800;position:absolute;bottom:2px}.gauge.ready{animation:.9s ease-in-out infinite readyGlow}@keyframes readyGlow{50%{box-shadow:0 0 0 7px #ffcf5a8c,0 4px 14px #00000080}}.wavebar{top:calc(52px + var(--safe-t));pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.wavebtn{pointer-events:auto;padding:7px 14px;font-size:15px}.wavepreview{pointer-events:none;background:#00000073;border-radius:10px;gap:6px;padding:3px 8px;font-size:13px;display:flex}.wavepreview span{align-items:center;gap:2px;display:inline-flex}.buildbar{padding:8px calc(8px + var(--safe-r)) calc(8px + var(--safe-b)) calc(8px + var(--safe-l));pointer-events:none;background:linear-gradient(#1b130d00,#1b130dd9 40%);justify-content:center;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.buildbar>*{pointer-events:auto}.tbtn{background:linear-gradient(180deg, var(--bark-1), var(--bark-2));min-width:50px;max-width:92px;height:66px;color:var(--ink);cursor:pointer;touch-action:manipulation;font:inherit;border:2px solid #5b3f26;border-radius:14px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:0;padding:2px;display:flex;position:relative;box-shadow:0 3px #3a2716,0 6px 14px #0006}.tbtn .ti{font-size:26px;line-height:1}.tbtn .tc{color:#6b3f0a;font-size:12px;font-weight:800}.tbtn .tk{opacity:.55;font-size:10px;font-weight:800;position:absolute;top:2px;left:5px}.tbtn.sel{background:linear-gradient(#ffe9a0,#e0b24a);border-color:#6b4a14;transform:translateY(-6px);box-shadow:0 0 0 3px #ffe9a099,0 6px 14px #00000080}.tbtn.poor{filter:grayscale(.7)brightness(.8)}.tbtn.lock{filter:grayscale()brightness(.55)}.tbtn.timber .tc{color:#245a9a}.tpanel{left:50%;bottom:calc(84px + var(--safe-b));z-index:12;width:min(560px,100% - 20px);padding:12px 12px 10px;position:absolute;transform:translate(-50%)}.tpanel h3{color:#ffe9a8;align-items:center;gap:8px;margin:0;font-size:20px;display:flex}.tpanel .tier{color:#ffe9a8;background:#ffe9a033;border-radius:10px;padding:2px 8px;font-family:inherit;font-size:12px;font-weight:800}.tpanel .stats{color:#e8dcbc;flex-wrap:wrap;gap:12px;margin:6px 0 4px;font-size:13px;display:flex}.tpanel .desc{color:#cfc3a4;margin:2px 0 8px;font-size:13px;line-height:1.35}.tpanel .actions{flex-wrap:wrap;gap:8px;display:flex}.tpanel .actions .btn{flex:auto;padding:8px 10px;font-size:14px}.tpanel .up{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.tpanel .up b{font-size:14px}.tpanel .up span{opacity:.85;font-size:11px;font-weight:600;line-height:1.25}.tpanel .closex{position:absolute;top:6px;right:8px}@media (min-width:900px) and (min-aspect-ratio:5/4){.tpanel{left:auto;right:14px;bottom:calc(96px + var(--safe-b));width:360px;transform:none}.gauge{left:14px;right:auto;bottom:calc(92px + var(--safe-b))}}.hint{left:50%;top:calc(96px + var(--safe-t));text-align:center;pointer-events:none;z-index:5;background:#141e32d9;border:1px solid #6a8cc4;border-radius:12px;max-width:min(520px,92%);padding:8px 14px;font-size:14px;position:absolute;transform:translate(-50%)}.toasts{top:calc(102px + var(--safe-t));pointer-events:none;z-index:15;flex-direction:column;align-items:center;gap:6px;width:92%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{border:2px solid var(--brass-d);text-align:center;background:#1b130deb;border-radius:12px;padding:8px 14px;font-size:14px;font-weight:700;animation:.25s toastIn,.4s 2.6s forwards toastOut}.toast.warn{background:#46140cf0;border-color:#d9482b}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}}@keyframes toastOut{to{opacity:0;transform:translateY(-6px)}}.float{z-index:9;pointer-events:none;text-shadow:0 1px #000,0 0 6px #000;font-size:16px;font-weight:900;animation:1.1s ease-out forwards floatUp;position:fixed;transform:translate(-50%,-50%)}.float.gold{color:#ffd84a}@keyframes floatUp{to{opacity:0;transform:translate(-50%,-60px)}}.banner{text-align:center;pointer-events:none;z-index:14;animation:2.4s ease-out forwards bannerAnim;position:fixed;top:28%;left:0;right:0}.banner .b1{color:#f6ead0;text-shadow:0 3px #3b2716,0 0 30px #000c;font-family:Georgia,serif;font-size:clamp(26px,7vw,54px)}.banner .b2{color:#ffe0a0;text-shadow:0 1px 4px #000;margin-top:4px;font-size:clamp(13px,3vw,18px)}.banner.boss .b1{color:#ff8b6b}@keyframes bannerAnim{0%{opacity:0;transform:scale(.85)}12%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-16px)}}#leakfx{z-index:8;pointer-events:none;opacity:0;transition:opacity .5s;position:fixed;inset:0;box-shadow:inset 0 0 120px 30px #c81e0ad9}#leakfx.on{opacity:1;transition:none}#frost{z-index:7;pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#bee6ff8c);transition:opacity 1s;position:fixed;inset:0}@media (max-width:520px){.res{gap:4px;min-height:34px;padding:4px 8px;font-size:14px}.res .ic{font-size:16px}.iconbtn{width:36px;height:36px;font-size:17px}.tbtn{height:62px}.tbtn .ti{font-size:23px}.wavebar{top:calc(46px + var(--safe-t))}.toasts{top:calc(92px + var(--safe-t))}.gauge{width:58px;height:58px;bottom:calc(88px + var(--safe-b))}}@media (max-height:460px){.buildbar{padding-top:4px}.tbtn{height:54px}.tbtn .ti{font-size:20px}.tpanel{bottom:calc(66px + var(--safe-b))}.card{padding:12px}}.sidebtns{right:calc(10px + var(--safe-r));bottom:calc(92px + var(--safe-b));z-index:11;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute}.sidebtns .gauge{position:relative;bottom:auto;left:auto;right:auto}@media (min-width:900px) and (min-aspect-ratio:5/4){.sidebtns{left:14px;right:auto;bottom:calc(96px + var(--safe-b))}.sidebtns .gauge{left:auto}}@media (max-width:520px){.sidebtns{bottom:calc(86px + var(--safe-b))}.sidebtns .gauge{width:58px;height:58px;bottom:auto}}.ztabs{gap:6px;width:min(980px,100%);margin-bottom:8px;display:flex;overflow-x:auto}.ztab{color:#f6ead0;cursor:pointer;white-space:nowrap;background:#1e140a8c;border:2px solid #5b3f26;border-radius:10px;flex:1 1 0;align-items:center;gap:6px;min-width:0;padding:7px 10px;font-family:Georgia,serif;font-size:13px;display:flex}.ztab b{color:#3b2716;background:#f6ead0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;display:inline-flex}.ztab span{text-overflow:ellipsis;overflow:hidden}.ztab.lock{opacity:.5;cursor:default}@media (max-width:720px){.ztab span{display:none}.ztab{justify-content:center}.ztab.on span{display:inline}.ztab.on{flex:3 1 0}}.zsub{color:#e8d9b4;margin-top:2px;font-size:12px}.resumebar{color:#ffe9a8;background:#ffd25a29;border:1px solid #ffd25a99;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:min(980px,100%);margin-bottom:8px;padding:6px 12px;font-size:14px;font-weight:700;display:flex}.node.resume:after{content:"▶";color:#3b2716;background:#ffd25a;border:2px solid #5b3f26;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex;position:absolute;top:-8px;right:-8px}.warnnote{background:#c8502840;border:1px solid #ff8c5a99;border-radius:8px;margin:8px 0;padding:6px 10px;font-size:13px}.warnnote.ok{background:#50b45a38;border-color:#8cdc9699}.mapframe{height:min(600px,100% - 130px)}.maptitle .row{flex-wrap:wrap;justify-content:flex-end}