:root{--vh: 1vh}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;background-color:var(--bg, #0a1622)}html,body{touch-action:manipulation;overflow-x:hidden;max-width:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}input,textarea,[contenteditable],.selectable{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}button,[role=button],a,label,summary{touch-action:manipulation}button,input,select,textarea{font-family:inherit;font-size:inherit}input,textarea,select{font-size:max(16px,1em)}button,[role=button]{min-height:44px;min-width:44px;cursor:pointer}.board,.field,canvas,.drag-surface{touch-action:none}body.playing .site-footer{display:none!important}.safe-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--bg: #0a1622;--bg-2: #0e1d2c;--panel: #132638;--line: #1d3448;--ink: #e8f1f8;--ink-dim: #8fa9bf;--cell: #16283a;--frost: #cfe8f5;--frost-deep: #8fc4dd;--ridge: #8b7d68;--thaw: #fbbf24;--threat: #3d6d8c;--p0: #f59e0b;--p1: #38bdf8;--p2: #f472b6;--p3: #e2e8f0;--radius: 14px;--ease: cubic-bezier(.2, .8, .2, 1)}[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;background:radial-gradient(120% 80% at 50% 0%,var(--bg-2),var(--bg));color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}#app{min-height:100vh;min-height:calc(var(--vh) * 100);display:flex;flex-direction:column}.main-content{flex:1 0 auto;display:flex;flex-direction:column;min-height:0;width:100%;max-width:720px;margin:0 auto;padding:12px}.site-footer{flex-shrink:0;text-align:center;padding:14px 12px calc(14px + env(safe-area-inset-bottom));font-size:.8rem;color:var(--ink-dim)}.site-footer a{color:var(--frost-deep)}h1,h2,h3{line-height:1.15;margin:0 0 8px}.muted{color:var(--ink-dim);font-size:.9rem}.lobby-btn,.ghost-btn,.icon-btn,.seg-btn,.veer-btn{font:inherit;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:12px 16px;transition:transform .12s var(--ease),background .15s,border-color .15s}.lobby-btn{width:100%;font-weight:650}.lobby-btn.primary{background:linear-gradient(180deg,#2f6c8e,#1f4d69);border-color:#3d84ab}.lobby-btn:active:not(:disabled),.ghost-btn:active{transform:translateY(1px) scale(.99)}.lobby-btn:disabled,.card:disabled{opacity:.45;cursor:default}.ghost-btn{background:transparent;border-color:transparent;color:var(--ink-dim)}.ghost-btn:hover{color:var(--ink)}.linkish{background:none;border:0;color:var(--frost-deep);text-decoration:underline;padding:4px 6px;font:inherit;min-height:0;min-width:0}.menu{display:flex;flex-direction:column;gap:14px;justify-content:center;flex:1;text-align:center}.logo{font-size:clamp(2.4rem,12vw,3.6rem);letter-spacing:-.03em;margin:0}.logo span{color:var(--frost-deep)}.tagline{color:var(--ink-dim);margin:0 auto 8px;max-width:34ch}.menu-actions{display:flex;flex-direction:column;gap:10px}.menu-small{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.menu-name{color:var(--ink-dim);font-size:.85rem;margin:0}.panel,.room-entry,.lobby,.results{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px}.how{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.cards-help{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cards-help li{display:flex;gap:10px;align-items:flex-start;font-size:.9rem}.cards-help .card-glyph{font-size:1.3rem;width:1.6em;text-align:center;flex:none}.text-input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink)}.name-form{display:flex;gap:8px}.name-form .lobby-btn{width:auto;flex:none}.modes{display:flex;flex-direction:column;gap:8px}.mode{font:inherit;text-align:left;color:var(--ink);background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.mode.is-on{border-color:var(--frost-deep);background:#17364b}.mode small{color:var(--ink-dim);font-size:.8rem}.pick-label{margin:0;font-size:.85rem;color:var(--ink-dim)}.lobby-modes{margin-top:12px;display:flex;flex-direction:column;gap:8px}.opts{display:flex;flex-direction:column;gap:10px}.opt{display:flex;align-items:center;justify-content:space-between;gap:10px}.opt-label{font-size:.9rem;color:var(--ink-dim)}.seg{display:flex;gap:4px}.seg-btn{padding:8px 12px;border-radius:10px;min-width:44px}.seg-btn.is-on{background:#17364b;border-color:var(--frost-deep)}.re-title,.lobby-title{margin:0}.re-sub,.lobby-sub{color:var(--ink-dim);font-size:.9rem;margin:0}.re-divider{display:flex;align-items:center;gap:10px;color:var(--ink-dim);font-size:.8rem}.re-divider:before,.re-divider:after{content:"";height:1px;background:var(--line);flex:1}.re-join{display:flex;gap:8px}.re-input{flex:1;min-width:0;padding:12px;border-radius:12px;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--line);background:var(--bg-2);color:var(--ink)}.re-go{width:auto;flex:none}.re-error{color:var(--p0);font-size:.85rem;margin:0;min-height:1.2em}.lobby-code{color:var(--frost);letter-spacing:.2em}.lobby-invite{display:flex;gap:8px}.lobby-link{flex:1;min-width:0;padding:10px;border-radius:12px;font-size:.8rem;border:1px solid var(--line);background:var(--bg-2);color:var(--ink-dim)}.lobby-share{width:auto;flex:none}.lobby-players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lobby-player{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-2);border-radius:10px}.lobby-dot{width:10px;height:10px;border-radius:50%;background:var(--line);flex:none}.lobby-dot.ready{background:#4ade80}.lobby-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-badge{font-size:.65rem;letter-spacing:.08em;padding:2px 6px;border-radius:6px;background:var(--line);color:var(--ink-dim)}.lobby-badge.ok{background:#14532d;color:#86efac}.lobby-mode{margin:0;font-size:.85rem;color:var(--frost-deep)}.lobby-actions{display:flex;flex-direction:column;gap:8px}.lobby-wait{display:flex;align-items:center;gap:8px;color:var(--ink-dim);font-size:.9rem;margin:0}.lobby-searching{display:flex;align-items:center;gap:10px;color:var(--ink-dim);font-size:.85rem}.lobby-flash{min-height:1.2em;font-size:.85rem;color:var(--frost-deep);opacity:0;transition:opacity .2s}.lobby-flash.show{opacity:1}.spinner{width:18px;height:18px;flex:none;border-radius:50%;border:2px solid var(--line);border-top-color:var(--frost-deep);animation:spin .85s linear infinite}.spinner.sm{width:13px;height:13px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.game{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.hud{display:flex;align-items:center;gap:10px}.gale{display:flex;align-items:center;gap:8px}.gale-dial{width:38px;height:38px;border-radius:50%;flex:none;border:1px solid var(--line);background:var(--bg-2);display:grid;place-items:center}.gale-arrow{width:0;height:0;display:block;border-left:13px solid var(--frost);border-top:7px solid transparent;border-bottom:7px solid transparent;transform-origin:4px 50%;transition:transform .26s var(--ease)}.gale-text,.turnbox{display:flex;flex-direction:column;line-height:1.1}.gale-text b,.turnbox b{font-size:1.05rem}.gale-sub,.turn-sub{color:var(--ink-dim);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.turnbox{margin-left:4px}.clockbox{margin-left:auto;font-variant-numeric:tabular-nums}.clock{font-size:1.05rem;color:var(--ink-dim)}.clock.urgent{color:var(--p0)}.icon-btn{width:44px;height:44px;padding:0;font-size:1.3rem;line-height:1}.notice{margin:0;font-size:.82rem;color:var(--thaw);background:#fbbf241a;border-radius:8px;padding:6px 10px}.seats{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}.seat{display:flex;align-items:center;gap:5px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:.76rem;min-width:0;max-width:100%}.seat.is-self{border-color:var(--frost-deep)}.seat.is-out{opacity:.45}.seat.is-locked{border-color:#4ade80}.seat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:8ch}.seat-name small{color:var(--ink-dim);font-size:.85em}.seat-tag{color:var(--ink-dim);font-size:.68rem}.seat.is-locked .seat-tag{color:#4ade80}.pips{display:inline-flex;gap:2px}.pip{width:7px;height:7px;border-radius:50%;display:inline-block}.pip.lit{background:currentColor}.pip.worn{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}.pip.dark{background:var(--line)}.seat.s0,.res-row.s0{color:var(--p0)}.seat.s1,.res-row.s1{color:var(--p1)}.seat.s2,.res-row.s2{color:var(--p2)}.seat.s3,.res-row.s3{color:var(--p3)}.seat-name,.seat-tag{color:var(--ink)}.seat.is-out .seat-name{color:var(--ink-dim)}.board-wrap{flex:1 1 auto;min-height:0;position:relative;display:grid;place-items:center;padding:2px}@media(max-width:480px){.board-wrap{margin-inline:-12px}}.board{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));width:min(100%,calc(var(--vh) * 52),520px);aspect-ratio:1 / 1;max-height:100%;gap:0;border-radius:10px;overflow:hidden;background:var(--bg-2);touch-action:none}.cell{all:unset;aspect-ratio:1 / 1;min-height:0;min-width:0;padding:1px;background-clip:content-box;background-color:var(--cell);position:relative;cursor:default;transition:background-color .22s var(--ease)}.cell.frost{background-color:var(--frost)}.cell.ridge{background-color:var(--ridge)}.cell.warm{background-color:#3a2f1c}.cell.threat:not(.frost):not(.ridge){background-color:var(--threat)}.cell.hearth:after{content:"";position:absolute;inset:15%;border-radius:50%;background:currentColor;box-shadow:0 0 8px 1px currentColor}.cell.hearth.s0{color:var(--p0)}.cell.hearth.s1{color:var(--p1)}.cell.hearth.s2{color:var(--p2)}.cell.hearth.s3{color:var(--p3)}.cell.hearth.worn:after{background:transparent;box-shadow:inset 0 0 0 2px currentColor}.cell.hearth.dark:after{background:#2a3a49;box-shadow:none;opacity:.7}.board.picking .cell.legal{cursor:pointer}.cell.legal:before{content:"";position:absolute;inset:2px;border:1.5px dashed var(--frost);border-radius:4px;opacity:.75}.cell.pop{animation:pop .34s var(--ease)}.cell.melt{animation:melt .4s var(--ease)}@keyframes pop{0%{transform:scale(.55)}to{transform:scale(1)}}@keyframes melt{0%{background-color:var(--thaw)}}.fx-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.mote{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--frost);margin:-2.5px 0 0 -2.5px;animation:mote var(--ms, .6s) var(--ease) forwards}@keyframes mote{0%{transform:translate(0) scale(1);opacity:.95}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.fx-shake{animation:shakeit .32s ease-in-out}@keyframes shakeit{0%,to{transform:translate(0)}20%{transform:translate(calc(var(--shake) * -1),var(--shake))}45%{transform:translate(var(--shake),calc(var(--shake) * -.6))}70%{transform:translate(calc(var(--shake) * -.5))}}.fx-flash{outline:2px solid var(--frost);outline-offset:2px}.tray{flex:none;display:flex;flex-direction:column;gap:8px;padding-bottom:env(safe-area-inset-bottom)}.tray-hint{margin:0;text-align:center;font-size:.85rem;color:var(--ink-dim);min-height:1.2em}.hand{display:flex;gap:8px;justify-content:safe center}.card{font:inherit;color:var(--ink);flex:1 1 0;max-width:108px;min-width:0;aspect-ratio:3 / 4;max-height:132px;border-radius:12px;border:1px solid var(--line);background:var(--bg-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;touch-action:none;user-select:none;-webkit-user-drag:none;transition:transform .15s var(--ease),border-color .15s,background .15s}.card-glyph{font-size:1.7rem;line-height:1}.card-name{font-size:.76rem;color:var(--ink-dim)}.card.is-selected{border-color:var(--frost);background:#1b3a4f;transform:translateY(-6px)}.card.is-dragging{opacity:.3}.card-ghost{position:fixed;left:0;top:0;z-index:60;width:68px;height:88px;pointer-events:none;opacity:.9;border-color:var(--frost)}.card.k-veer .card-glyph{color:var(--frost)}.card.k-ridge .card-glyph{color:var(--ridge)}.card.k-thaw .card-glyph{color:var(--thaw)}.card.k-ember .card-glyph{color:var(--frost-deep)}.cards-help .k-veer .card-glyph{color:var(--frost)}.cards-help .k-ridge .card-glyph{color:var(--ridge)}.cards-help .k-thaw .card-glyph{color:var(--thaw)}.cards-help .k-ember .card-glyph{color:var(--frost-deep)}.veer-pad{display:flex;gap:8px}.veer-btn{flex:1;font-weight:650;font-size:1rem}.countdown{position:absolute;inset:0;z-index:50;pointer-events:none;display:grid;place-items:center;font-size:clamp(3.5rem,22vw,7rem);font-weight:800;color:var(--frost);text-shadow:0 4px 30px rgba(10,22,34,.9)}.countdown.go{font-size:clamp(2.2rem,13vw,4rem);letter-spacing:.1em}.countdown.beat{animation:beat .45s var(--ease)}@keyframes beat{0%{transform:scale(1.5);opacity:0}40%{opacity:1}to{transform:scale(1);opacity:.9}}.modal{position:fixed;inset:0;z-index:70;background:#060e16d1;display:grid;place-items:center;padding:18px}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px}.modal-card.scrolly{max-height:80vh;overflow-y:auto}.res-head{text-align:center}.res-title{margin:0;font-size:1.5rem}.res-sub{margin:4px 0 0;color:var(--ink-dim)}.res-meta{margin:4px 0 0;font-size:.78rem;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em}.res-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.res-row{display:flex;gap:10px;align-items:flex-start;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.res-row.is-self{border-color:var(--frost-deep)}.res-row.won{background:#17364b}.res-place{font-weight:800;color:var(--ink-dim);min-width:2.4em}.res-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.res-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--ink)}.res-glyph{color:currentColor}.res-name small{color:var(--ink-dim)}.res-tally{font-style:normal;font-size:.7rem;background:var(--line);color:var(--ink-dim);padding:1px 6px;border-radius:6px}.res-stats{display:flex;gap:10px;flex-wrap:wrap;font-size:.8rem;color:var(--ink-dim)}.res-spent{font-size:.76rem;color:var(--ink-dim)}.res-aim{display:flex;flex-direction:column;gap:2px;margin-top:2px}.res-aim small{font-size:.7rem;color:var(--ink-dim)}.aim-bar{display:block;height:4px;border-radius:2px;background:var(--line);overflow:hidden}.aim-bar i{display:block;height:100%;background:var(--frost-deep)}.res-bench{margin:0;font-size:.85rem;color:var(--frost-deep);text-align:center}.res-waiting{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:.85rem;color:var(--ink-dim)}.res-actions{display:flex;flex-direction:column;gap:8px}@media(min-width:560px){.menu-actions,.lobby-actions,.res-actions{flex-direction:row;flex-wrap:wrap}.menu-actions .lobby-btn,.lobby-actions .lobby-btn,.res-actions .lobby-btn{flex:1 1 160px;width:auto}.modes{flex-direction:row}.mode{flex:1 1 0}}