:root{color-scheme:dark;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--surface: #0a0f15;--surface-raised: #111923;--surface-2: #172230;--surface-3: #1f2c3d;--surface-sunken: #070b10;--text: #eef3f9;--muted: #93a4ba;--faint: #64748b;--border: #253244;--border-strong: #35465c;--accent: #2dd4bf;--accent-strong: #14b8a6;--accent-ink: #04231f;--accent-soft: rgba(45, 212, 191, .14);--gold: #f2b73c;--gold-soft: rgba(242, 183, 60, .14);--success: #34d399;--success-soft: rgba(52, 211, 153, .14);--danger: #f43f5e;--danger-soft: rgba(244, 63, 94, .14);--info: #56a8ff;--info-soft: rgba(86, 168, 255, .14);--radius-sm: 9px;--radius: 13px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 18px 40px -24px rgba(0, 0, 0, .85);--shadow-lg: 0 30px 70px -30px rgba(0, 0, 0, .95);--ring: 0 0 0 3px rgba(45, 212, 191, .35);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font-sans);color:var(--text);line-height:1.45;background:radial-gradient(1100px 620px at 50% -12%,rgba(45,212,191,.1),transparent 62%),radial-gradient(820px 520px at 108% -4%,rgba(242,183,60,.07),transparent 58%),radial-gradient(900px 700px at -10% 110%,rgba(86,168,255,.06),transparent 60%),var(--surface);background-attachment:fixed}h1,h2,h3{font-family:var(--font-display);line-height:1.2}::selection{background:var(--accent-soft);color:var(--text)}#app{max-width:1040px;margin:0 auto;padding:var(--space-4)}a{color:var(--accent)}button{font:inherit;font-weight:600;font-size:.9rem;color:var(--text);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .9rem;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform 80ms ease,box-shadow .14s ease}button:hover{background:#26344a;border-color:var(--border-strong)}button:active{transform:translateY(1px)}button:focus-visible{outline:none;box-shadow:var(--ring)}input{font:inherit;color:var(--text);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .7rem;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input::placeholder{color:var(--faint)}input:hover{border-color:var(--border-strong)}input:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}label.field{display:flex;flex-direction:column;gap:.25rem;min-width:0}.field-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.join-screen{position:relative;display:flex;flex-direction:column;gap:var(--space-3);max-width:26rem;margin:clamp(2rem,12vh,6rem) auto 0;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-raised),var(--surface));box-shadow:var(--shadow-lg)}.brand{display:flex;align-items:center;gap:.8rem}.brand h1{margin:0;font-size:1.9rem;letter-spacing:-.02em}.brand-mark{position:relative;width:2.6rem;height:2.6rem;flex:0 0 auto;border-radius:50%;background:conic-gradient(from 0deg,#f43f5e 0 25%,#f8fafc 0 50%,#2563eb 0 75%,#f8fafc 0 100%);box-shadow:inset 0 0 0 4px #0a0f15d9,inset 0 0 0 6px #ffffff8c,0 8px 18px -8px #000000e6}.brand-mark:after{content:"";position:absolute;inset:0;margin:auto;width:.85rem;height:.85rem;border-radius:50%;background:var(--surface);box-shadow:inset 0 1px 2px #000c}.join-tagline{margin:-.35rem 0 .4rem;color:var(--muted);font-size:.9rem}.join-screen input{padding:.7rem .85rem;font-size:1rem}.join-screen button{padding:.8rem 1rem;font-size:1rem;border:0;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:var(--accent-ink);box-shadow:0 10px 24px -14px #2dd4bfe6}.join-screen button:hover{background:linear-gradient(180deg,#3ee0ca,var(--accent-strong))}.join-screen .join-join{background:var(--surface-3);color:var(--text);border:1px solid var(--border-strong);box-shadow:none}.join-screen .join-join:hover{background:#26344a}.join-message{min-height:1.2em;margin:0;color:#fda4af;font-size:.88rem}.table-screen{display:flex;flex-direction:column;gap:var(--space-3)}.connecting{margin:3rem auto;color:var(--muted);text-align:center}.connection-banner{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-raised);font-size:.8rem;color:var(--muted)}.connection-banner:before{content:"";width:.5rem;height:.5rem;flex:0 0 auto;border-radius:50%;background:var(--faint)}.connection-banner[data-status=open]:before{background:var(--success);box-shadow:0 0 0 3px #34d39938}.connection-banner[data-status=connecting]:before,.connection-banner[data-status=reconnecting]:before{background:var(--gold);box-shadow:0 0 0 3px #f2b73c38;animation:pulse 1.4s ease-in-out infinite}.connection-banner[data-status=closed]:before{background:var(--danger);box-shadow:0 0 0 3px #f43f5e38}.banner-error{margin-left:auto;color:#fda4af}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.room-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.6rem .85rem;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface-raised),var(--surface-2))}.room-code{display:flex;flex-direction:column;gap:.05rem}.room-code-label{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.room-code-value{font-family:var(--font-mono);font-size:1.2rem;font-weight:700;letter-spacing:.18em;color:var(--gold)}.leave-room{background:transparent;border-color:var(--border);color:var(--muted);font-size:.82rem}.leave-room:hover{color:#fda4af;border-color:#f43f5e66;background:var(--danger-soft)}.players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.player-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.7rem .9rem;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface-raised),var(--surface-2));box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color .16s ease,transform .16s ease}.player-row[data-you=true]{border-color:#2dd4bf8c}.player-row[data-actor=true]{border-color:#f2b73cb3;box-shadow:inset 3px 0 0 var(--gold),var(--shadow)}.player-row[data-status=folded]{opacity:.5}.player-row[data-status=all-in] .player-stack{color:var(--gold)}.player-avatar{width:2.4rem;height:2.4rem;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:1rem;color:hsl(var(--hue, 170) 85% 80%);background:hsl(var(--hue, 170) 60% 45% / .22);border:1px solid hsl(var(--hue, 170) 60% 50% / .5);box-shadow:inset 0 0 0 2px #0a0f1580}.player-identity{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;min-width:0}.player-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-you,.player-actor{font-size:.66rem;font-weight:700;letter-spacing:.04em;padding:.08rem .42rem;border-radius:var(--radius-pill);text-transform:lowercase}.player-you{background:var(--accent-soft);color:#5eead4}.player-actor{background:var(--gold-soft);color:#fcd34d}.player-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;text-align:right}.player-stack{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.05rem;color:var(--success)}.player-row[data-status=folded] .player-stack{color:var(--muted)}.player-status{font-size:.64rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}.player-row[data-status=active] .player-status{color:var(--success)}.player-row[data-status=all-in] .player-status{color:var(--gold)}.pot-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(120% 160% at 0% 0%,rgba(45,212,191,.13),transparent 62%),var(--surface-raised);box-shadow:var(--shadow-sm)}.pot-main{display:flex;align-items:baseline;gap:.5rem}.pot-label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.pot-total{font-family:var(--font-mono);font-size:1.7rem;font-weight:800;line-height:1;color:var(--gold)}.street{padding:.28rem .75rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-3);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:capitalize;color:var(--text)}.presence{display:flex;flex-direction:column;gap:.4rem}.presence h2{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.presence-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.presence-entry{display:inline-flex;align-items:center;gap:.4rem;padding:.24rem .65rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-raised);font-size:.82rem}.presence-entry:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--success)}.presence-entry[data-connected=false]{opacity:.65}.presence-entry[data-connected=false]:before{background:var(--faint)}.log{list-style:none;margin:0;padding:.7rem .85rem;max-height:11rem;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-sunken);font-size:.88rem;font-family:var(--font-mono);color:var(--muted);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.log-entry+.log-entry{margin-top:.3rem}.log-entry:last-child{color:var(--text)}.action-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;position:sticky;bottom:0;z-index:5;margin:0 -.5rem -1rem;padding:.75rem .5rem calc(.75rem + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent,var(--surface) 35%);backdrop-filter:blur(8px)}.action-bar button{flex:1 1 auto;min-height:2.9rem;padding:.65rem 1rem;font-size:1rem;border:1px solid transparent}.action-fold{background:var(--danger-soft);border-color:#f43f5e59;color:#fda4af}.action-fold:hover{background:#f43f5e38}.action-check,.action-call{background:var(--success-soft);border-color:#34d39959;color:#6ee7b7}.action-check:hover,.action-call:hover{background:#34d39938}.action-bet,.action-raise{background:linear-gradient(180deg,var(--accent),var(--accent-strong));border-color:transparent;color:var(--accent-ink)}.action-bet:hover,.action-raise:hover{background:linear-gradient(180deg,#3ee0ca,var(--accent-strong))}.action-allIn{background:linear-gradient(180deg,#f6c456,#e0a326);border-color:transparent;color:#3a2605}.action-allIn:hover{background:linear-gradient(180deg,#ffd173,#e0a326)}.amount-input{width:6rem;min-height:2.9rem;font-size:1rem;font-variant-numeric:tabular-nums}.host-controls{margin-top:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-raised),var(--surface));box-shadow:var(--shadow-lg);overflow:hidden}.host-controls-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(45,212,191,.1),transparent)}.host-controls-titles{min-width:12rem}.host-controls-titles h2{margin:0;font-size:1.15rem;letter-spacing:-.01em}.host-controls-subtitle{margin:.15rem 0 0;color:var(--muted);font-size:.83rem}.host-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.host-toolbar .admin-export,.host-toolbar .admin-import{background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text);font-size:.83rem}.host-toolbar .admin-export:hover,.host-toolbar .admin-import:hover{background:#26344a}.import-control{display:flex;flex-direction:column;gap:.3rem}.import-message{margin:0;color:#fda4af;font-size:.8rem}.import-message:empty{display:none}.host-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-4)}.admin-panel{display:flex;flex-direction:column;gap:var(--space-3)}.admin-panel>h2{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.admin-message{margin:0;padding:.6rem .8rem;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-sm);background:var(--danger-soft);color:#fda4af;font-size:.85rem}.admin-message:empty{display:none}.admin-section{display:flex;flex-direction:column;gap:.7rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.admin-section-title{margin:0;font-size:.98rem;font-weight:700}.admin-group-label{margin:.35rem 0 -.35rem;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.admin-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem}.admin-empty{margin:0;color:var(--muted);font-size:.85rem}.admin-chips{display:flex;flex-direction:column;gap:.5rem}.admin-chip-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem;padding:.6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken)}.admin-chip-row .field{flex:1 1 4.5rem}.admin-chip-swatch{width:1.35rem;height:1.35rem;flex:0 0 auto;align-self:center;border-radius:50%;background:var(--surface-3);border:2px solid rgba(255,255,255,.25);box-shadow:inset 0 0 0 2px #0a0f1599}.admin-remove-chip{flex:0 0 auto;padding:.5rem .7rem;font-size:.78rem;background:transparent;border-color:#f43f5e4d;color:#fda4af}.admin-remove-chip:hover{background:var(--danger-soft)}.admin-add-chip{align-self:flex-start;background:transparent;border-style:dashed;border-color:var(--border-strong);color:var(--muted);font-size:.82rem}.admin-add-chip:hover{color:var(--text);border-color:var(--accent)}.admin-save-table{align-self:flex-start;min-height:2.6rem;padding-inline:1.4rem;border:0;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:var(--accent-ink)}.admin-save-table:hover{background:linear-gradient(180deg,#3ee0ca,var(--accent-strong))}.admin-players{display:flex;flex-direction:column;gap:.6rem}.admin-player{display:flex;flex-direction:column;gap:.65rem;padding:.75rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-3)}.admin-player-head{display:flex;align-items:center;gap:.55rem}.admin-player-seat{padding:.1rem .45rem;border-radius:var(--radius-pill);background:#00000059;font-size:.68rem;font-weight:700;color:var(--muted)}.admin-player-name{flex:1 1 auto;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-player-stack{font-variant-numeric:tabular-nums;font-weight:800;color:var(--gold)}.admin-player-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem}.admin-player-controls .field{flex:1 1 5rem}.admin-player-controls button{padding:.5rem .7rem;font-size:.78rem}.admin-edit-stack{background:var(--gold-soft);border-color:#f2b73c59;color:#fcd34d}.admin-edit-stack:hover{background:#f2b73c3d}.admin-cash-out{background:var(--info-soft);border-color:#56a8ff59;color:#9ccbff}.admin-cash-out:hover{background:#56a8ff3d}.admin-remove{background:transparent;border-color:#f43f5e4d;color:#fda4af}.admin-remove:hover{background:var(--danger-soft)}.admin-player-reorder{display:flex;gap:.35rem;margin-left:auto}.admin-move-up,.admin-move-down{padding:.5rem .6rem;font-size:.74rem;background:transparent;color:var(--muted)}.admin-move-up:hover,.admin-move-down:hover{color:var(--text)}.admin-seat-entry{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem;padding:.7rem .8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-3)}.admin-seat-name{flex:1 1 auto;font-weight:600}.admin-seat-entry .field{flex:1 1 5rem}.admin-seat{border:0;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:var(--accent-ink)}.admin-seat:hover{background:linear-gradient(180deg,#3ee0ca,var(--accent-strong))}.admin-hand-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.admin-start-hand{border:0;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:var(--accent-ink)}.admin-start-hand:hover{background:linear-gradient(180deg,#3ee0ca,var(--accent-strong))}.admin-advance-street{background:var(--info-soft);border-color:#56a8ff59;color:#9ccbff}.admin-advance-street:hover{background:#56a8ff3d}.admin-end-hand{background:var(--danger-soft);border-color:#f43f5e59;color:#fda4af}.admin-end-hand:hover{background:#f43f5e3d}.admin-undo{background:var(--gold-soft);border-color:#f2b73c59;color:#fcd34d}.admin-undo:hover{background:#f2b73c3d}.admin-award-layer{display:flex;flex-direction:column;gap:.6rem;padding:.75rem;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--gold-soft)}.admin-award-amount{font-variant-numeric:tabular-nums;font-weight:800;color:var(--gold)}.admin-award-choices{display:flex;flex-wrap:wrap;gap:.4rem}.admin-award-choices label{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);font-size:.85rem;cursor:pointer;transition:border-color .14s ease,background .14s ease}.admin-award-choices label:hover{border-color:var(--border-strong)}.admin-award-choices label:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.admin-award-checkbox{appearance:none;width:1.05rem;height:1.05rem;margin:0;display:grid;place-content:center;border:1.5px solid var(--border-strong);border-radius:6px;background:var(--surface-sunken);cursor:pointer}.admin-award-checkbox:checked{background:var(--accent);border-color:var(--accent)}.admin-award-checkbox:checked:after{content:"";width:.28rem;height:.55rem;margin-top:-.12rem;border:solid var(--accent-ink);border-width:0 2px 2px 0;transform:rotate(45deg)}.admin-award{align-self:flex-start;border:0;background:linear-gradient(180deg,#f6c456,#e0a326);color:#3a2605}.admin-award:hover{background:linear-gradient(180deg,#ffd173,#e0a326)}.settlement-screen{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.settlement-screen h2{margin:0;font-size:.98rem}.settlement-block{display:flex;flex-direction:column;gap:.45rem}.settlement-label{margin:0;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.settlement-nets,.settlement-transfers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.settlement-net,.settlement-transfer{padding:.5rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-3);font-size:.9rem;font-variant-numeric:tabular-nums}.settlement-net[data-sign=positive]{color:#6ee7b7;border-color:#34d39947}.settlement-net[data-sign=negative]{color:#fda4af;border-color:#f43f5e47}.settlement-transfer{color:var(--text);border-left:3px solid var(--accent)}.settlement-empty{margin:0;color:var(--muted);font-size:.85rem}.settlement-note{margin:0;padding:.55rem .75rem;border:1px solid rgba(242,183,60,.3);border-radius:var(--radius-sm);background:var(--gold-soft);color:#fcd34d;font-size:.82rem}@media(min-width:720px){#app{padding:var(--space-5)}.action-bar button{flex:0 1 auto;min-width:6.5rem}}@media(min-width:960px){.host-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}