:root{--felt:#1d6b3a;--felt-edge:#144d29;--bg:#14191f;--surface:#1f2730;--surface-2:#28323d;--text:#e8eef3;--muted:#9aa7b2;--accent:#f2b441;--danger:#e0564b;--ok:#4bc06a;--rolling:#ef8a3c;--radius:12px;--layout-max:1400px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3{margin:0 0 .5rem}button{font:inherit;color:var(--bg);background:var(--accent);cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:var(--surface-2);color:var(--text)}button.link-button{color:var(--accent);background:0 0;padding:.25rem 0;text-decoration:underline}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--surface-2);border-radius:8px;width:100%;padding:.45rem .6rem}small,.muted{color:var(--muted)}code{background:var(--bg);border-radius:4px;padding:.1rem .35rem}.card{background:var(--surface);border-radius:var(--radius);margin:.75rem 0;padding:1rem 1.25rem}.field{flex-direction:column;gap:.3rem;margin:.5rem 0;display:flex}.field label,.field>span{font-size:.9rem;font-weight:600}.field small,.field-help{font-size:.8rem}.field-row{gap:1rem;display:flex}.field-row .field{flex:1}.check{align-items:center;gap:.5rem;margin:.5rem 0 .2rem;font-weight:600;display:flex}.check input{width:auto}.home{max-width:720px;margin:6vh auto;padding:0 1rem 3rem}.home-forms{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}.home-forms form{flex-direction:column;gap:.5rem;display:flex}.name-field{max-width:320px}.conn-note{color:var(--accent);font-size:.9rem}.invite-card .invite-row{gap:.5rem;margin:.75rem 0;display:flex}.room-code{letter-spacing:.12em;color:var(--accent);font-family:ui-monospace,monospace}.button-link{background:var(--accent);color:var(--bg);border-radius:8px;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.settings-fields{border:none;min-width:0;margin:0;padding:0}.settings-fields:disabled input,.settings-fields:disabled select{opacity:.7}.bonus-grid{border-left:2px solid var(--surface-2);grid-template-columns:1fr 1fr;gap:0 1rem;margin-top:.25rem;padding-left:.75rem;display:grid}.bonus-grid .field-help,.bonus-incremental{grid-column:1/-1}.settings-actions{gap:.5rem;margin-top:.75rem;display:flex}.settings-panel summary{cursor:pointer;font-weight:600}.room{max-width:var(--layout-max);margin:0 auto;padding:0 1.25rem 4rem}.room-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.room-info h3{margin:0}.room-info-actions{align-items:center;gap:.75rem;display:flex}.conn-corner{z-index:3;display:flex;position:absolute;top:.6rem;right:.6rem}.room-controls{max-width:720px;margin:0 auto}.table{width:100%;max-width:var(--layout-max);margin:0 auto 1.5rem;position:relative}.table-3d{border-radius:var(--radius);border:1px solid var(--surface-2);background:var(--bg);--table-top-band-h:4.75rem;grid-template-columns:clamp(4.25rem,9%,7.5rem) 1fr clamp(4.25rem,9%,7.5rem);grid-template-rows:var(--table-top-band-h) auto 4.25rem;display:grid;position:relative}.table-3d-viewport{aspect-ratio:16/9;border-radius:calc(var(--radius) - 2px);z-index:1;grid-area:2/2;width:100%;min-width:0;min-height:0;position:relative}.table-3d-viewport--aiming,.table-3d-viewport--aiming .table-canvas{cursor:crosshair}.seat-overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.table-stand{z-index:3;flex-direction:column;align-items:flex-end;gap:.3rem;max-width:13rem;display:flex;position:absolute;bottom:1rem;right:1rem}.table-stand-button{letter-spacing:.02em;padding:.55rem 1.6rem;font-size:1rem;font-weight:700}.table-stand-hint{color:var(--muted,#8a97a5);text-align:right;font-size:.75rem;line-height:1.3}.seat-overlay-anchor{pointer-events:auto;position:absolute}.table-center-overlay{pointer-events:none;z-index:1;position:absolute;inset:0}.table-top-band{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-columns:minmax(4.75rem,.3fr) minmax(0,1fr) minmax(5rem,.5fr);align-items:center;gap:.5rem;width:68%;max-width:68%;height:4.75rem;display:grid;position:absolute;top:0;left:58%;transform:translate(-50%)}.table-top-band-slot{align-items:center;min-width:0;display:flex}.table-top-band-slot--pot{justify-content:flex-end}.table-top-band-slot--roll{justify-content:flex-start}.table-top-band-slot--classic{justify-content:flex-end;padding-right:.35rem}.pot-chip-overlay{--pot-chip-face:#c98a1b;--pot-chip-highlight:#f8d66d;--pot-chip-edge:#8f5c0f;--pot-chip-rim:#ffffff94;width:4.75rem;height:3.55rem;display:block}.classic-pot-overlay .classic-pot-chips{height:3.1rem}.chip-flow-overlay{z-index:20;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.roll-to-beat-overlay{white-space:nowrap;border-radius:calc(var(--radius) - 2px);background:color-mix(in srgb, var(--surface) 72%, transparent);border:1px solid color-mix(in srgb, var(--surface-2) 55%, transparent);min-width:0;color:var(--text);align-items:center;gap:.5rem;padding:.3rem .6rem;line-height:1.2;display:flex}.roll-to-beat-hand{align-items:center;gap:.25rem;font-size:.88rem;font-weight:700;display:flex}.roll-to-beat-count{font-variant-numeric:tabular-nums;font-size:1rem}.roll-to-beat-classic{font-size:1rem;font-style:italic;font-weight:600}.roll-to-beat-rolls{color:var(--muted);font-size:.8rem;font-weight:500}.roll-to-beat-names{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:11rem;font-size:.78rem;overflow:hidden}.roll-to-beat-overlay .die-small{width:1.15rem;height:1.15rem}.classic-pot-overlay{flex-direction:column;justify-content:center;align-items:center;gap:.12rem;min-width:0;line-height:1.1;display:flex}.classic-pot-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;text-align:center;font-size:.58rem}.table-canvas{bottom:0;left:0;right:0;top:calc(-1 * var(--table-top-band-h,0rem));display:block;position:absolute;width:100%!important;height:calc(100% + var(--table-top-band-h,0rem))!important}.table-center{text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:.25rem;display:flex}.table-center-3d{min-width:6rem}.table-3d--stacked{--table-top-band-h:0rem;flex-direction:column;gap:.6rem;padding:.6rem;display:flex}.table-3d--stacked .table-stand{flex-direction:row;justify-content:flex-end;align-items:center;gap:.6rem;max-width:none;position:static}.seat-strip{flex-direction:column;gap:.45rem;display:flex}.table-3d .seat-strip .seat{width:100%;max-width:none;font-size:.85rem}.table-room-id{letter-spacing:.15em;color:#ffffffd9;font-family:ui-monospace,monospace;font-size:1.3rem}.table-phase{color:#ffffff8c;font-size:.85rem}.seat-anchor{left:var(--x);top:var(--y);position:absolute;transform:translate(-50%,-50%)}.seat{background:color-mix(in srgb, var(--surface) 86%, transparent);border-radius:8px;align-items:center;gap:.45rem;width:auto;max-width:190px;padding:.26rem .55rem;font-size:.85rem;display:flex}.seat-empty{border:1px dashed var(--surface-2);opacity:.55;justify-content:center;min-width:110px}.seat-number{color:var(--muted);font-size:.7rem}.seat-empty-label{color:var(--muted)}.seat-name{white-space:nowrap;min-width:0;font-size:1em;font-weight:600}.seat-name--sm{font-size:.88em}.seat-name--xs{font-size:.78em}.seat-name--xxs{font-size:.69em}.seat-chips{color:var(--accent);font-variant-numeric:tabular-nums;align-items:center;gap:.28rem;margin-left:auto;font-size:.96em;font-weight:600;display:flex}.seat-chip-icon{flex-shrink:0;width:.9em;height:.9em}.seat--to-beat{background:color-mix(in srgb, var(--ok) 26%, var(--surface))}.seat--rolling{background:color-mix(in srgb, var(--rolling) 30%, var(--surface));animation:1.4s ease-in-out infinite seat-tint-pulse}.seat--out{background:color-mix(in srgb, var(--danger) 22%, var(--surface))}@keyframes seat-tint-pulse{0%,to{background:color-mix(in srgb, var(--rolling) 34%, var(--surface))}50%{background:color-mix(in srgb, var(--rolling) 12%, var(--surface))}}.seat--me .seat-name{border-bottom:2px solid var(--accent);padding-bottom:1px}.seat--winner{box-shadow:0 0 0 2px var(--accent), 0 0 18px #f2b4418c}.seat--offline{opacity:.5}.conn-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.conn-on{background:var(--ok)}.conn-off{background:var(--danger)}.badge{border-radius:4px;padding:0 .3rem;font-size:.7rem}.badge-host{color:var(--accent)}.badge-banned{background:var(--danger);color:var(--text);margin-left:.4rem}.kick-button{color:var(--danger);background:0 0;padding:0;font-size:.75rem;text-decoration:underline}.start-area{align-items:center;gap:.75rem;margin:.75rem 0;display:flex}.start-button{padding:.6rem 1.6rem;font-size:1.05rem}.request-list,.spectator-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.request-list li,.spectator-list li{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.spectator-list li{justify-content:flex-start}.request-actions{gap:.5rem;display:flex}.seat-request{max-width:360px}.conn-status{color:var(--muted);margin:0;font-size:.85rem}.conn-status[data-connection=open]{color:var(--ok)}.snapshot-debug-wrap{margin-top:1rem}.snapshot-debug-wrap summary{cursor:pointer;color:var(--muted);margin-bottom:.5rem;font-size:.85rem}.snapshot-debug{background:var(--surface);color:var(--muted);border-radius:8px;padding:1rem;font-size:.8rem;overflow-x:auto}.conn-banner{z-index:110;background:var(--danger);color:#fff;justify-content:center;align-items:center;gap:.55rem;padding:.45rem 1rem;font-size:.9rem;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #00000073}.conn-banner[data-connection=connecting]{background:var(--surface-2);color:var(--text)}.conn-banner-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.9s linear infinite conn-spin}@keyframes conn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.conn-banner-spinner{animation:none}}.toasts{z-index:100;flex-direction:column;gap:.5rem;max-width:320px;display:flex;position:fixed;top:1rem;right:1rem}.toast{background:var(--surface-2);border-left:4px solid var(--accent);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .8rem;font-size:.9rem;display:flex;box-shadow:0 4px 16px #0006}.toast-error{border-left-color:var(--danger)}.toast-close{color:var(--muted);background:0 0;padding:0;font-size:1.1rem;line-height:1}.game-area{max-width:720px;margin:0 auto 1rem}.game-hud{margin:0 0 1rem}.hud-row{background:var(--surface);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.75rem 1.25rem;display:flex}.hud-cell{flex-direction:column;gap:.2rem;display:flex}.hud-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.7rem}.hud-value{font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:700}.hud-pot-display,.hud-audio-controls{align-items:center;gap:.5rem;display:flex}.hud-audio-mute{cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1}.hud-audio-volume{width:90px;accent-color:var(--ok)}.hud-audio-volume:disabled{opacity:.4}.chip-stack{width:26px;height:20px;display:inline-block;position:relative}.chip{background:radial-gradient(circle at 35% 35%,#f6c95c,#c98a1b);border:2px dashed #ffffff8c;border-radius:50%;width:22px;height:22px;position:absolute;left:0;box-shadow:0 1px 2px #00000080}.chip:first-child{top:8px}.chip:nth-child(2){top:4px}.chip:nth-child(3){top:0}.subround-banner{border-radius:var(--radius);background:linear-gradient(90deg,#5a3a86,#7a4ab0);margin-bottom:.75rem;padding:.6rem 1rem;font-size:.95rem}.die{background:0 0;border:2px solid #0000;border-radius:12px;width:56px;height:56px;padding:0;line-height:0;transition:transform .15s,border-color .15s;display:inline-block}button.die{cursor:pointer}button.die:hover{transform:translateY(-3px)}.die-small{border-width:1px;border-radius:6px;width:26px;height:26px}.die-face{fill:#f4f1e8;stroke:#c9c2af;stroke-width:2px}.die-pip{fill:#232323}.die-selected{border-color:var(--accent);border-style:dashed;transform:translateY(-4px)}.die-locked{border-color:var(--accent);transform:translateY(-4px)}.die-locked .die-face{fill:#ffe9bd;stroke:var(--accent)}.die-facedown .die-face{fill:#2c3742;stroke:#1d242c}.dice-placeholder{margin:1rem 0}.turn-area{background:var(--surface);border-radius:var(--radius);text-align:center;padding:1rem 1.25rem 1.25rem}.turn-header{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.turn-title{margin:0}.turn-rolls{font-variant-numeric:tabular-nums}.turn-controls{justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.turn-controls button{min-width:120px;padding:.6rem 1.2rem;font-size:1rem}.keep-hint{margin-top:.6rem;display:block}.turn-area-empty,.turn-queue{text-align:center}.modal-backdrop{z-index:90;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);text-align:center;width:100%;max-width:420px;padding:1.5rem 2rem;box-shadow:0 12px 48px #0009}.round-end-title{color:var(--accent)}.pot-slide{height:28px;margin-bottom:.5rem;position:relative;overflow:hidden}.pot-slide .chip-stack{animation:1.1s ease-in-out both pot-slide;position:absolute;top:2px}@keyframes pot-slide{0%{opacity:0;left:10%}20%{opacity:1}to{opacity:1;left:calc(90% - 26px)}}.round-end-scores{text-align:left;flex-direction:column;gap:.4rem;margin:.75rem 0;padding:0;list-style:none;display:flex}.round-end-scores li{background:var(--surface-2);border-radius:8px;justify-content:space-between;gap:1rem;padding:.35rem .6rem;display:flex}.round-end-winner{outline:1px solid var(--accent)}.round-end-winner .round-end-name{color:var(--accent);font-weight:700}.round-end-hand{color:var(--muted)}.bonus-banner{z-index:95;background:linear-gradient(90deg,#2c6e49,#3da164);border-radius:999px;align-items:center;gap:.6rem;padding:.6rem 1.4rem;animation:.35s cubic-bezier(.2,1.4,.4,1) both bonus-in;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000080}.bonus-big{background:linear-gradient(90deg,#9a6b15,#d99a23)}@keyframes bonus-in{0%{transform:translate(-50%,-150%)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.bonus-banner{animation:none}.pot-slide .chip-stack{animation:none;left:calc(90% - 26px)}}.chat-toggle{z-index:80;background:var(--surface-2);color:var(--text);border-radius:999px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 4px 16px #0006}.chat-unread{background:var(--danger);color:var(--text);font-variant-numeric:tabular-nums;border-radius:999px;padding:.05rem .45rem;font-size:.75rem;font-weight:700}.chat-panel{z-index:80;background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);flex-direction:column;width:300px;height:420px;max-height:calc(100vh - 2rem);display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 8px 32px #00000080}.chat-header{border-bottom:1px solid var(--surface-2);justify-content:space-between;align-items:center;padding:.5rem .85rem;display:flex}.chat-header h3{margin:0;font-size:.95rem}.chat-collapse{color:var(--muted);background:0 0;padding:0 .2rem;font-size:1.2rem;line-height:1}.chat-list{flex-direction:column;flex:1;gap:.45rem;padding:.6rem .85rem;display:flex;overflow-y:auto}.chat-empty{margin:0;font-size:.85rem}.chat-line{overflow-wrap:anywhere;margin:0;font-size:.88rem}.chat-meta{align-items:baseline;gap:.4rem;display:flex}.chat-name{color:var(--accent);font-weight:600}.chat-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.7rem}.chat-system{color:var(--muted);font-size:.8rem;font-style:italic}.chat-form{border-top:1px solid var(--surface-2);gap:.4rem;padding:.55rem .85rem;display:flex}.chat-form input{flex:1;min-width:0}.chat-form button{padding:.45rem .8rem}@media (width<=1024px){.table-3d .seat{max-width:156px;font-size:.78rem}}@media (width<=820px){.table-3d .seat{max-width:136px;font-size:.72rem}.table-stand{bottom:.6rem;right:.6rem}.table-stand-button{padding:.45rem 1.1rem;font-size:.9rem}}@media (width<=640px){.home-forms{grid-template-columns:1fr}.field-row{flex-direction:column;gap:0}.bonus-grid{grid-template-columns:1fr}.die{width:44px;height:44px}.hud-row{gap:.75rem}.turn-controls button{flex:1;min-width:0}.chat-panel{border-radius:var(--radius) var(--radius) 0 0;width:100%;height:55vh;bottom:0;left:0;right:0}.chat-toggle{bottom:.75rem;right:.75rem}}@media (width<=420px){.room{padding:0 .6rem 4rem}.card,.turn-area{padding:.75rem .85rem}.die{border-radius:9px;width:40px;height:40px}.hud-row{gap:.6rem 1rem;padding:.6rem .85rem}.hud-value{font-size:1.05rem}.turn-controls{gap:.5rem}.toasts{max-width:none;left:1rem}.modal{padding:1.1rem 1.2rem}.seat-request{max-width:none}}.playground{max-width:var(--layout-max);margin:0 auto;padding:1rem 1.25rem 2rem}.playground-bar{flex-direction:column;gap:.75rem;margin-bottom:.5rem;display:flex}.playground-bar-primary{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.playground-title{margin:0;font-size:1.25rem}.playground-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);color:var(--accent);border-radius:4px;padding:.15rem .45rem;font-size:.7rem}.playground-home{margin-left:auto;font-size:.9rem}.playground-controls{flex-wrap:wrap;align-items:flex-end;gap:.5rem .75rem;display:flex}.playground-field{color:var(--muted);flex-direction:column;gap:.2rem;min-width:10rem;font-size:.8rem;display:flex}.playground-field select{width:auto;min-width:12rem}.playground-hint{margin:0 0 1rem;font-size:.85rem}.playground-panel{margin-top:1rem}.playground-dice-edit{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.playground-die-field select{width:4rem;min-width:0}