:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#110d08;--bg-elevated:#20170f;--panel:#1f170fe0;--panel-solid:#23190f;--panel-soft:#ffffff0e;--text:#fff8e8;--muted:#b7aa91;--line:#ffecc329;--accent:#f2b84b;--accent-strong:#ffcf69;--accent-ink:#2a1800;--danger:#dc5c45;--danger-strong:#ff765b;--success:#62c99c;--table:#2d2115;--shadow:#0000006b;--display:Georgia, "Times New Roman", ui-serif, serif;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=high-roller-casino]{--bg:#07110d;--bg-elevated:#0c2017;--panel:#091f16e6;--panel-solid:#0d2419;--text:#f9f5df;--muted:#a8b7a8;--line:#ecdca02e;--accent:#d9b85c;--accent-strong:#f3d57a;--accent-ink:#1c1808;--danger:#a23a3a;--danger-strong:#d35b51;--success:#4fc38b;--table:#123e2a;--display:"Times New Roman", Georgia, ui-serif, serif}:root[data-theme=cyberpunk-underground]{--bg:#070811;--bg-elevated:#101022;--panel:#0d0e22e6;--panel-solid:#111329;--text:#f0f8ff;--muted:#9fa4bf;--line:#37e5ff38;--accent:#33e2f1;--accent-strong:#8cf7ff;--accent-ink:#00171b;--danger:#e52f8a;--danger-strong:#ff62ae;--success:#62f2b4;--table:#12152d;--display:"Arial Narrow", Impact, ui-sans-serif, sans-serif}:root[data-theme=wild-west-saloon]{--bg:#180b08;--bg-elevated:#32150d;--panel:#35180ee6;--panel-solid:#3a1d12;--text:#fff1d0;--muted:#c3a98e;--line:#ffd99f2e;--accent:#de8e3f;--accent-strong:#ffad57;--accent-ink:#2f1200;--danger:#b94332;--danger-strong:#e7674e;--success:#73b47f;--table:#4b2a17;--display:Rockwell, "Roboto Slab", Georgia, ui-serif, serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 18% 4%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 33rem), radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--danger) 10%, transparent), transparent 30rem), var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 78%, white);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--accent-strong);letter-spacing:.17em;text-transform:uppercase;margin-bottom:.45rem;font-size:.7rem;font-weight:800;display:block}.brand-mark{color:var(--text);font-family:var(--display);letter-spacing:.16em;font-size:1.28rem;font-weight:900}.button{border:1px solid var(--line);background:var(--panel-soft);min-height:46px;color:var(--text);border-radius:10px;padding:.72rem 1rem;font-weight:800;transition:transform .14s,border-color .14s,background .14s}.button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:color-mix(in srgb, var(--accent) 10%, var(--panel-soft));transform:translateY(-1px)}.button:disabled{opacity:.38}.button--primary,.button--start,.button--raise{background:var(--accent);color:var(--accent-ink);border-color:#0000}.button--start{box-shadow:0 9px 30px color-mix(in srgb, var(--accent) 20%, transparent)}.button--full{width:100%}.button--small{min-height:42px}.text-button,.sound-toggle,.room-code{color:var(--muted);background:0 0;border:0;padding:0}.home-shell{min-height:100vh;position:relative;overflow:hidden}.home-shell:before{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);content:"";opacity:.2;pointer-events:none;background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000006b,#0000 88%);mask-image:linear-gradient(#0000006b,#0000 88%)}.ambient{border:1px solid var(--line);opacity:.28;pointer-events:none;border-radius:50%;position:absolute}.ambient--one{width:32rem;height:32rem;top:12%;left:-8rem}.ambient--two{width:41rem;height:41rem;bottom:-8rem;right:-11rem}.home-nav,.game-topbar{z-index:2;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;min-height:76px;padding:0 4vw;display:flex;position:relative}.home-nav__actions,.game-topbar__controls,.game-topbar__brand{align-items:center;gap:1.15rem;display:flex}.rules-drawer{color:var(--muted);position:relative}.rules-drawer summary{cursor:pointer;font-size:.84rem;font-weight:700;list-style:none}.rules-drawer summary::-webkit-details-marker{display:none}.rules-drawer__body{z-index:20;border:1px solid var(--line);background:var(--panel-solid);width:min(360px,100vw - 2rem);box-shadow:0 22px 60px var(--shadow);color:var(--text);border-radius:12px;padding:1rem 1.1rem;font-size:.87rem;position:absolute;top:2rem;right:0}.hero{z-index:1;grid-template-columns:minmax(0,1.12fr) minmax(350px,.68fr);align-items:center;gap:clamp(3rem,8vw,9rem);width:min(1180px,92vw);min-height:calc(100vh - 76px);margin:0 auto;padding:5rem 0;display:grid;position:relative}.hero-copy h1{max-width:760px;font-family:var(--display);letter-spacing:-.055em;margin:0;font-size:clamp(3.4rem,7vw,7.3rem);line-height:.9}.hero-copy h1 em{color:var(--accent);font-style:normal}.hero-copy p{max-width:550px;color:var(--muted);margin:2rem 0 0;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.7}.hero-dice{color:var(--accent-strong);text-shadow:0 15px 38px color-mix(in srgb, var(--accent) 20%, transparent);gap:.8rem;margin-top:2.4rem;font-size:clamp(3rem,6vw,5.5rem);line-height:1;display:flex}.hero-dice span:nth-child(2){transform:translateY(.7rem)rotate(7deg)}.hero-dice span:nth-child(3){transform:rotate(-6deg)}.entry-card{border:1px solid var(--line);background:linear-gradient(150deg, color-mix(in srgb, var(--panel) 95%, white 5%), var(--panel));box-shadow:0 32px 100px var(--shadow);border-radius:22px;padding:clamp(1.4rem,3vw,2rem)}.connection-status{color:var(--muted);align-items:center;gap:.55rem;margin-bottom:1.8rem;font-size:.78rem;font-weight:700;display:flex}.status-dot{background:var(--danger);border-radius:50%;width:8px;height:8px}.status-dot--online{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 12%, transparent)}.entry-card label,.bid-builder label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;gap:.5rem;font-size:.76rem;font-weight:800;display:grid}.entry-card input,.chat-compose input,.bid-builder select,.theme-control select{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 86%, black);width:100%;min-height:50px;color:var(--text);border-radius:10px;padding:0 .9rem}.entry-card>input{margin:.65rem 0 1rem}.join-form{grid-template-columns:1fr auto;gap:.7rem;display:grid}.join-form input{letter-spacing:.2em;text-transform:uppercase}.or-divider{color:var(--muted);text-transform:uppercase;align-items:center;gap:.7rem;margin:1rem 0;font-size:.7rem;display:flex}.or-divider:before,.or-divider:after{background:var(--line);content:"";flex:1;height:1px}.form-message{margin:1rem 0 0;font-size:.84rem}.form-message--error{color:var(--danger-strong)}.game-shell{min-height:100vh;padding-bottom:2rem}.game-topbar{z-index:10;padding-left:2vw;padding-right:2vw;position:sticky;top:0}.room-code{border-left:1px solid var(--line);text-align:left;gap:.1rem;padding-left:1rem;display:grid}.room-code strong{color:var(--text);letter-spacing:.18em;font-size:.92rem}.room-code span{font-size:.65rem}.theme-control{gap:.15rem;display:grid}.theme-control span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.62rem;font-weight:800}.theme-control select{min-height:34px;color:var(--accent-strong);background:0 0;border:0;padding-right:2rem;font-size:.8rem;font-weight:800}.sound-toggle{border:1px solid var(--line);border-radius:9px;align-items:center;gap:.45rem;min-height:42px;padding:0 .8rem;font-size:.78rem;font-weight:800;display:flex}.sound-toggle span{color:var(--accent)}.toast{z-index:30;border:1px solid var(--line);background:var(--panel-solid);max-width:min(520px,100vw - 2rem);box-shadow:0 12px 40px var(--shadow);border-radius:10px;padding:.8rem 1rem;font-size:.84rem;position:fixed;top:88px;left:50%;transform:translate(-50%)}.toast--error{border-color:color-mix(in srgb, var(--danger) 62%, transparent);color:#ffe5df}.lobby-layout,.table-layout{grid-template-columns:minmax(0,1fr) minmax(290px,350px);gap:1.2rem;width:min(1420px,96vw);margin:1.5rem auto 0;display:grid}.lobby-card,.table-surface,.chat-panel{border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 70px var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lobby-card{border-radius:18px;min-height:650px;padding:clamp(1.2rem,3vw,2.2rem)}.lobby-card__intro{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.lobby-card h1,.table-surface h1,.winner-surface h1,.terminated-state h1{font-family:var(--display);margin:0;font-size:clamp(2rem,4vw,4rem);line-height:1}.host-warning{border-left:3px solid var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent);max-width:300px;color:var(--muted);padding:.85rem 1rem;font-size:.8rem;display:grid}.host-warning strong{color:var(--text)}.host-warning span{color:var(--danger-strong);margin-top:.25rem}.lobby-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:2.5rem;display:grid}.lobby-player{border:1px solid var(--line);background:var(--panel-soft);border-radius:12px;align-items:center;gap:.9rem;min-height:82px;padding:.85rem 1rem;display:flex}.lobby-player--open{opacity:.52;border-style:dashed}.avatar-token{background:color-mix(in srgb, var(--accent) 18%, transparent);width:42px;height:42px;color:var(--accent-strong);font-family:var(--display);border-radius:50%;flex:0 0 42px;place-items:center;font-size:1.15rem;font-weight:900;display:grid}.lobby-player>div:nth-child(2){flex:1;gap:.2rem;display:grid}.lobby-player span{color:var(--muted);font-size:.75rem}.lobby-player__actions{align-items:center;gap:.6rem;display:flex}.ready-light{background:var(--muted);border-radius:50%;width:9px;height:9px}.ready-light--on{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 12%, transparent)}.icon-button{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:0 0;border-radius:8px;place-items:center;font-size:1.1rem;display:grid}.lobby-actions{align-items:center;gap:.8rem;margin-top:1.4rem;display:flex}.waiting-copy{color:var(--muted);font-size:.84rem}.chat-panel{border-radius:18px;grid-template-rows:auto minmax(240px,1fr) auto auto;min-height:650px;padding:1rem;display:grid}.panel-heading{justify-content:space-between;align-items:center;padding:.4rem .2rem 1rem;display:flex}.panel-heading h2,.private-tray h2{font-family:var(--display);margin:0;font-size:1.25rem}.unfiltered-label,.privacy-chip{border:1px solid var(--line);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.3rem .5rem;font-size:.62rem;font-weight:800}.chat-log{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 50%, transparent);border-radius:11px;min-height:0;padding:.6rem;overflow-y:auto}.chat-message{border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);color:var(--text);overflow-wrap:anywhere;gap:.2rem;padding:.7rem .65rem;font-size:.8rem;line-height:1.4;display:grid}.chat-message__name{color:var(--accent-strong);text-transform:uppercase;font-size:.68rem;font-weight:900}.chat-message__header{justify-content:space-between;align-items:center;display:flex}.chat-message__header button{color:var(--muted);background:0 0;border:0;padding:0;font-size:.61rem;text-decoration:underline}.chat-message--system{color:var(--muted);font-style:italic}.chat-message--system .chat-message__name{color:var(--muted)}.chat-message--muted{color:var(--muted);font-style:italic}.chat-compose{grid-template-columns:1fr auto;gap:.55rem;margin-top:.7rem;display:grid}.chat-compose input{min-width:0;min-height:42px}.chat-note{color:var(--muted);margin:.55rem 0 0;font-size:.64rem}.table-column{min-width:0}.player-rail{grid-template-columns:repeat(6,minmax(110px,1fr));gap:.55rem;margin-bottom:.7rem;display:grid}.player-badge{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 86%, transparent);border-radius:10px;min-width:0;padding:.7rem .75rem}.player-badge--turn{border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}.player-badge--eliminated{opacity:.48}.player-badge__name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.35rem;font-size:.78rem;font-weight:900;display:flex;overflow:hidden}.player-badge__meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:.64rem;overflow:hidden}.you-tag{background:var(--accent);color:var(--accent-ink);text-transform:uppercase;border-radius:4px;padding:.12rem .3rem;font-size:.52rem}.table-surface{background:linear-gradient(135deg, color-mix(in srgb, var(--table) 88%, black), var(--table));border-radius:20px;min-height:650px;padding:clamp(1rem,2.6vw,2rem)}.round-strip{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;padding-bottom:.75rem;font-size:.72rem;font-weight:800;display:flex}.bid-stage{justify-content:space-between;align-items:center;gap:2rem;min-height:180px;padding:1.4rem 0;display:flex}.bid-stage h1{color:var(--accent-strong)}.bid-stage p,.winner-surface>p{color:var(--muted);margin:.75rem 0 0}.turn-clock{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 40%, transparent);text-align:center;border-radius:16px;flex:0 0 138px;place-content:center;width:138px;height:102px;display:grid}.turn-clock span{max-width:110px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;font-weight:800;overflow:hidden}.turn-clock strong{font-variant-numeric:tabular-nums;margin-top:.2rem;font-size:1.75rem}.turn-clock--urgent{border-color:var(--danger);color:var(--danger-strong);animation:1s ease-in-out infinite urgent-pulse}.private-tray{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 58%, transparent);border-radius:14px;padding:1.1rem}.private-tray__heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.dice-row{flex-wrap:wrap;gap:.55rem;display:flex}.die{aspect-ratio:1;color:#21180e;background:#fff8e9;border:2px solid #1e140c4d;border-radius:12px;place-items:center;width:clamp(48px,5vw,66px);font-family:serif;font-size:clamp(2.5rem,5vw,3.8rem);line-height:1;display:inline-grid;box-shadow:inset 0 -5px #3f260d21,0 9px 20px #0003}.die--matching{border-color:var(--accent);background:color-mix(in srgb, var(--accent-strong) 35%, #fff8e9);box-shadow:inset 0 0 0 3px var(--accent), 0 0 22px color-mix(in srgb, var(--accent) 35%, transparent)}.action-deck{grid-template-columns:minmax(0,1fr) minmax(250px,.75fr);gap:1rem;margin-top:1rem;display:grid}.bid-builder{grid-template-columns:minmax(90px,.6fr) minmax(90px,.6fr) minmax(120px,1fr);align-items:end;gap:.65rem;display:grid}.bid-builder select,.button--raise{min-height:52px}.call-actions{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.call-button{color:#fff;text-align:center;border:1px solid #0000;border-radius:12px;place-content:center;min-height:78px;padding:.7rem;transition:transform .14s,filter .14s;display:grid}.call-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.call-button:disabled{filter:grayscale(.5);opacity:.3}.call-button span{letter-spacing:.06em;text-transform:uppercase;font-size:.58rem;font-weight:700}.call-button strong{font-family:var(--display);letter-spacing:.04em;margin-top:.2rem;font-size:1.1rem}.call-button--farkle{background:var(--danger)}.call-button--spot{background:var(--accent);color:var(--accent-ink)}.result-surface,.winner-surface{text-align:center}.result-message{max-width:720px;color:var(--muted);margin:.9rem auto 1.2rem;font-size:1.02rem}.result-count{border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr 1fr;width:min(420px,100%);margin:1.5rem auto;display:grid;overflow:hidden}.result-count>div{gap:.3rem;padding:1rem;display:grid}.result-count>div+div{border-left:1px solid var(--line)}.result-count span{color:var(--muted);text-transform:uppercase;font-size:.66rem}.result-count strong{color:var(--accent-strong);font-size:1.5rem}.revealed-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1.2rem;display:grid}.revealed-player{border:1px solid var(--line);background:var(--panel-soft);border-radius:12px;padding:.85rem}.revealed-player>strong{margin-bottom:.65rem;display:block}.revealed-player .die{border-radius:9px;width:42px;font-size:2.3rem}.hidden-result{border:1px dashed var(--line);width:min(560px,100%);color:var(--muted);border-radius:12px;margin:2rem auto;padding:1.2rem}.next-round-pulse{color:var(--muted);justify-content:center;align-items:center;gap:.55rem;margin-top:1.5rem;font-size:.75rem;display:flex}.next-round-pulse span{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite next-pulse}.winner-crown{color:var(--accent);margin:1.5rem 0 .7rem;font-size:4rem}.standings{border-top:1px solid var(--line);width:min(620px,100%);margin:2rem auto}.standings>div{border-bottom:1px solid var(--line);text-align:left;grid-template-columns:32px 1fr auto auto;align-items:center;gap:.8rem;padding:.85rem 0;display:grid}.standings span{color:var(--accent);font-family:var(--display);font-size:1.2rem}.standings em,.standings small{color:var(--muted);font-size:.72rem;font-style:normal}.winner-actions{justify-content:center;gap:.7rem;display:flex}.terminated-state,.fatal-state{text-align:center;place-content:center;width:min(620px,92vw);min-height:calc(100vh - 110px);margin:0 auto;display:grid}.terminated-state p{color:var(--muted);margin:1rem auto 1.5rem;line-height:1.6}@keyframes urgent-pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--danger) 10%, transparent)}}@keyframes next-pulse{50%{opacity:.35;transform:scale(1.5)}}@media (width<=1100px){.player-rail{grid-template-columns:repeat(3,1fr)}.action-deck{grid-template-columns:1fr}}@media (width<=900px){.hero{grid-template-columns:1fr;gap:3rem;padding:4rem 0}.hero-copy{text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.hero-dice{justify-content:center}.entry-card{width:min(520px,100%);margin:0 auto}.lobby-layout,.table-layout{grid-template-columns:1fr}.chat-panel{min-height:420px}.game-topbar{align-items:flex-start;padding-top:.8rem;padding-bottom:.8rem}.game-topbar__controls{flex-wrap:wrap;justify-content:flex-end}}@media (width<=640px){.home-nav,.game-topbar{padding-left:1rem;padding-right:1rem}.home-nav__actions{gap:.7rem}.home-nav .rules-drawer{display:none}.hero{width:min(100% - 2rem,520px);padding:3rem 0}.hero-copy h1{font-size:clamp(3.15rem,17vw,5.3rem)}.game-topbar{gap:.8rem;display:grid;position:relative}.game-topbar__brand,.game-topbar__controls{justify-content:space-between}.game-topbar__controls{grid-template-columns:1fr auto auto;width:100%;display:grid}.theme-control{min-width:0}.theme-control select{max-width:170px}.room-code{padding-left:.7rem}.lobby-layout,.table-layout{width:min(100% - 1rem,620px);margin-top:.7rem}.lobby-card{min-height:auto}.lobby-card__intro{display:grid}.host-warning{max-width:none}.lobby-players{grid-template-columns:1fr;margin-top:1.3rem}.lobby-player--open:nth-of-type(n+5){display:none}.lobby-actions{display:grid}.player-rail{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.player-badge{scroll-snap-align:start;flex:0 0 130px}.table-surface{border-radius:15px;min-height:auto;padding:1rem}.bid-stage{align-items:flex-end;min-height:148px}.bid-stage h1{font-size:2.4rem}.bid-stage p{max-width:220px;font-size:.78rem}.turn-clock{flex-basis:104px;width:104px;height:88px}.turn-clock strong{font-size:1.35rem}.privacy-chip{text-align:center;max-width:120px}.die{width:50px;font-size:2.8rem}.bid-builder{grid-template-columns:1fr 1fr}.button--raise{grid-column:1/-1}.call-button{min-height:72px}.revealed-grid{grid-template-columns:1fr}.winner-actions{display:grid}.standings>div{grid-template-columns:28px 1fr auto}.standings small{grid-column:2/-1}.chat-panel{min-height:440px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}