:root{--vh: 1vh}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;background-color:var(--bg, #0b1220)}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}.control-layer{position:fixed;inset:0;z-index:30;pointer-events:none;touch-action:none}.control-layer>*{pointer-events:auto}.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{--sky: #0b1020;--board: #161d33;--panel: #1e2740;--ink: #0b1020;--text: #e8ecf7;--dim: #9aa6c4;--spark: #ffd76a;--hazec: #ff7b6b;--good: #6ee7a8;--active: #ffd76a;--slot: #7a89b8;--cardback: #6b7ab5;--cardedge: #e8eefb;--radius: 10px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--sky);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.main-content{flex:1 0 auto;padding:16px;max-width:720px;margin:0 auto;width:100%}.site-footer{flex-shrink:0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));text-align:center;font-size:13px;color:var(--dim)}.site-footer a{color:var(--text)}.title{font-size:clamp(38px,12vw,62px);margin:24px 0 4px;text-align:center;letter-spacing:-.02em;background:linear-gradient(100deg,#f2a93b,#ff8ab0 30%,#b79cff 58%,#4cc9e0 84%,#6ed37c);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{text-align:center;color:var(--dim);margin:0 0 22px;font-size:16px}.setup{display:grid;gap:14px}.opt{border:1px solid #2b3555;border-radius:var(--radius);padding:10px 12px 12px;margin:0}.opt legend{color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:0 4px}.opt-blurb{margin:8px 2px 0;color:var(--dim);font-size:13px;line-height:1.45}.segmented{display:flex;flex-wrap:wrap;gap:6px}.segmented+.segmented{margin-top:8px}.seg{flex:1 1 auto;min-width:0;min-height:44px;padding:8px 10px;border-radius:8px;border:1px solid #35406a;background:var(--panel);color:var(--text);font:inherit;font-size:15px;cursor:pointer}.seg.on{background:var(--text);color:var(--ink);border-color:var(--text);font-weight:600}.segmented.small .seg{min-height:36px;font-size:13px}.menu-actions{display:grid;gap:10px;margin:20px 0 12px}.menu-links{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}button.primary,button.secondary{min-height:52px;border-radius:var(--radius);border:0;font:inherit;font-size:17px;font-weight:600;cursor:pointer}button.primary{background:var(--spark);color:var(--ink)}button.secondary{background:var(--panel);color:var(--text);border:1px solid #35406a}button.linkish{min-height:44px;padding:0 12px;background:none;border:0;color:var(--dim);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}button:disabled{opacity:.4;cursor:default}.table-screen{flex:1 1 auto;display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow:hidden;position:relative}.table-screen.shake{animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.quit{flex:0 0 auto;min-height:32px;padding:0 12px;border-radius:8px;border:1px solid #35406a;background:var(--panel);color:var(--dim);font:inherit;font-size:13px;cursor:pointer}.board{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:calc(8px + env(safe-area-inset-top)) 8px 0;background:var(--board)}.plumes{display:grid;grid-template-columns:repeat(var(--plume-count, 5),minmax(0,1fr));gap:5px;flex-shrink:0}.plume{background:var(--panel);border-radius:8px;padding:4px 2px;text-align:center;border:1px solid #2b3555;min-width:0}.plume.capped{opacity:.72;border-style:dashed}.plume-glyph{color:var(--suit);font-size:15px;line-height:1}.plume-height{font-size:21px;font-weight:700;color:var(--suit);line-height:1.1}.ladder{display:flex;justify-content:center;gap:1px}.cen{font-size:9px;line-height:1}.cen-raised{color:var(--suit)}.cen-spare{color:var(--slot)}.cen-last{color:var(--spark)}.cen-lost{color:var(--dim);opacity:.75}.counters{display:flex;align-items:center;gap:12px;padding:6px 2px;font-size:12px;color:var(--dim);flex-shrink:0}.ctr{display:flex;align-items:center;gap:1px}.sparks .pip{color:#38446e;font-size:10px}.sparks .pip.on{color:var(--spark)}.haze .lamp{color:#38446e;font-size:11px}.haze .lamp.out{color:var(--hazec)}.ctr.deck{margin-left:auto}.counters .quit{margin-left:4px}.seats{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 0 4px;display:flex;flex-direction:column;gap:6px}.seatrow{display:flex;align-items:center;gap:6px;padding:4px;border-radius:8px;border:1px solid transparent}.seatrow.active{border-color:var(--active);background:#1a2340}.seatrow.away{opacity:.72}.seatname{flex:0 0 78px;min-height:44px;padding:4px 6px;border-radius:8px;border:1px solid #35406a;background:var(--panel);color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer;overflow:hidden}.seatname-text{display:block;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.seattag{display:block;font-size:10px;color:var(--dim)}.matecards{display:flex;gap:4px;flex:1 1 auto;min-width:0}.matecard{flex:1 1 0;min-width:0;aspect-ratio:3 / 4;max-height:66px;max-width:50px;border-radius:6px;background:var(--suit, var(--cardback));color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:2px solid transparent}.matecard .rank{font-size:18px;font-weight:800;line-height:1}.matecard .glyph{font-size:10px;line-height:1.2}.matecard.unknown{background:var(--cardback);color:var(--cardedge);border-color:var(--cardedge)}.matecard.told-suit{border-left-width:5px;border-left-color:var(--ink)}.matecard.told-rank{border-top-width:5px;border-top-color:var(--ink)}.matecard.chop:after{content:"";position:absolute;inset:auto 0 -3px;height:3px;border-radius:2px;background:var(--dim)}.matecard.flag-play{box-shadow:0 0 0 2px var(--good)}.matecard.flag-save{box-shadow:0 0 0 2px var(--spark)}.matecard.unlit{opacity:.35}.matecard.lit{box-shadow:0 0 0 3px var(--text)}.ticker{margin:0;padding:4px 2px 6px;font-size:13px;color:var(--dim);min-height:20px;flex-shrink:0}.dock{flex-shrink:0;background:var(--panel);border-top:1px solid #2b3555;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.hand{display:grid;grid-template-columns:repeat(var(--slot-count, 5),minmax(0,1fr));gap:6px}.slot{min-width:0;min-height:92px;border-radius:8px;border:2px solid #35406a;background:var(--board);color:var(--text);font:inherit;padding:4px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;touch-action:pan-y}.slot.picked{border-color:var(--text);background:#223055}.slot.told-suit{border-left-width:5px;border-left-color:var(--text)}.slot.told-rank{border-top-width:5px;border-top-color:var(--text)}.slot.chop{box-shadow:inset 0 -3px 0 var(--dim)}.slot.flag-play{border-color:var(--good)}.slot.flag-save{border-color:var(--spark)}.verdict{font-size:9px;font-weight:800;letter-spacing:.06em;min-height:11px;color:var(--dim)}.slot.flag-play .verdict,.slot.v-go .verdict{color:var(--good)}.slot.flag-save .verdict,.slot.v-last .verdict{color:var(--spark)}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:2px}.chip{width:12px;height:13px;font-size:9px;line-height:13px;border-radius:3px;border:1px solid var(--slot);color:transparent}.chip.on{background:var(--suit);border-color:var(--suit);color:var(--ink)}.digits{display:flex;gap:2px}.digit{width:12px;height:14px;font-size:10px;line-height:14px;text-align:center;border-radius:3px;border:1px solid var(--slot);color:var(--slot)}.digit.on{background:var(--text);border-color:var(--text);color:var(--ink);font-weight:700}.watching{color:var(--dim);text-align:center;margin:20px 0}.actionbar{display:flex;align-items:center;gap:6px;margin-top:8px;min-height:52px;flex-wrap:wrap}.barhint{color:var(--dim);font-size:13px;padding:0 4px}.verb{flex:1 1 auto;min-height:48px;min-width:78px;border-radius:8px;border:0;font:inherit;font-size:16px;font-weight:700;cursor:pointer;background:var(--panel);color:var(--text);border:1px solid #35406a}.verb.raise{background:var(--good);color:var(--ink);border-color:var(--good)}.verb.point{background:var(--spark);color:var(--ink);border-color:var(--spark)}.verb.douse{background:#35406a;color:var(--text)}.verb.cancel{flex:0 0 auto;min-width:62px;color:var(--dim)}.picker{display:flex;flex-wrap:wrap;gap:4px;flex:1 1 100%}.pick{flex:1 1 auto;min-width:44px;min-height:44px;border-radius:8px;border:1px solid #35406a;background:var(--board);color:var(--suit, var(--text));font:inherit;font-size:17px;font-weight:700;cursor:pointer}.pick.num{color:var(--text)}.pick.on{background:var(--text);color:var(--ink);border-color:var(--text)}.countwrap{flex:1 0 auto;display:grid;place-items:center}.countdown{display:grid;place-items:center;padding:60px 0}.countdown-n{font-size:76px;font-weight:800;color:var(--spark)}.countdown-n.pop{animation:pop .45s ease-out}@keyframes pop{0%{transform:scale(.5);opacity:.2}to{transform:scale(1);opacity:1}}.panelwrap{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:14px}.backdrop{position:fixed;inset:0;background:#060914c7}.panel{position:relative;background:var(--panel);border:1px solid #35406a;border-radius:14px;max-width:560px;width:100%;max-height:84dvh;overflow-y:auto;padding:16px 16px 22px}.panel-x{position:sticky;top:0;float:right;width:44px;height:44px;border-radius:8px;border:0;background:#2b3555;color:var(--text);font-size:17px;cursor:pointer}.panel h2{margin:4px 0 10px;font-size:22px}.panel h3{margin:18px 0 6px;font-size:15px;color:var(--spark)}.panel p,.panel li{line-height:1.55;font-size:15px;color:#dbe2f2}ul.how,ol.how{padding-left:20px}ul.how li,ol.how li{margin-bottom:7px}.fine{font-size:13px;color:var(--dim)}.results .res-head{font-size:22px;margin:12px 0 4px}.res-score{font-size:15px;color:var(--dim);margin:0 0 8px}.res-score b{font-size:44px;color:var(--text)}.res-bar{height:10px;border-radius:5px;background:#2b3555;overflow:hidden}.res-bar i{display:block;height:100%;background:linear-gradient(90deg,#f2a93b,#6ed37c)}.results h3{font-size:15px;color:var(--spark);margin:20px 0 8px}ul.missed{list-style:none;padding:0;margin:0}ul.missed li{padding:5px 0;font-size:15px;border-bottom:1px solid #2b3555}.chip-sm{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:4px;background:var(--suit);color:var(--ink);font-size:12px;margin-right:6px;vertical-align:middle}table.crew{width:100%;border-collapse:collapse;font-size:14px}table.crew th{text-align:left;color:var(--dim);font-weight:500;font-size:12px;padding:4px}table.crew td{padding:7px 4px;border-top:1px solid #2b3555}table.crew tr.me td{color:var(--spark);font-weight:600}.you{font-size:11px;color:var(--dim);font-weight:400}.fail{font-size:11px;color:var(--hazec)}.res-actions{display:grid;gap:9px;margin:20px 0 8px}.waiting{color:var(--dim);font-size:14px;text-align:center}.modeslot{margin:8px 0 4px}.modeslot-label{font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}.spinner{width:20px;height:20px;border-radius:50%;border:2px solid #35406a;border-top-color:var(--spark);animation:spin .9s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.lobby-searching{color:var(--dim);font-size:14px;display:flex;align-items:center;gap:8px}.lobby,.room-entry{max-width:560px;margin:0 auto}.lobby h2,.room-entry h2{font-size:22px}.lobby button,.room-entry button,.re-join,.re-create{min-height:48px;border-radius:9px;border:1px solid #35406a;background:var(--panel);color:var(--text);font:inherit;font-size:16px;cursor:pointer}.lobby input,.room-entry input,.re-code{min-height:48px;width:100%;border-radius:9px;border:1px solid #35406a;background:var(--board);color:var(--text);font:inherit;font-size:17px;padding:0 12px}.lobby-code{font-size:30px;font-weight:800;letter-spacing:.16em;color:var(--spark)}.lobby-player{padding:8px 4px;border-bottom:1px solid #2b3555}.lobby-qr{margin-top:10px}.lobby-qr svg{display:block;margin:0 auto;max-width:200px;height:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.table-screen.shake{animation:none}}@media(min-width:760px){.board{padding:14px 16px 0}.table-screen{max-width:860px;margin:0 auto;width:100%;border-left:1px solid #222b48;border-right:1px solid #222b48}.plumes{gap:10px}.plume{padding:8px 4px}.plume-glyph{font-size:20px}.plume-height{font-size:34px}.cen{font-size:13px}.ladder{gap:3px}.counters{font-size:14px;padding:10px 2px}.sparks .pip,.haze .lamp{font-size:14px}.seatname{flex-basis:120px;font-size:15px}.matecard{max-height:96px;max-width:72px}.matecard .rank{font-size:26px}.matecard .glyph{font-size:13px}.ticker{font-size:15px}.slot{min-height:116px}.chip{width:16px;height:17px;line-height:17px;font-size:11px}.digit{width:17px;height:18px;line-height:18px;font-size:12px}.verdict{font-size:11px}.dock{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}}@media(max-height:560px){.plume{padding:2px}.plume-glyph{font-size:12px}.plume-height{font-size:17px}.cen{font-size:8px}.counters{padding:2px;font-size:11px}.quit{min-height:28px}.seatname{min-height:38px;flex-basis:84px;font-size:12px}.matecard{max-height:44px;max-width:33px}.matecard .rank{font-size:15px}.matecard .glyph{font-size:9px}.ticker{font-size:11px;min-height:14px;padding:2px 2px 3px}.dock{padding:5px 8px calc(5px + env(safe-area-inset-bottom))}.slot{min-height:70px}.chip{width:11px;height:11px;line-height:11px;font-size:8px}.digit{width:11px;height:12px;line-height:12px;font-size:9px}.verdict{font-size:8px;min-height:9px}.actionbar{min-height:44px;margin-top:5px}.verb{min-height:44px;font-size:15px}.pick{min-height:44px}}