@font-face{font-family:Fredoka;src:url(/assets/fredoka-latin-wght-DM6njrJ3.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Figtree;src:url(/assets/figtree-latin-wght-Dv6kUSMG.woff2) format("woff2");font-weight:300 900;font-display:swap}:root{--parchment: #FBF3E2;--parchment-shade: #EBDDBF;--wood: #B57A45;--wood-dark: #7A4E2C;--text: #3B2A1E;--muted: #6B5848;--aether: #3ED1D6;--sunstone: #F4B63F;--lift: #3FB8E0;--weight: #E8A13A;--warn: #FFAE42;--danger: #E5544B;--leaf: #6FA84E;--lavender: #7E7396;--storm: #4A4870;--storm-deep: #2C2A4A;--lime: #cbff73;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--display: Fredoka, ui-rounded, system-ui, sans-serif;--body: Figtree, system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#8ec9f0;font-family:var(--body);font-size:16px;color:var(--text);user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}canvas#scene{position:fixed;inset:0;display:block}.hidden{display:none!important}button{font-family:inherit}h1,h2,h3,h4,.btn,.chip,.dayclock,.banner,.lvl-badge,.pc-name{font-family:var(--display)}.ic{display:inline-block;width:26px;height:26px;flex:none;background:center / contain no-repeat}.ic.sm{width:16px;height:16px;vertical-align:-3px}.ic.lg{width:40px;height:40px}.btn{appearance:none;border:3px solid var(--wood);border-radius:16px;padding:10px 16px;min-height:48px;font-size:17px;font-weight:600;color:var(--text);background:linear-gradient(var(--parchment),var(--parchment-shade));box-shadow:0 4px 0 var(--wood-dark),0 6px 14px #5c466047;cursor:pointer;transition:transform .08s,box-shadow .08s,filter .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{filter:brightness(1.04)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--wood-dark),0 2px 6px #5c466040}.btn:focus-visible{outline:3px solid var(--aether);outline-offset:2px}.btn:disabled{filter:grayscale(.7) opacity(.65);cursor:not-allowed}.btn.play{background:linear-gradient(#FFE29A,var(--sunstone));font-size:22px;font-weight:700;padding:12px 28px;border-color:var(--wood-dark)}.btn.play .ic{width:30px;height:30px}.btn.play.small{font-size:17px;padding:8px 18px}.btn.danger{background:linear-gradient(#ffe0d8,#f2a79c)}.btn.icon{width:52px;height:52px;padding:0;display:grid;place-items:center;border-radius:50%}.btn.icon .ic{width:34px;height:34px}.btn.close{width:48px;height:48px;padding:0;border-radius:50%}.x-mark{position:relative;width:20px;height:20px;display:block}.x-mark:before,.x-mark:after{content:"";position:absolute;left:8px;top:-1px;width:4px;height:22px;border-radius:2px;background:var(--wood-dark);transform:rotate(45deg)}.x-mark:after{transform:rotate(-45deg)}.brand-mini{display:inline-flex;align-items:center;gap:6px;font:900 22px/1 Arial,Helvetica,sans-serif;letter-spacing:-1.2px;color:var(--text);text-decoration:none}.brand-icon{width:18px;height:18px;position:relative;display:inline-block;margin-right:2px}.brand-icon:before,.brand-icon:after{content:"";position:absolute;inset:0;background:var(--lime);clip-path:polygon(42% 0,58% 0,58% 30%,79% 9%,91% 21%,70% 42%,100% 42%,100% 58%,70% 58%,91% 79%,79% 91%,58% 70%,58% 100%,42% 100%,42% 70%,21% 91%,9% 79%,30% 58%,0 58%,0 42%,30% 42%,9% 21%,21% 9%,42% 30%)}.brand-icon:after{inset:34%;background:var(--text);clip-path:none;border-radius:1px;opacity:0}.brand-mini .brand-dot{color:#7fb43a;margin-left:-6px}.brand-mini small{font:600 14px var(--body);letter-spacing:1.5px;text-transform:uppercase;margin-left:6px;color:var(--muted)}.loading{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(#8ec9f0,#cfe8f7 55%,#ffd9b8)}.load-logo{font-family:var(--display);font-size:clamp(42px,9vw,84px);font-weight:700;color:var(--parchment);-webkit-text-stroke:3px var(--wood-dark);paint-order:stroke fill;text-shadow:0 5px 0 var(--wood-dark)}.load-bar{width:min(320px,70vw);height:16px;border-radius:99px;background:var(--parchment);border:3px solid var(--wood);overflow:hidden}.load-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#FFE29A,var(--sunstone));transition:width .2s}#load-text{margin:0;font-weight:600;color:var(--text)}.screen{position:fixed;inset:0;z-index:10;overflow-y:auto;touch-action:pan-y}#menu:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#fbf3e2b8,#fbf3e261 34%,#fbf3e200 56%)}.menu-col{position:relative;z-index:1;width:min(470px,100%);padding:calc(18px + var(--safe-t)) 22px calc(24px + var(--safe-b));margin-left:clamp(0px,5vw,80px);display:flex;flex-direction:column;gap:13px;min-height:100%;justify-content:center}.logo{margin:0;line-height:.9;display:flex;flex-direction:column;filter:drop-shadow(0 6px 10px rgba(92,70,96,.35))}.logo span{font-weight:700;font-size:clamp(56px,12vw,96px);letter-spacing:1px;color:var(--parchment);-webkit-text-stroke:4px var(--wood-dark);paint-order:stroke fill;text-shadow:0 5px 0 var(--wood-dark)}.logo .l1{font-size:clamp(40px,8vw,62px);color:var(--sunstone);margin-left:4px}.logo .l2{animation:floaty 4s ease-in-out infinite}@keyframes floaty{50%{transform:translateY(-6px)}}.tagline{margin:-2px 0 2px;color:var(--text);font-size:17px;font-weight:600}.card{background:linear-gradient(var(--parchment),var(--parchment-shade));border:3px solid var(--wood);border-radius:18px;box-shadow:0 5px 0 var(--wood-dark),0 10px 24px #5c466047}.player-card{display:flex;align-items:center;gap:12px;padding:10px 12px}.avatar{width:58px;height:58px;flex:none;border-radius:14px;overflow:hidden;border:2.5px solid var(--wood);background:#cfe8f7;display:grid;place-items:center}.avatar img,.avatar svg{width:100%;height:100%;display:block;object-fit:cover}.pc-main{flex:1;min-width:0}.pc-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pc-name{font-weight:700;font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.acct{font-size:14px;font-weight:700;padding:1px 9px;border-radius:99px;background:var(--parchment-shade);color:var(--muted);border:1.5px solid var(--wood)}.acct.on{background:#e3f2d6;color:#3f6e2a;border-color:var(--leaf)}.acct.busy{background:#fff0d2;color:#8a5a12;border-color:var(--warn)}.pc-title{font-size:14px;color:var(--muted);font-weight:600}.pc-level{display:flex;align-items:center;gap:8px;margin-top:3px}.lvl-badge{font-weight:700;font-size:14px;background:var(--wood-dark);color:var(--parchment);border-radius:8px;padding:2px 8px;white-space:nowrap}.xpbar{flex:1;height:12px;background:var(--parchment-shade);border-radius:99px;overflow:hidden;border:1.5px solid var(--wood)}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#8FE3E6,var(--aether));width:0}.xp-text{font-size:14px;color:var(--muted);white-space:nowrap}.pc-sun{display:flex;align-items:center;gap:4px;font:700 17px var(--display);color:#8a5a12;background:#fff1cc;border:2px solid var(--sunstone);padding:4px 10px 4px 6px;border-radius:12px;white-space:nowrap}.acct-slot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--text);background:var(--parchment);border:2px solid #D9BE92;border-radius:12px;padding:6px 10px;line-height:1.35;box-shadow:0 3px #7a4e2c40}.acct-slot:empty{display:none}.play-row{display:flex;gap:10px}.play-row .play{flex:1;animation:breathe 2.6s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.025)}}.menu-nav{display:grid;grid-template-columns:1fr 1fr;gap:9px}.btn.nav{justify-content:flex-start;font-size:16px;padding:6px 12px;text-align:left;position:relative}.btn.nav .dot{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--danger);border:3px solid var(--parchment);animation:breathe 1.2s infinite}.menu-note{margin:0;color:var(--text);font-size:14px;line-height:1.4;background:#fbf3e2cc;border-radius:12px;padding:6px 10px}.menu-note:empty{display:none}@media (prefers-reduced-motion: reduce){.logo .l2,.play-row .play,.btn.nav .dot,.edge-pulse.on,.dayclock.warn{animation:none!important}}body.reduced .logo .l2,body.reduced .play-row .play,body.reduced .edge-pulse.on{animation:none!important}#cynnx-game-chip{top:calc(12px + var(--safe-t))!important;right:12px!important;bottom:auto!important;min-height:48px!important;border-radius:99px!important;border:3px solid var(--wood)!important;color:var(--text)!important;font:600 15px Fredoka,system-ui!important;padding:10px 16px 10px 70px!important;box-shadow:0 4px 0 var(--wood-dark)!important;background-image:url(/brand/google-g.svg),url(/brand/phantom-icon.svg),linear-gradient(#fbf3e2,#ebddbf)!important;background-repeat:no-repeat!important;background-size:20px 20px,20px 20px,auto!important;background-position:14px center,38px center,0 0!important}body.in-run #cynnx-game-chip{display:none!important}body.signed #cynnx-game-chip{padding-left:16px!important;background-image:linear-gradient(#fbf3e2,#ebddbf)!important}.overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#2c2a4a73;backdrop-filter:blur(3px);padding:14px}.sheet{width:min(720px,100%);max-height:calc(100dvh - 28px);display:flex;flex-direction:column;background:linear-gradient(var(--parchment),var(--parchment-shade));border:4px solid var(--wood);border-radius:22px;box-shadow:0 7px 0 var(--wood-dark),0 20px 50px #2c2a4a73;overflow:hidden;animation:pop .22s ease-out}@keyframes pop{0%{transform:scale(.94);opacity:0}}.sheet header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 20px;background:linear-gradient(#C98D55,var(--wood));border-bottom:3px solid var(--wood-dark)}.sheet header h2{margin:0;color:var(--parchment);font-size:24px;text-shadow:0 2px 0 var(--wood-dark)}.sheet-body{padding:16px 20px 20px;overflow-y:auto;touch-action:pan-y}.sheet.small{width:min(430px,100%);padding:22px;gap:12px;text-align:center}.sheet.small h2{margin:0 0 4px;font-size:30px;color:var(--wood-dark)}.small-text{font-size:15px;color:var(--muted);line-height:1.45}.row{display:flex;align-items:center;gap:10px;margin:8px 0}.grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.tile{background:var(--parchment);border:2px solid #D9BE92;border-radius:14px;padding:10px 12px;position:relative}.tile.on{border-color:var(--leaf);box-shadow:0 0 0 3px #6fa84e40}.tile.locked{opacity:.6}.tile h4{margin:0 0 4px;font-size:17px;display:flex;align-items:center;gap:6px}.tile p{margin:0;font-size:14px;color:var(--muted)}.tile .state{font-size:14px;font-weight:700;margin-top:6px}.prog{height:10px;background:var(--parchment-shade);border-radius:99px;overflow:hidden;margin-top:8px;border:1px solid #D9BE92}.prog i{display:block;height:100%;background:linear-gradient(90deg,#FFE29A,var(--sunstone))}.gate{display:flex;gap:10px;align-items:center;background:#fff1cc;border:2px dashed var(--sunstone);border-radius:14px;padding:12px 14px;font-weight:600;color:#7a5212;margin-bottom:12px;font-size:15px}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.cal .d{aspect-ratio:1 / 1.12;min-height:48px;border-radius:12px;border:2px solid #D9BE92;background:var(--parchment);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:2px}.cal .d b{font-size:14px;color:var(--muted);position:absolute;top:2px;left:6px;font-family:var(--display)}.cal .d .rw{display:flex;align-items:center;gap:2px;font:700 clamp(14px,2.6vw,17px) var(--display);color:#8a5a12;margin-top:10px}.cal .d .rw .ic{width:18px;height:18px}.cal .d .sw{width:24px;height:18px;clip-path:polygon(0 0,100% 50%,0 100%);margin-top:8px}.cal .d.claimed{background:#e3f2d6;border-color:var(--leaf)}.cal .d.claimed .rw{opacity:.55}.cal .d.claimed:after{content:"";position:absolute;right:6px;top:5px;width:6px;height:11px;border:solid #3F6E2A;border-width:0 3px 3px 0;transform:rotate(45deg)}.cal .d.today{border-color:var(--sunstone);box-shadow:0 0 0 3px #f4b63f80;background:#fff4d6}.cal .d.locked{opacity:.5}.pips{display:inline-flex;gap:4px}.pips i{width:16px;height:16px;border-radius:4px;background:var(--parchment-shade);border:1.5px solid var(--wood)}.pips i.on{background:var(--sunstone)}.swatches{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}.swatch{min-width:52px;min-height:48px;border-radius:12px;border:3px solid #D9BE92;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;background:var(--parchment);font:600 14px var(--body);color:var(--text);padding:4px 10px}.swatch.on{border-color:var(--leaf);box-shadow:0 0 0 3px #6fa84e59}.swatch.locked{opacity:.5;cursor:not-allowed}.swatch i.flag{width:26px;height:20px;clip-path:polygon(0 0,100% 50%,0 100%)}.swatch i.grass{width:30px;height:18px;border-radius:6px}.board{width:100%;border-collapse:collapse;font-size:15px}.board td,.board th{padding:8px 6px;border-bottom:1px solid #E3CFA8;text-align:left}.board .me{background:#fff1cc}.badge{display:inline-block;font-size:14px;font-weight:700;background:#fbe0da;color:#8a2e28;border-radius:8px;padding:2px 8px}label.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;font-weight:600;min-height:48px}input[type=range]{width:55%;height:44px;margin:0;accent-color:var(--wood);touch-action:pan-y}input[type=checkbox]{width:28px;height:28px;accent-color:var(--leaf)}input[type=text]{font:600 16px var(--body);padding:10px 12px;border-radius:12px;border:2px solid var(--wood);background:var(--parchment);color:var(--text);min-height:48px;width:100%}kbd{background:var(--parchment);border:1.5px solid var(--wood);border-bottom-width:3px;border-radius:6px;padding:0 6px;font-family:inherit;font-size:14px}.go h2{color:var(--wood-dark)}.go .stat{display:flex;justify-content:space-around;margin:10px 0}.go .stat div{display:flex;flex-direction:column}.go .stat b{font:700 30px var(--display);color:#8a5a12}.go .stat span{font-size:14px;color:var(--muted)}.rewards{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font:700 17px var(--display)}.rewards span{display:inline-flex;align-items:center;gap:4px}.howto-list{padding-left:0;list-style:none;margin:0;display:grid;gap:10px}.howto-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4}.howto-list .ic{width:34px;height:34px}#hud{position:fixed;inset:0;z-index:5;pointer-events:none}.res,.dayclock,.hud-btns,.hud-btns .btn,.skip,.place,.buildbar{pointer-events:auto}.hud-top{position:absolute;top:calc(8px + var(--safe-t));left:8px;right:8px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none}.res{display:flex;gap:6px;flex-wrap:wrap}.chip{display:flex;align-items:center;gap:4px;background:linear-gradient(var(--parchment),var(--parchment-shade));border:2.5px solid var(--wood);border-radius:99px;padding:3px 12px 3px 5px;box-shadow:0 3px 0 var(--wood-dark);font-weight:700;font-size:18px;min-width:70px;min-height:40px}.chip .ic{width:30px;height:30px}.chip small{font:600 14px var(--body);color:var(--muted)}.chip.full span{color:#7e5212}.chip.full small:after{content:" full"}.chip.bump{animation:bump .3s}@keyframes bump{40%{transform:scale(1.12)}}.dayclock{flex:0 1 300px;background:linear-gradient(var(--parchment),var(--parchment-shade));border:2.5px solid var(--wood);border-radius:16px;padding:4px 12px 5px;box-shadow:0 3px 0 var(--wood-dark);text-align:center}.dc-row{display:flex;justify-content:space-between;font-weight:700;font-size:16px;gap:8px}#dc-phase{color:#1f6b71}.dayclock.warn #dc-phase{color:#7e5212}.dayclock.storm #dc-phase{color:var(--storm)}.dc-bar{height:10px;border-radius:99px;background:var(--parchment-shade);overflow:hidden;margin:3px 0 2px;border:1.5px solid var(--wood)}.dc-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8FE3E6,var(--lift))}.dayclock.warn .dc-bar i{background:linear-gradient(90deg,#FFD58A,var(--warn))}.dayclock.storm .dc-bar i{background:linear-gradient(90deg,#8E88C0,var(--storm))}.dc-next{font-size:14px;color:var(--muted);font-family:var(--body);font-weight:600}.hud-btns{display:flex;gap:6px}.gauges{position:absolute;left:8px;top:calc(70px + var(--safe-t));display:flex;flex-direction:column;gap:6px;width:140px;pointer-events:none!important}.gauge,.weight{background:linear-gradient(#fbf3e2f5,#ebddbff5);border:2.5px solid var(--wood);border-radius:16px;box-shadow:0 3px 0 var(--wood-dark);padding:4px 6px 6px}.gauge svg{width:100%;display:block}.g-track{fill:none;stroke:var(--danger);stroke-width:10;stroke-linecap:round;stroke-dasharray:3 3}.g-ok{fill:none;stroke:var(--leaf);stroke-width:10}.g-needle{stroke:var(--wood-dark);stroke-width:4;stroke-linecap:round;transform-origin:60px 62px}.g-ghost{stroke:var(--lift);stroke-width:3;stroke-dasharray:4 4;stroke-linecap:round;transform-origin:60px 62px;opacity:0}.g-ghost.on{opacity:1}.g-hub{fill:var(--wood-dark)}.g-label{display:flex;justify-content:center;align-items:baseline;gap:6px;margin-top:-4px;font:700 18px var(--display)}.g-label small{font:700 14px var(--body);color:var(--muted)}.gauge.danger{animation:warnpulse .6s infinite}.gauge.danger .g-label small{color:#b23a33}@keyframes warnpulse{50%{box-shadow:0 3px 0 var(--wood-dark),0 0 0 5px #ffae4299}}.w-row{display:flex;align-items:center;gap:4px}.w-row .ic{width:28px;height:28px}.w-bar{flex:1;height:14px;border-radius:99px;background:var(--parchment-shade);position:relative;overflow:hidden;border:1.5px solid var(--wood)}.w-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#A9DCEF,var(--lift))}.w-bar.heavy i{background:repeating-linear-gradient(-45deg,var(--weight) 0 6px,#F2BE6A 6px 12px)}.w-bar.over i{background:repeating-linear-gradient(-45deg,var(--danger) 0 5px,#F08A82 5px 10px)}.w-text{font-size:14px;text-align:center;font-weight:700;color:var(--muted)}.w-text.over{color:#b23a33}.banner{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%) scale(.9);opacity:0;pointer-events:none!important;text-align:center;color:var(--parchment);font-size:clamp(30px,6vw,54px);font-weight:700;-webkit-text-stroke:3px var(--wood-dark);paint-order:stroke fill;text-shadow:0 4px 0 var(--wood-dark),0 10px 30px rgba(92,70,96,.35);transition:opacity .3s,transform .3s;white-space:nowrap}.banner small{display:block;font-size:.4em;-webkit-text-stroke:1.5px var(--wood-dark);margin-top:4px;white-space:normal}.banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.banner.storm{-webkit-text-stroke-color:var(--storm-deep);text-shadow:0 4px 0 var(--storm-deep),0 10px 30px rgba(44,42,74,.5)}.warnbar{position:absolute;left:50%;transform:translate(-50%);top:calc(74px + var(--safe-t));display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;background:linear-gradient(var(--parchment),var(--parchment-shade));border:3px solid var(--wood);border-radius:18px;box-shadow:0 4px 0 var(--wood-dark),0 0 0 4px #ffae4273;max-width:min(440px,64vw);pointer-events:none!important}.warnbar img{width:54px;height:54px;flex:none}.wb-main{display:flex;flex-direction:column;min-width:0}.wb-main b{font:700 19px var(--display)}.wb-main small{font-size:14px;color:var(--muted);line-height:1.25}.wb-count{font:700 30px var(--display);color:#a8650c;min-width:46px;text-align:center;border-left:2px dashed #D9BE92;padding-left:8px}.edge-pulse{position:fixed;inset:0;pointer-events:none!important;box-shadow:inset 0 0 #ffae4200}.edge-pulse.on{animation:edge 1s ease-in-out infinite}@keyframes edge{0%,to{box-shadow:inset 0 0 26px 6px #ffae4240}50%{box-shadow:inset 0 0 60px 18px #ffae4299}}.tip{position:absolute;left:50%;transform:translate(-50%);bottom:calc(124px + var(--safe-b));background:#3b2a1ee6;color:var(--parchment);padding:8px 14px;border-radius:12px;font-size:15px;max-width:min(520px,92vw);text-align:center;pointer-events:none!important}.tip b{color:#ffd58a}.skip{position:absolute;right:8px;top:calc(70px + var(--safe-t));font-size:16px;padding:4px 12px 4px 6px;background:linear-gradient(#e4e0f4,#bdb4e0)}.skip .ic{width:34px;height:34px}.skip small{font-size:14px;display:inline-flex;align-items:center;gap:2px}.place{position:absolute;left:50%;transform:translate(-50%);bottom:calc(130px + var(--safe-b));font-size:19px;min-width:160px}.place:active{transform:translate(-50%) translateY(3px)}.buildbar{position:absolute;left:0;right:0;bottom:0;padding:8px 8px calc(8px + var(--safe-b));display:flex;gap:8px;align-items:flex-end;background:linear-gradient(#3b2a1e00,#3b2a1e47)}.tools{display:flex;gap:6px;flex:none}.cards{display:flex;gap:7px;overflow-x:auto;flex:1;padding:8px 2px 6px;scrollbar-width:none;touch-action:pan-x;justify-content:safe center}.cards::-webkit-scrollbar{display:none}.btn.tool,.card-btn{flex:none;width:80px;height:100px;min-height:64px;padding:4px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:0;position:relative}.btn.tool .ic{width:50px;height:50px;margin-top:4px}.btn.tool small{font-size:14px;font-weight:700}.card-btn img{width:60px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(92,70,96,.3));pointer-events:none}.card-btn .nm{font-size:14px;font-weight:700;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-btn .cost{font:700 14px var(--body);color:var(--wood-dark);white-space:nowrap;display:flex;align-items:center;gap:1px}.card-btn .cost .ic{width:16px;height:16px}.card-btn .cost .no{color:#b23a33;text-decoration:underline wavy}.btn.sel{background:linear-gradient(#FFF0C2,var(--sunstone));transform:translateY(-6px);box-shadow:0 7px 0 var(--wood-dark),0 0 0 4px #fbf3e2cc}.card-btn.locked img,.card-btn.locked .nm,.card-btn.locked .cost{visibility:hidden}.card-btn .lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 14px var(--body);color:var(--text);background:#ebddbfeb;border-radius:12px}.card-btn .lock .ic{width:28px;height:28px}.mute{position:fixed;z-index:40;right:12px;bottom:calc(12px + var(--safe-b))}.mute.off .ic{opacity:.45}.mute.off:after{content:"";position:absolute;width:4px;height:38px;background:var(--danger);border-radius:2px;transform:rotate(45deg)}#toasts{position:fixed;z-index:45;left:50%;transform:translate(-50%);top:calc(150px + var(--safe-t));display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;transition:opacity .2s}#toasts.under-banner{opacity:0}.toast{display:flex;align-items:center;gap:8px;background:linear-gradient(var(--parchment),#FFE9B8);border:2.5px solid var(--wood);border-radius:14px;padding:6px 14px 6px 8px;font-weight:700;font-size:15px;box-shadow:0 4px 0 var(--wood-dark);animation:pop .25s ease-out;max-width:90vw;text-align:center}.toast .ic{width:30px;height:30px}.coach{position:fixed;z-index:25;left:50%;transform:translate(-50%);top:calc(150px + var(--safe-t));width:min(460px,94vw);background:linear-gradient(var(--parchment),var(--parchment-shade));border:3px solid var(--wood);border-radius:18px;box-shadow:0 6px 0 var(--wood-dark),0 14px 30px #5c466059;padding:12px 16px}.coach-step{font:700 14px var(--display);color:#1f6b71;text-transform:uppercase;letter-spacing:1px}.coach-text{font-size:16px;line-height:1.4;margin:4px 0 10px}.coach-btns{display:flex;justify-content:space-between;gap:10px}.coach-btns .btn{font-size:16px;padding:6px 14px}@media (max-width: 640px){.menu-col{margin:0 auto;gap:10px;padding-top:calc(70px + var(--safe-t))}#menu:before{background:linear-gradient(0deg,#fbf3e2d9,#fbf3e259 60%,#fbf3e226)}.hud-top{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"res res pause" "clock center settings";gap:6px;align-items:center}.res{grid-area:res;flex-wrap:nowrap}.hud-btns{display:contents}#btn-pause{grid-area:pause}#btn-center{grid-area:center}#btn-settings-game{grid-area:settings}.dayclock{grid-area:clock}.chip{font-size:16px;min-width:0;padding:2px 10px 2px 3px}.chip .ic{width:26px;height:26px}.chip small{display:none}.gauges{top:calc(124px + var(--safe-t));width:116px}.skip{top:calc(124px + var(--safe-t))}.warnbar{top:calc(124px + var(--safe-t));left:auto;right:8px;transform:none;max-width:calc(100vw - 140px)}.warnbar img{width:44px;height:44px}.wb-main small{display:none}body.in-run .hud-btns .btn.icon{width:48px;height:48px}.btn.tool,.card-btn{width:70px;height:88px}.card-btn img{width:52px;height:42px}.tools{position:absolute;right:8px;bottom:calc(108px + var(--safe-b));flex-direction:column;gap:8px}.tools .btn.tool{width:64px;height:64px;padding:2px}.tools .btn.tool .ic{width:38px;height:38px;margin:0}.tools .btn.tool small{display:none}.coach{top:auto;bottom:calc(124px + var(--safe-b));width:min(460px,calc(100vw - 96px));left:8px;transform:none}.tip{bottom:calc(108px + var(--safe-b));max-width:calc(100vw - 96px);left:8px;transform:none}.place{bottom:calc(116px + var(--safe-b))}#toasts{top:calc(190px + var(--safe-t))}}@media (max-height: 500px) and (orientation: landscape){.menu-col{width:min(560px,100%);gap:7px;padding-top:8px;padding-bottom:8px}.logo{flex-direction:row;gap:12px;align-items:baseline}.logo span,.logo .l1{font-size:50px}.menu-nav{grid-template-columns:repeat(4,1fr)}.btn.nav{font-size:14px;padding:4px 6px;gap:4px}.btn.nav .ic{width:22px;height:22px}.tagline{display:none}.gauges{top:calc(62px + var(--safe-t));width:112px}.weight{padding:3px 5px}.btn.tool,.card-btn{width:64px;height:76px}.card-btn img{width:46px;height:34px}.card-btn .nm{font-size:14px}.tools{flex-direction:row}.tools .btn.tool{width:64px;height:76px}.tools .btn.tool .ic{width:36px;height:36px}.buildbar{padding-top:2px}.warnbar{top:calc(62px + var(--safe-t))}.warnbar img{width:40px;height:40px}.wb-main small{display:none}.wb-count{font-size:24px}.coach{top:auto;bottom:calc(92px + var(--safe-b));width:min(560px,62vw);padding:8px 12px}.coach-text{font-size:15px;margin:2px 0 6px}.tip,.place{bottom:calc(92px + var(--safe-b))}.dayclock{padding:2px 10px}.dc-next{display:none}#toasts{top:calc(64px + var(--safe-t))}}.sheet,.card,.coach,.warnbar,.toast{border-style:solid;border-color:var(--wood);background:var(--ui-paper, none) 0 0 / 128px 128px repeat,var(--parchment);background-clip:padding-box}.sheet{border-width:24px;border-image:var(--ui-panel) 48 / 24px / 0 round;border-radius:20px}.sheet header{background:var(--ui-plank, none) center / 100% 100% no-repeat,var(--wood);border-bottom:3px solid var(--wood-dark);border-radius:0}.card,.coach,.warnbar,.toast{border-width:12px;border-image:var(--ui-plate) 28 / 12px / 0 round;border-radius:11px}.toast{background:var(--ui-paper, none) 0 0 / 128px 128px repeat,#fff4d6;background-clip:padding-box}@media (max-width: 640px),(max-height: 500px) and (orientation: landscape){.sheet{border-width:16px;border-image-width:16px;border-radius:14px}.card,.coach,.warnbar,.toast{border-width:10px;border-image-width:10px;border-radius:9px}}.g-fc-band{fill:none;stroke:var(--storm);stroke-width:6;stroke-linecap:round;opacity:0}.g-fc-tick{stroke:var(--storm-deep);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 3;transform-origin:60px 62px;opacity:0}.g-fc-band.on{opacity:.55}.g-fc-tick.on{opacity:1}.g-fc{margin-top:2px;padding:2px 4px;border-radius:8px;background:#4a48701f;text-align:center;font:600 13px/1.2 var(--body);color:var(--storm-deep)}.g-fc b{display:block;font:700 13px var(--display);color:var(--storm)}.g-fc.risk{background:#e5544b24;color:#8a2e28}.banner.storm,.banner.dark{background:#2c2a4ae6;color:#fbf3e2;-webkit-text-stroke:0;padding:.16em .7em .24em;border-radius:22px;border:3px solid #FFD580;text-shadow:0 2px 0 rgba(0,0,0,.4);box-shadow:0 10px 30px #14122880}.banner.storm small,.banner.dark small{-webkit-text-stroke:0;color:#ffd580;max-width:min(520px,86vw);margin-left:auto;margin-right:auto}.banner .b-title{display:inline-flex;align-items:center;gap:.25em}.banner .b-ic{display:inline-block;width:1.05em;height:1.05em;flex:none;background:center / contain no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.banner.storm,.banner.dark{border-radius:999px;padding:.14em .8em .22em}.hud-btns .mute{position:relative;right:auto;bottom:auto;top:auto;z-index:auto}.hud-btns .mute.off:after{left:50%;top:50%;margin:-19px 0 0 -2px}body.panel-open #cynnx-game-chip,body.panel-open>.mute{visibility:hidden!important}.warnbar{max-width:min(520px,70vw)}.wb-main small{text-wrap:balance}.menu-note{background:var(--parchment);border:2px solid #D9BE92;box-shadow:0 3px #7a4e2c40}.card-btn:disabled,.card-btn.locked{filter:grayscale(.75) brightness(.97);background:#e6dcc6;opacity:1}.card-btn .lock{background:#ebddbf}.card-btn .nm{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal;word-break:keep-all;hyphens:none;line-height:1.02;text-align:center;display:flex;align-items:center;justify-content:center}.cards.fade-l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px);mask-image:linear-gradient(90deg,transparent,#000 28px)}.cards.fade-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.cards.fade-l.fade-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}.fc-compact{display:none}@media (max-width: 640px){.hud-top{grid-template-columns:1fr auto auto auto;grid-template-areas:"res res res pause" "clock mute center settings"}.hud-btns .mute{grid-area:mute}body.in-run .hud-btns .mute{display:grid;width:48px;height:48px}.card-btn{width:76px;height:94px}.card-btn img{width:50px;height:38px}.card-btn .nm{font-size:12px;min-height:25px}}@media (max-height: 500px) and (orientation: landscape){body.in-run .hud-btns .mute{display:grid;width:48px;height:48px}body.in-run .hud-btns .btn.icon{width:48px;height:48px}.res{flex-wrap:nowrap;gap:4px}.chip{font-size:16px;min-width:0;min-height:36px;padding:2px 9px 2px 3px}.chip .ic{width:24px;height:24px}.chip small{display:none}.card-btn{width:76px;height:84px}.card-btn img{width:44px;height:30px}.card-btn .nm{font-size:12px;min-height:25px}.coach,.tip,.place{bottom:calc(108px + var(--safe-b))}.g-fc{white-space:nowrap;font-size:12px;padding:1px 2px}.g-fc b{font-size:12px}.fc-full{display:none}.fc-compact{display:inline}.menu-note{font-size:13px;line-height:1.3;padding:4px 8px}}body.cover-mode #hud,body.cover-mode #menu,body.cover-mode #banner,body.cover-mode #toasts,body.cover-mode #coach,body.cover-mode #tip,body.cover-mode .mute,body.cover-mode #cynnx-game-chip,body.cover-mode #warnbar,body.cover-mode #edge-pulse,body.cover-mode #loading,body.cover-mode #panel,body.cover-mode #pause,body.cover-mode #gameover,body.cover-mode .place{display:none!important}.banner small{text-wrap:balance}.btn.tool.maxed{filter:grayscale(.65)}.btn.tool.maxed small{color:var(--muted)}@media (max-height: 500px) and (orientation: landscape){.acct-slot{font-size:13px;padding:4px 8px;line-height:1.3}}.card-btn .lock b{font:700 14px var(--display);line-height:1.1}.card-btn .lock .ic{width:22px;height:22px}.card-btn .lock small{font:700 12px var(--body);color:var(--muted);line-height:1.1;max-width:100%;padding:2px 4px 0;text-align:center;white-space:normal}.acct-slot{background:linear-gradient(var(--parchment),var(--parchment-shade));border:2.5px solid var(--wood);border-radius:16px;box-shadow:0 3px 0 var(--wood-dark);padding:6px 12px}.btn.tool.maxed small{white-space:nowrap}@media (max-height: 500px) and (orientation: landscape){.btn.tool.maxed small{font-size:12px;letter-spacing:-.2px}}.menu-note{border-color:var(--wood)}.coach.docked{position:fixed;padding:6px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.coach.docked .coach-step{font-size:12px;letter-spacing:.5px}.coach.docked .coach-text{font-size:14px;line-height:1.32;margin:0}.coach.docked .coach-btns{flex-wrap:wrap;gap:6px}.coach.docked .coach-btns .btn{font-size:14px;padding:4px 10px;min-height:44px;flex:1 1 auto}label.setting{cursor:pointer;padding:2px 0}body.nohud #hud,body.nohud #banner,body.nohud #toasts,body.nohud #coach,body.nohud #tip,body.nohud .mute,body.nohud #cynnx-game-chip,body.nohud #warnbar,body.nohud #edge-pulse,body.nohud .place{display:none!important}#btn-place:disabled{pointer-events:none}.place.aiming{opacity:.45}.place.top-dock{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}