:root{--bg:#0d1210;--panel:#161d1a;--panel-2:#1e2723;--line:#2c3833;--text:#ecf1ee;--muted:#94a39c;--accent:#f2c94c;--accent-ink:#2b2100;--danger:#e2685b;--high:#f08a4b;--low:#4fb3e8;--swing:#b98cf0;--felt-1:#1f7a4f;--felt-2:#0e4a2f;--rim:#5b3a1d;--rim-2:#8a5a2b;--radius:12px;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(ellipse at top, #18231e, var(--bg) 60%);min-height:100vh;margin:0}h1,h2,p{margin:0}button{font:inherit;color:inherit}.btn{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:10px;padding:10px 18px;font-weight:600;transition:transform 80ms,background .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:#ffd866;border-color:#ffd866}.btn-danger{color:var(--danger)}.btn-ghost{background:0 0}.btn-wide{width:100%}.segmented{gap:6px;display:flex}.seg{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 6px;display:flex}.seg small{color:var(--muted);font-size:11px}.seg.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#2a2a17}.seg:disabled{opacity:.4;cursor:not-allowed}.seg-high.on{border-color:var(--high);box-shadow:inset 0 0 0 1px var(--high);background:#33231a}.seg-low.on{border-color:var(--low);box-shadow:inset 0 0 0 1px var(--low);background:#172a35}.seg-swing.on{border-color:var(--swing);box-shadow:inset 0 0 0 1px var(--swing);background:#271e35}.fine-print{color:var(--muted);font-size:12px}.start{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.start-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:16px;width:min(440px,100%);padding:28px;display:flex;box-shadow:0 20px 60px #00000073}.start-card h1,.topbar h1{letter-spacing:.5px;font-family:Georgia,Times New Roman,serif}.start-card h1{text-align:center;font-size:34px}h1 span{color:var(--accent)}.start-tag{text-align:center;color:var(--muted);margin-top:-8px}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:13px;font-weight:600}.field input{background:var(--panel-2);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:10px;padding:10px 12px}.field input:focus{outline:2px solid var(--accent);outline-offset:-1px}.app{flex-direction:column;max-width:1680px;height:100vh;margin:0 auto;padding:10px 16px 12px;display:flex}.topbar{align-items:center;gap:16px;margin-bottom:10px;display:flex}.topbar h1{font-size:22px}.topbar-info{color:var(--muted);font-size:14px}.topbar-actions{gap:8px;margin-left:auto;display:flex}.layout{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 270px;gap:16px;min-height:0;display:grid}.play{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex}.player-panel{flex:none}.table-wrap{--seat-inset-x:140px;--seat-inset-y:95px;flex:1;min-height:430px;position:relative}.table-rim{background:linear-gradient(160deg, var(--rim-2), var(--rim));border-radius:999px;padding:14px;position:absolute;inset:80px 8% 70px;box-shadow:0 25px 60px #0000008c,inset 0 2px #ffffff26}.table-felt{background:radial-gradient(ellipse at center, var(--felt-1), var(--felt-2) 75%);border-radius:999px;place-items:center;width:100%;height:100%;display:grid;position:relative;box-shadow:inset 0 0 40px #00000080}.table-center{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.pot{color:#d8e8de;background:#00000059;border-radius:999px;padding:8px 24px;font-size:19px}.pot strong{color:var(--accent);margin-left:8px;font-size:28px}.phase-label{text-transform:uppercase;letter-spacing:1.5px;color:#bfe0cc;font-size:16px;font-weight:600}.targets{color:#fff9;gap:16px;font-size:15px;display:flex}.seat{left:calc(50% + var(--cos) * (50% - var(--seat-inset-x)));top:calc(50% + var(--sin) * (50% - var(--seat-inset-y)));border:1px solid var(--line);border-radius:var(--radius);z-index:2;background:#0a0e0ce6;flex-direction:column;align-items:center;gap:7px;min-width:170px;padding:9px 12px 10px;transition:opacity .2s,box-shadow .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.seat[data-row=top]{top:4px;transform:translate(-50%)}.seat[data-row=bottom]{top:auto;bottom:4px;transform:translate(-50%)}.seat.acting{border-color:var(--accent);box-shadow:0 0 0 2px #f2c94c59,0 0 22px #f2c94c59}.seat.out{opacity:.45}.seat-you{min-width:180px}.seat-head{align-items:center;gap:8px;width:100%;display:flex}.seat-name{font-size:18px;font-weight:700}.seat-chips{color:var(--accent);margin-left:auto;font-size:18px;font-weight:700}.seat-chips:before{content:"";background:var(--accent);vertical-align:-1px;border:2px dashed #8a6b10;border-radius:50%;width:12px;height:12px;margin-right:4px;display:inline-block}.dealer-btn{color:#111;background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:grid}.seat-cards{justify-content:center;gap:5px;display:flex}.seat .card-sm{border-radius:6px;width:44px;height:62px}.seat .card-sm .card-value{font-size:26px}.seat .op-row-sm .op-tile{width:26px;height:26px;font-size:17px}.seat-status{color:var(--muted);font-size:15px}.seat-bet{background:var(--accent);color:var(--accent-ink);border:2px dashed #8a6b10;border-radius:999px;place-items:center;min-width:32px;height:32px;padding:0 6px;font-size:15px;font-weight:800;display:grid;position:absolute;top:-14px;right:-12px}.seat-won{color:#04220f;background:#3ecf7a;border-radius:999px;padding:3px 10px;font-size:16px;font-weight:800;animation:.35s ease-out pop;position:absolute;top:-12px;left:-10px}.seat-declared{flex-direction:column;align-items:center;gap:3px;display:flex}.seat-eq{white-space:nowrap;font-family:Consolas,Courier New,monospace;font-size:15px}.token{text-transform:uppercase;letter-spacing:1px;color:#111;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800}.token-high{background:var(--high)}.token-low{background:var(--low)}.token-swing{background:var(--swing)}.results{border:1px solid var(--accent);border-radius:var(--radius);text-align:center;z-index:3;background:#080c0aeb;flex-direction:column;align-items:center;gap:8px;max-width:min(420px,70%);padding:14px 16px;font-size:16px;animation:.3s ease-out pop;display:flex;position:absolute;inset:auto}.results-payouts{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.results-payouts b{color:#3ecf7a}.card{-webkit-user-select:none;user-select:none;border:1px solid #00000059;border-radius:7px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;animation:.3s ease-out deal;display:flex;position:relative;box-shadow:0 2px 6px #00000073}.card-md{width:64px;height:90px}.card-sm{border-radius:5px;width:32px;height:45px}.card-value{font-size:34px;font-weight:700;line-height:1}.card-sm .card-value{font-size:17px}.card-corner{font-size:12px;font-weight:700;position:absolute;top:3px;left:6px}.card-suit{text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-top:4px;font-family:Segoe UI,system-ui,sans-serif;font-size:9px}.card-sm .card-corner,.card-sm .card-suit{display:none}.card-tag{text-transform:uppercase;color:#fff;background:#111;border:1px solid #555;border-radius:999px;padding:1px 6px;font-family:Segoe UI,system-ui,sans-serif;font-size:9px;font-weight:800;position:absolute;bottom:-8px}.card-badges{gap:2px;display:flex;position:absolute;top:3px;right:3px}.card-badges i{color:#111;border-radius:50%;place-items:center;width:14px;height:14px;font-family:Segoe UI,system-ui,sans-serif;font-size:9px;font-style:normal;font-weight:800;display:grid}.card-badges .badge-H{background:var(--high)}.card-badges .badge-L{background:var(--low)}.suit-gold{color:#3b2a00;background:linear-gradient(140deg,#fff4b8,#e6b422 45%,#a87b00)}.suit-silver{color:#1f2327;background:linear-gradient(140deg,#fff,#c9cdd2 50%,#8e949b)}.suit-bronze{color:#2b1405;background:linear-gradient(140deg,#f6c99b,#c27c3e 50%,#7a4517)}.suit-black{color:#f3f3f3;background:linear-gradient(140deg,#555,#1f1f1f 55%,#000);border-color:#666}.card-symbol{color:#fff;background:linear-gradient(140deg,#7a6cf0,#3b2bb0 55%,#20166b)}.card-selected{outline:3px solid var(--accent);outline-offset:2px;transform:translateY(-4px);box-shadow:0 0 18px #f2c94c99}.card-back{background:repeating-linear-gradient(45deg,#ffffff14 0 4px,#0000 4px 8px),linear-gradient(140deg,#a8323f,#6e1621);box-shadow:inset 0 0 0 2px #ffffffbf,0 2px 6px #00000073}.card-btn{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0;transition:transform .12s}.card-btn:hover{transform:translateY(-4px)}.card-btn:focus-visible,.op-tile.clickable:focus-visible,.slot.filled:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.op-row{flex-wrap:wrap;gap:6px;display:flex}.op-tile{color:#1b1b1b;-webkit-user-select:none;user-select:none;background:#f4efe4;border:2px solid #d6cdb8;border-radius:9px;place-items:center;width:40px;height:40px;font-size:22px;font-weight:800;display:grid}.op-tile.clickable{cursor:pointer;transition:transform .12s}.op-tile.clickable:hover{transform:translateY(-3px)}.op-tile.used{border-color:var(--accent);box-shadow:0 0 0 2px #f2c94c66}.op-tile.discarded{opacity:.3;text-decoration:line-through}.op-row-sm{gap:3px}.op-row-sm .op-tile{border-width:1px;border-radius:5px;width:20px;height:20px;font-size:13px}.player-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1fr);gap:14px;padding:14px;display:grid}.player-panel h2,.log h2{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin-bottom:10px;font-size:13px}.player-panel h2 small{text-transform:none;letter-spacing:0}.panel-hand{flex-direction:column;gap:14px;display:flex}.hand-cards{flex-wrap:wrap;gap:8px;min-height:98px;display:flex}.panel-builders{flex-direction:column;gap:8px;display:flex}.builder{border:1px solid var(--line);border-left:4px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:10px;padding:8px 10px}.builder-high{border-left-color:var(--high)}.builder-low{border-left-color:var(--low)}.builder.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);border-left-width:4px}.builder-high.active{border-left-color:var(--high)}.builder-low.active{border-left-color:var(--low)}.builder-label{margin-bottom:6px;font-size:12px;font-weight:700}.builder-high .builder-label{color:var(--high)}.builder-low .builder-label{color:var(--low)}.builder-slots{flex-wrap:wrap;align-items:center;gap:6px;padding-left:10px;display:flex}.slot-col{flex-direction:column;align-items:center;gap:3px;display:flex}.slot{background:0 0;border:2px dashed #3d4c45;border-radius:7px;place-items:center;padding:0;display:grid}.slot-num{width:40px;height:52px;position:relative}.slot-op{width:34px;height:34px}.slot.filled{cursor:pointer;border:0}.slot.filled:disabled{cursor:default}.slot-op.filled .op-tile{width:34px;height:34px;font-size:18px}.slot-root{color:#b9adff;z-index:1;font-size:20px;font-weight:800;position:absolute;top:50%;left:-11px;transform:translateY(-50%)}.root-toggle{border:1px solid var(--line);width:28px;height:18px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:0;font-size:11px;font-weight:800}.root-toggle.on{color:#fff;background:#3b2bb0;border-color:#7a6cf0}.root-toggle:disabled{opacity:.3;cursor:default}.builder-result{margin-left:6px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:800}.builder-note{color:var(--muted);margin-top:5px;font-size:12px}.builder-note.error{color:var(--danger)}.panel-controls{flex-direction:column;justify-content:center;display:flex}.waiting{color:var(--muted);text-align:center}.bet-controls,.declare{flex-direction:column;gap:10px;display:flex}.bet-buttons{flex-wrap:wrap;gap:8px;display:flex}.bet-buttons .btn{flex:1}.bet-slider input{width:100%;accent-color:var(--accent)}.presets{gap:6px;display:flex}.chip-btn{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;flex:1;padding:4px 6px;font-size:12px}.chip-btn:hover{border-color:var(--accent)}.declare-title{font-weight:600}.review,.practice-controls{flex-direction:column;gap:10px;min-height:0;display:flex}.review h3{margin:0;font-size:14px;font-weight:700}.best{flex-direction:column;gap:5px;display:flex}.best-title{font-size:14px;font-weight:700}.best-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.best-line .token{text-align:center;min-width:46px}.best-line code{font-family:Consolas,Courier New,monospace;font-size:15px}.best-line small{color:var(--muted);font-size:12px}.best-line small.exact{color:#3ecf7a;font-weight:700}.review-others{border-top:1px solid var(--line);flex-direction:column;gap:10px;max-height:170px;padding-top:8px;padding-right:4px;display:flex;overflow-y:auto}.check{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.check input{width:16px;height:16px;accent-color:var(--accent)}.btn-sub{color:var(--muted);font-size:12px;font-weight:400;display:block}.practice{gap:14px;max-width:1200px;height:auto}.practice-intro{color:var(--muted)}.practice-intro b{color:var(--text)}.log{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;min-height:0;padding:14px;display:flex}.log ol{color:#c6d3cc;flex-direction:column;flex:1;gap:6px;min-height:0;margin:0;padding:0 4px 0 0;font-size:13px;list-style:none;display:flex;overflow-y:auto}.log li:first-child{color:var(--text);font-weight:600}.modal-backdrop{z-index:50;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:14px;width:min(520px,100%);max-height:90vh;padding:22px;animation:.25s ease-out pop;display:flex;overflow-y:auto}.modal h2{font-family:Georgia,Times New Roman,serif;font-size:24px}.modal-actions{gap:10px;display:flex}.modal-actions .btn{flex:1}.rules{color:#d3ddd8;flex-direction:column;gap:10px;font-size:14px;line-height:1.5;display:flex}.rules ol{margin:0;padding-left:20px}.standings{flex-direction:column;gap:4px;margin:0;padding-left:22px;display:flex}.standings b{color:var(--accent);margin-left:6px}@keyframes deal{0%{opacity:0;transform:translateY(-10px)scale(.92)}}@keyframes pop{0%{opacity:0;transform:scale(.9)}}@media (width<=1100px),(height<=720px){.app{height:auto}.table-wrap{flex:none;height:600px}}@media (width<=1100px){.layout{grid-template-rows:auto;grid-template-columns:1fr}.log{height:260px}.player-panel{grid-template-columns:1fr 1fr}.panel-controls{grid-column:1/-1}}@media (width>=1101px) and (height<=720px){.log{height:calc(100vh - 80px);position:sticky;top:10px}}@media (width<=680px){.table-wrap{--seat-inset-x:64px;--seat-inset-y:62px;height:480px;min-height:0}.table-rim{padding:8px;inset:70px 4%}.seat{gap:4px;min-width:0;max-width:128px;padding:5px 6px}.seat-cards{flex-wrap:wrap;gap:3px}.seat .card-sm{width:24px;height:34px}.seat .card-sm .card-value{font-size:14px}.seat .op-row-sm .op-tile{width:16px;height:16px;font-size:11px}.seat-name,.seat-chips{font-size:14px}.seat-status{font-size:12px}.dealer-btn{width:18px;height:18px;font-size:11px}.seat-eq{font-size:10px}.pot{font-size:15px}.pot strong{font-size:20px}.phase-label,.targets{font-size:12px}.results{max-width:none;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 10px 40px #0009}.player-panel{grid-template-columns:1fr}.card-md{width:54px;height:76px}}.home{flex-direction:column;align-items:center;gap:14px;width:min(820px,100%);display:flex}.home-title{font-family:Georgia,Times New Roman,serif;font-size:44px}.home-games{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;width:100%;margin-top:8px;display:grid}.home-game{text-align:left;border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:18px;flex-direction:column;gap:10px;padding:0 0 22px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.home-game:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 16px 40px #00000073}.home-game>:not(.home-art){padding:0 22px}.home-game strong{font-family:Georgia,Times New Roman,serif;font-size:26px}.home-game strong span{color:var(--accent)}.home-game small{color:var(--muted)}.home-art{height:130px;margin-bottom:4px}.home-hilo .home-art{background:radial-gradient(ellipse at center, var(--felt-1), var(--felt-2) 75%);position:relative}.home-hilo .home-art:before{content:"7  ÷  √9  +  10";color:var(--accent);white-space:pre;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:700;display:grid;position:absolute;inset:0}.home-hexagon .home-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='60' viewBox='0 0 52 60'%3E%3Cpolygon points='26,2 50,16 50,44 26,58 2,44 2,16' fill='none' stroke='%23f2c94c' stroke-opacity='.45' stroke-width='2'/%3E%3C/svg%3E") 50%/52px 60px,linear-gradient(160deg,#1d2b3a,#121a24)}.hex-app .topbar h1 span{color:var(--accent)}.hex-layout{flex:1;grid-template-columns:minmax(0,1fr) 340px;gap:16px;min-height:0;display:grid}.hex-stage{border:1px solid var(--line);background:radial-gradient(#1b2633,#10161d 75%);border-radius:18px;place-items:center;min-height:0;padding:12px;display:grid;position:relative}.hex-board{-webkit-user-select:none;user-select:none;width:100%;height:100%;max-height:calc(100vh - 110px)}.hex{fill:#23384a;stroke:#4d6b85;stroke-width:2px;transition:fill .15s}.hex-clickable{cursor:pointer}.hex-clickable:hover{fill:#2e4a62}.hex-selected{fill:#5b4a12;stroke:var(--accent);stroke-width:4px}.hex-good{fill:#1f6b44}.hex-bad{fill:#7a2a24}.hex-line{opacity:.6;pointer-events:none}.hex-label text{text-anchor:middle;dominant-baseline:central;pointer-events:none}.hex-number{fill:#fff;font-family:Georgia,Times New Roman,serif;font-size:40px;font-weight:700}.hex-letter{fill:#d7e4ef;font-size:32px;font-weight:700}.hex-corner{fill:#9fb6c9;font-size:13px;font-weight:700}.hex-overlay{text-align:center;background:#0a0e14e0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.hex-overlay h2{font-family:Georgia,Times New Roman,serif;font-size:34px}.hex-overlay p{color:#c9d6e2;max-width:440px;line-height:1.5}.hex-side{flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.hex-scores{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hex-score{background:var(--panel);border:2px solid;border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;transition:box-shadow .2s;display:flex}.hex-score.buzzed{box-shadow:0 0 22px #f2c94c73}.hex-score-name{font-size:15px;font-weight:700}.hex-score-name small{color:var(--muted);font-weight:400}.hex-score strong{font-size:34px;line-height:1.1}.hex-box,.hex-answer,.hex-found{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:12px 14px;display:flex}.hex-answer{border-width:2px}.hex-box-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:13px;font-weight:700}.hex-big{font-family:Georgia,Times New Roman,serif;font-size:56px;line-height:1}.hex-target .hex-big{color:var(--accent)}.hex-box-sub{color:var(--muted);font-size:14px}.hex-buzzers{gap:10px;display:flex}.buzzer{color:#10161d;cursor:pointer;border:0;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:18px 10px;font-size:20px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:flex;box-shadow:0 6px #00000059}.buzzer:active{transform:translateY(4px);box-shadow:0 2px #00000059}.buzzer small{opacity:.8;font-size:12px;font-weight:600}.hex-entry{gap:8px;display:flex}.hex-entry-slot{border:2px dashed var(--line);border-radius:12px;place-items:center;width:54px;height:54px;font-size:28px;font-weight:800;display:grid}.hex-entry-slot.filled{border:2px solid var(--accent);background:#2a2a17}.hex-answer .modal-actions{width:100%}.hex-feedback{text-align:center;border-radius:12px;padding:10px 14px;font-weight:700;animation:.25s ease-out pop}.hex-feedback.good{color:#7ff0ac;background:#173d29}.hex-feedback.bad{color:#ff9d92;background:#3d1a17}.hex-found{text-align:left;align-items:stretch}.hex-found ul{flex-direction:column;gap:6px;margin:0;padding:0;font-size:16px;font-weight:700;list-style:none;display:flex}.hex-found li small{color:var(--muted);margin-left:8px;font-weight:400}.hex-names{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}@media (width<=900px),(height<=640px){.hex-app{height:auto}.hex-layout{grid-template-columns:1fr}.hex-stage{min-height:360px}.hex-board{max-height:70vh}}.btn-small{padding:4px 10px;font-size:13px}.btn-primary .btn-sub{color:#2b2100bf}.muted{color:var(--muted)}.form-error{color:var(--danger);font-size:13px}.home-online{text-align:left;border:1px solid var(--line);background:linear-gradient(120deg, #1b2a24, var(--panel));cursor:pointer;border-radius:18px;align-items:center;gap:16px;width:100%;margin-top:4px;padding:16px 22px;transition:transform .15s,border-color .15s;display:flex}.home-online:hover{border-color:var(--accent);transform:translateY(-2px)}.home-online>span:first-child{font-size:30px}.home-online strong{color:var(--accent);font-family:Georgia,Times New Roman,serif;font-size:22px;display:block}.home-online small{color:var(--muted)}.online{place-items:start center}.online-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:18px;width:min(760px,100%);padding:24px;display:flex;box-shadow:0 20px 60px #00000073}.online-head{align-items:center;gap:12px;display:flex}.online-head h1{font-family:Georgia,Times New Roman,serif;font-size:30px}.online-section{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:16px;display:flex}.online-section h2{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-size:13px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.segmented.filter .seg{flex:none;padding:5px 12px;font-size:13px}.code-join{gap:8px;display:flex}.code-join input{text-transform:uppercase;letter-spacing:2px;flex:1;min-width:0;font-weight:700}.create-form{flex-direction:column;gap:14px;display:flex}.form-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px;display:grid}.room-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.room-row{border:1px solid var(--line);border-left:4px solid var(--felt-1);background:var(--panel-2);border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.room-row.room-hex{border-left-color:var(--low)}.room-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.room-game{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:11px}.room-name{overflow-wrap:anywhere;font-size:17px}.room-meta{color:var(--muted);font-size:13px}.room-side{grid-template-columns:auto auto;place-items:center end;gap:4px 10px;display:grid}.room-side .btn{grid-column:1/-1;min-width:96px}.room-count{font-weight:700}.room-status{color:var(--muted);font-size:12px}.room-status.status-waiting{color:var(--accent)}.room-hint{color:var(--muted);grid-column:1/-1;font-size:11px}.room-card{width:min(520px,100%)}.room-kicker{text-align:center;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-size:12px}.room-card h1.room-title{overflow-wrap:anywhere;margin-top:-8px;font-size:30px}.room-notice{border:1px solid var(--high);text-align:center;background:#33231a;border-radius:10px;padding:8px 12px}.share{border:1px dashed var(--line);background:var(--panel-2);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px;display:flex}.share-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-size:12px}.share-code{letter-spacing:4px;color:var(--accent);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:34px}.share-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.share-compact .share-code{font-size:24px}.seat-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.seat-row{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.seat-row.me{border-color:var(--accent)}.seat-row.bot,.seat-row.open{opacity:.8}.seat-row-name{flex:1;min-width:0;font-weight:600}.seat-row-name em{color:var(--muted);font-weight:400}.seat-row .btn{margin-left:auto}.hex-dot{border-radius:50%;flex:none;width:12px;height:12px}.pill{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px}.pill-host{color:var(--accent);border-color:#f2c94c80}.pill-away{color:var(--danger);border-color:#e2685b80}.pill-bot{border-style:dashed}.pill-clock{color:var(--text);border-color:var(--accent);font-variant-numeric:tabular-nums}.seat-bot{margin-right:4px;font-size:.85em}.seat-tag{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:-3px;display:flex}.my-clock{border:1px solid var(--accent);color:var(--accent);font-variant-numeric:tabular-nums;background:#2a2a17;border-radius:999px;padding:4px 10px;font-weight:700}.results-next{color:var(--muted);font-size:14px}.conn-banner,.toast{z-index:50;text-align:center;border-radius:10px;max-width:calc(100% - 32px);padding:8px 16px;font-weight:600;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.conn-banner{border:1px solid var(--danger);background:#4a1f1a;top:10px}.toast{border:1px solid var(--danger);background:#4a1f1a;animation:.2s ease-out pop;bottom:18px}.toast-info{background:var(--panel-2);border-color:var(--line);color:var(--muted);z-index:60}.hex-notice{color:var(--muted);text-align:center;font-size:13px}.hex-ready{text-align:center;margin-top:6px}@media (width<=680px){.online-card{padding:16px}.form-row{grid-template-columns:minmax(0,1fr)}.room-row{flex-direction:column;align-items:stretch}.room-side{grid-template-columns:auto 1fr;justify-items:start}.room-side .btn{width:100%}.share-code{font-size:28px}.topbar .my-clock{order:5}}.disclaimer{text-align:center;max-width:640px;color:var(--muted);opacity:.85;margin-top:18px;font-size:12px;line-height:1.5}.online-card .disclaimer{margin:4px auto 0}