:root{--bg: #080808;--bg-2: #120a04;--panel: #16110c;--panel-2: #1f1710;--line: #3a2a18;--rail: linear-gradient(180deg, #4a2105 0%, #2b1202 55%, #170700 100%);--text: #eef4ef;--muted: #9fb3a8;--gold: #f5cf66;--trim: #d4af37;--green: #3ccf8e;--red: #ff6b5e;--felt: #0a4a26;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--tap: 44px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}body{font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.app{min-height:100%;display:grid;grid-template-rows:auto 1fr auto}.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 18px;background:var(--rail);border-bottom:2px solid var(--trim);box-shadow:0 6px 18px #0000008c,inset 0 1px #ffffff14;position:sticky;top:env(safe-area-inset-top,0px);z-index:5}.brand{font-weight:800;letter-spacing:.02em;display:flex;align-items:center;gap:8px;font-size:17px}.brand-mark{color:var(--trim)}.status{display:flex;align-items:center;gap:12px}.puck-pill{font-weight:900;font-size:13px;letter-spacing:.06em;padding:5px 11px;border-radius:999px;border:2px solid;min-width:96px;text-align:center}.puck-pill.on{background:#fff;color:#111;border-color:#fff}.puck-pill.off{background:#111;color:#fff;border-color:#555}.meta{color:var(--muted);font-size:13px}.last-roll{display:inline-flex;align-items:center;gap:6px}.last-roll b{font-size:16px}.bet-status{margin-left:auto;font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px}.bet-status.open{background:#3ccf8e24;color:var(--green)}.bet-status.closed{background:#f2c14e29;color:var(--gold);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.player-btn{display:flex;align-items:center;gap:10px;min-height:var(--tap);padding:4px 14px 4px 5px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line)}.player-btn span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.player-btn small{color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--felt);color:#fff;font-weight:800}.banner-layer{position:sticky;top:calc(env(safe-area-inset-top,0px) + 64px);z-index:4}.banner{padding:10px 18px;font-weight:700;text-align:center}.banner.warn{background:#3a2a0c;color:var(--gold);border-bottom:1px solid #5a4214}.table-area{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;padding:16px 18px;align-items:start}.board-wrap{position:relative;min-width:0}.table-area>*{min-width:0}.board svg{display:block;width:100%;height:auto;border-radius:26px;box-shadow:0 18px 50px #000000b3;-webkit-user-select:none;user-select:none}.bet-area{cursor:pointer;outline:none}.bet-area .outline{transition:stroke .15s,fill .15s}.bet-area:hover .outline,.bet-area:focus-visible .outline{stroke:var(--gold);fill:#f2c14e14}.bet-area:active .outline{fill:#f2c14e2e}.bet-area.won .outline{stroke:var(--green);fill:#3ccf8e38;animation:glow .7s ease-in-out 3}.bet-area.lost .outline{stroke:var(--red);fill:#ff6b5e33}.bet-area.drag-over .outline{stroke:var(--gold);fill:#f2c14e38}@keyframes glow{50%{fill:#3ccf8e66}}.chip{transition:transform .2s}.chip-off{opacity:.55}.chip-new{transform-box:fill-box;transform-origin:50% 100%;animation:chip-drop .28s cubic-bezier(.3,1.4,.5,1)}@keyframes chip-drop{0%{transform:translateY(-18px) scale(1.15);opacity:0}to{transform:none}}@media(prefers-reduced-motion:reduce){.chip-new{animation:none}}.chip-other{opacity:.7}.chip.draggable{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.chip.draggable:active{cursor:grabbing}.rack.drop-remove{box-shadow:0 0 0 2px #e74c3cd9,0 0 18px #e74c3c8c;border-radius:14px;background:#e74c3c1f}.chip-ghost.to-remove{opacity:.65;transform:scale(.9)}.chip-ghost{position:fixed;z-index:60;left:0;top:0;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--chip);color:var(--ink);border:4px dashed var(--edge);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;box-shadow:0 10px 20px #0000008c;pointer-events:none;transform:scale(1.1)}.panel{display:flex;flex-direction:column;gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.card h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px;display:flex;gap:8px;align-items:center}.count{background:var(--panel-2);color:var(--text);border-radius:999px;padding:0 8px;font-size:12px}.balance .label{color:var(--muted);font-size:13px}.balance .big{font-size:34px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.balance .sub{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.balance .sub b{color:var(--text)}.level-bar{margin-top:10px}.level-bar-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:4px}.level-bar-track{height:6px;border-radius:999px;background:var(--panel-2);overflow:hidden}.level-bar-fill{height:100%;background:var(--gold);transition:width .3s ease-out}.link{background:none;border:none;color:var(--gold);font-weight:700;padding:8px 0}.empty{color:var(--muted);margin:0;font-size:14px}.bet-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:44vh;overflow:auto}.bet{background:var(--panel-2);border-radius:10px;padding:10px 12px;border-left:4px solid var(--green)}.bet.is-off{border-left-color:#666}.bet-main{display:flex;justify-content:space-between;gap:10px;font-weight:700}.bet-amount{font-variant-numeric:tabular-nums}.bet-sub{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin-top:2px}.bet-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mini{min-height:34px;padding:4px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel);font-size:13px;font-weight:600}.mini.danger{color:var(--red)}.rolls{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.rolls li{display:flex;align-items:center;gap:4px;background:var(--panel-2);padding:4px 8px 4px 4px;border-radius:8px;font-weight:700;font-size:13px}.dice{display:inline-flex;gap:4px}.die{display:inline-grid;grid-template:repeat(3,1fr) / repeat(3,1fr);background:#fbfbf6;border-radius:22%;box-shadow:inset 0 -2px #00000026;flex:none}.die span{display:block}.die .pip{background:#161616;border-radius:50%;margin:18%}.die-sm{width:20px;height:20px;padding:2px}.die-md{width:34px;height:34px;padding:3px}.die-lg{width:56px;height:56px;padding:5px}.die-lg.shaking{animation:diceShake .35s ease-in-out infinite}.die-lg.shaking:nth-child(2){animation-delay:.08s}@keyframes diceShake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-6px,2px) rotate(-8deg)}40%{transform:translate(5px,-3px) rotate(6deg)}60%{transform:translate(-4px,3px) rotate(-5deg)}80%{transform:translate(6px,-2px) rotate(8deg)}}.bottombar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#2b1202,#1a0a01 55%,#0f0600);border-top:2px solid var(--trim);box-shadow:0 -6px 18px #0000008c}.rack{display:flex;align-items:center;gap:10px}.rack-label{color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.chip-btn{width:56px;height:56px;border-radius:50%;background:var(--chip);color:var(--ink);border:4px dashed var(--edge);font-weight:900;font-size:16px;position:relative;box-shadow:0 0 0 2px var(--trim),0 4px 8px #0000008c,inset 0 1px 1px #ffffff4d;transition:transform .12s;touch-action:none;-webkit-user-select:none;user-select:none}.chip-btn.selected{transform:translateY(-6px);box-shadow:0 0 0 3px var(--gold),0 0 18px #d4af37cc,0 8px 14px #00000080}.chip-btn:active{transform:scale(.95)}.demo{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.demo-label{display:flex;flex-direction:column;line-height:1.15}.demo-label small{color:var(--muted);font-size:11px}.dice-choice{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dice-choice small{color:var(--muted);font-size:11px}.pick{display:flex;align-items:center;gap:6px}.die-btn{background:none;border:none;padding:2px;border-radius:8px}.primary,.secondary,.ghost{min-height:var(--tap);padding:8px 20px;border-radius:999px;font-weight:800;letter-spacing:.04em;border:1px solid transparent}.primary{background:linear-gradient(180deg,#f5cf66,#d4af37);color:#1b1405;box-shadow:0 4px 12px #d4af3759,inset 0 1px 1px #fff9}.primary:active{transform:translateY(1px)}.secondary{background:var(--panel-2);border-color:var(--line)}.ghost{background:transparent;border-color:var(--line);color:var(--muted);font-weight:600}.ghost.warn{color:var(--red);border-color:var(--red)}.small{min-height:36px;padding:4px 12px;font-size:13px}.roll-btn{min-width:130px;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.roll-art{height:46px;width:46px;margin:-10px 0;flex:0 0 auto;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.roll-btn .lbl-long,.roll-btn .lbl-short{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roll-btn:disabled .roll-art{opacity:.7}.roll-btn:not(:disabled):active .roll-art{transform:scale(.94) rotate(-4deg)}.toggle{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;min-height:var(--tap)}.toggle input{width:20px;height:20px;accent-color:var(--gold)}.dice-arena{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:26px;perspective:1000px;z-index:3}.table-die-wrap{position:absolute;width:48px;height:48px;left:0;top:0;transform-style:preserve-3d;will-change:transform}.table-die-shadow{position:absolute;width:52px;height:32px;left:-2px;top:10px;border-radius:50%;background:radial-gradient(ellipse at center,#0009,#0000 70%);pointer-events:none;will-change:transform,opacity,filter;transform-origin:center}.cube-3d{width:100%;height:100%;position:relative;transform-style:preserve-3d}.cube-face{position:absolute;width:48px;height:48px;background:linear-gradient(135deg,#e6232e,#aa0f19);border:1px solid rgba(255,130,130,.45);border-radius:7px;box-shadow:inset 0 0 8px #0006,inset 0 0 2px #ffffffb3;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);padding:4px;box-sizing:border-box;backface-visibility:hidden}.cube-face .cube-pip{display:block;width:7px;height:7px;margin:auto;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000073}.cube-face-1{transform:translateZ(24px)}.cube-face-6{transform:rotateY(180deg) translateZ(24px)}.cube-face-2{transform:rotateY(90deg) translateZ(24px)}.cube-face-5{transform:rotateY(-90deg) translateZ(24px)}.cube-face-3{transform:rotateX(-90deg) translateZ(24px)}.cube-face-4{transform:rotateX(90deg) translateZ(24px)}.result-layer{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;pointer-events:none;z-index:45;padding:84px 16px 16px}.rolling-dice{display:flex;gap:8px;background:#0c1411f0;border:1px solid var(--line);border-radius:18px;padding:14px 18px;box-shadow:var(--shadow);animation:drop .2s ease-out}.result{pointer-events:auto;display:flex;gap:16px;align-items:flex-start;max-width:min(560px,92%);background:#121c17f5;border:1px solid var(--line);border-radius:20px;padding:16px 20px;box-shadow:0 16px 40px #000000a6,0 0 0 1px #ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:drop .25s cubic-bezier(.16,1,.3,1);cursor:pointer}@keyframes drop{0%{transform:scale(.92) translateY(-14px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.result .dice{gap:8px}.call{font-size:22px;font-weight:800;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.call-badge{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:999px}.call-badge.hard{background:#ff6b5e33;color:var(--red);border:1px solid rgba(255,107,94,.45)}.call-badge.easy{background:#f2c14e2e;color:var(--gold);border:1px solid rgba(242,193,78,.4)}.headline{color:var(--gold);font-weight:700;margin-top:2px}.result-dismiss{color:var(--muted);font-size:11px;margin-top:8px;opacity:.8}.net{font-size:20px;font-weight:900;margin-top:4px}.net.up{color:var(--green)}.net.down{color:var(--red)}.result-lines{list-style:none;padding:0;margin:6px 0 0;font-size:13px;display:grid;gap:2px}.result-lines li{display:flex;justify-content:space-between;gap:18px;color:var(--muted)}.result-lines li.won b{color:var(--green)}.result-lines li.lost b{color:var(--red)}.toast-layer{position:fixed;left:0;right:0;bottom:110px;display:flex;justify-content:center;z-index:30;pointer-events:none;padding:0 16px}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;max-width:640px;background:#2a1714;border:1px solid var(--red);color:var(--text);border-radius:14px;padding:10px 10px 10px 16px;box-shadow:var(--shadow);animation:drop .2s ease-out}.toast.info{background:var(--panel-2);border-color:var(--line)}.icon{background:none;border:none;font-size:22px;line-height:1;width:var(--tap);height:var(--tap);color:var(--muted)}.scrim{position:fixed;inset:0;background:#0000008c;z-index:40}.scrim.clear{background:transparent}.menu{position:fixed;z-index:41;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;display:grid;gap:6px}.menu-title{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:6px 8px 2px}.menu-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;min-height:52px;padding:8px 12px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line)}.menu-item small{color:var(--muted)}.modal{position:fixed;z-index:41;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.modal h2{margin:0 0 14px;font-size:20px}.modal h3{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:18px 0 8px}.close{position:absolute;right:8px;top:8px}.player-list{display:grid;gap:8px}.player-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px 8px 8px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);text-align:left}.player-row.current{border-color:var(--gold)}.grow{flex:1;font-weight:700}.new-player .row{display:flex;gap:8px}.new-player input,.new-player select{min-height:var(--tap);border-radius:10px;border:1px solid var(--line);background:var(--bg-2);padding:6px 12px}.new-player input{flex:1;min-width:0}.seat{color:var(--muted);font-weight:500}.leave-row{margin:4px 0 6px}.leave-confirm{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px;margin:4px 0 6px}.leave-confirm .row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.leave-confirm .row button{flex:1 1 140px}.leave-confirm .row .primary{flex-grow:2}.leave-done{text-align:center}.leave-done .row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.reconnect-code{font:700 30px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;background:var(--panel-2);border:2px dashed var(--gold);border-radius:12px;padding:16px;margin:14px 0}.reclaim-toggle{margin:10px 0 0}.reclaim-form{margin-top:10px}.help ol{padding-left:20px;display:grid;gap:10px}.sound-btn{display:grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:12px;background:transparent;border:1px solid var(--line);color:var(--text)}.sound-btn.muted{color:var(--muted)}.sound-settings .setting{display:flex;align-items:center;gap:12px;min-height:52px}.sound-settings .setting input[type=checkbox]{width:22px;height:22px;accent-color:var(--gold);flex:none}.sound-settings .setting span{display:flex;flex-direction:column}.sound-settings .setting small{color:var(--muted);font-size:13px}.sound-settings .setting.column{flex-direction:column;align-items:stretch;gap:6px;margin-top:10px}.sound-settings select{min-height:var(--tap);border-radius:10px;border:1px solid var(--line);background:var(--bg-2);padding:6px 12px}.sound-settings input[type=range]{width:100%;accent-color:var(--gold);min-height:var(--tap)}.sound-settings .secondary{margin-top:14px;width:100%}.segmented{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden}.seg{flex:1;display:grid;place-items:center;min-height:var(--tap);padding:6px 8px;cursor:pointer;font-weight:700;color:var(--muted);text-align:center}.seg+.seg{border-left:1px solid var(--line)}.seg.on{background:var(--panel-2);color:var(--gold)}.seg input{position:absolute;opacity:0;pointer-events:none}.seg:focus-within{outline:3px solid var(--gold);outline-offset:-3px}.small-print{font-size:13px;margin:8px 0 0}.muted{color:var(--muted)}.board-hint{display:none;color:var(--muted);font-size:12px;text-align:center;margin:6px 0 0}.camera-preview-mini{position:relative;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:4 / 3;margin-bottom:10px}.camera-preview-mini video{display:block;width:100%;height:100%;object-fit:cover}.camera-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.camera-error{background:#3a1714;border:1px solid var(--red);color:var(--text);border-radius:12px;padding:10px 14px;font-size:13px;margin-bottom:10px}.camera-error:empty{display:none;margin:0}.camera-status{min-height:24px}.camera-state{margin:0;text-align:center;font-weight:700;color:var(--muted)}.camera-state.warn{color:var(--gold)}.camera-holding{background:var(--panel-2);border:1px solid var(--gold);border-radius:12px;padding:12px 14px;display:grid;gap:10px}.camera-holding p{margin:0;font-weight:700}.camera-holding .pick{justify-content:center;flex-wrap:wrap}.camera-fields{display:grid;gap:10px;margin:4px 0 14px}.camera-slider{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.camera-slider input[type=range]{width:100%;min-height:var(--tap);accent-color:var(--gold)}@media(max-width:1100px){.table-area{grid-template-columns:1fr}.panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.bet-list{max-height:none}}@media(max-width:640px){.topbar{padding:8px 16px;gap:8px 10px}.brand{font-size:15px}.meta,.top-actions .ghost{display:none}.bet-status{margin-left:0;order:5;flex-basis:100%;text-align:center}.top-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end;gap:6px 8px;max-width:100%}.auth-user-btn small{display:none}.auth-user-btn b{max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-area{padding:10px 16px;gap:12px}.board{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px}.board svg{border-radius:16px;min-width:780px}.board-hint{display:block}.panel{grid-template-columns:1fr}.bottombar{padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));gap:10px}.rack{width:100%;justify-content:space-between}.rack-label{display:none}.chip-btn{width:52px;height:52px}.demo{width:100%;justify-content:space-between}.demo-label{display:none}.result{flex-direction:column;align-items:center;text-align:center}.result-lines li{justify-content:center}.toast-layer{bottom:150px}}.board .lucky-num.hit{fill:#f2c14e;stroke:#fff6d8}.board .lucky-num.hit+text{fill:#1b1405}.board [data-bet^=lucky_].lucky-closed{opacity:.55}.cashier-btn{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding:4px 14px;border-radius:999px;background:linear-gradient(135deg,#f2c14e,#c99320);color:#1a1304;font-weight:800;font-size:13px;border:1px solid #ffe599;box-shadow:0 2px 8px #f2c14e40;cursor:pointer}.cashier-btn:hover{filter:brightness(1.08)}.cashier-btn{position:fixed;top:calc(env(safe-area-inset-top,0px) + var(--topbar-h, 56px) + 8px);right:max(12px,env(safe-area-inset-right,0px));z-index:6;box-shadow:0 6px 18px #0000008c,0 2px 8px #f2c14e4d}@media(max-width:640px){.cashier-btn,.topbar.in-room .cashier-btn{right:8px;padding:8px;font-size:20px;border-radius:50%;min-width:44px;min-height:44px;justify-content:center}}.table-card.fresh{border-style:dashed;opacity:.8}.table-card.fresh .table-code{font-size:15px;letter-spacing:.02em}.auth-user-btn{display:flex;align-items:center;gap:8px;min-height:var(--tap);padding:4px 12px 4px 4px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);cursor:pointer}.auth-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--felt);color:#fff;display:grid;place-items:center;font-weight:800}.auth-signin-btn{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);padding:6px 14px;border-radius:999px;background:#fff;color:#1f1f1f;font-weight:700;font-size:13px;border:1px solid #dadce0;cursor:pointer}.auth-signin-btn:hover{background:#f8f9fa}.google-icon{width:18px;height:18px;flex:none}.vip-badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px}.vip-badge.Bronze{background:#cd7f3233;color:#e69a53;border:1px solid rgba(205,127,50,.4)}.vip-badge.Silver{background:#c0c0c033;color:#e0e0e0;border:1px solid rgba(192,192,192,.4)}.vip-badge.Gold{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.45)}.vip-badge.HighRoller{background:#f463;color:#f57;border:1px solid rgba(255,68,102,.45)}.store-vault-card{background:linear-gradient(135deg,#f2c14e1f,#0f4a2b66);border:1px solid var(--gold);border-radius:14px;padding:14px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.store-vault-card .vault-title{font-size:12px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.store-vault-card .vault-balance{font-size:24px;font-weight:900;color:#fff}.pkg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:18px}.pkg-card{position:relative;background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;transition:transform .15s,border-color .15s}.pkg-card.popular{border-color:var(--gold);background:#f2c14e0f}.pkg-ribbon{position:absolute;top:-10px;right:12px;font-size:10px;font-weight:800;text-transform:uppercase;background:var(--gold);color:#1b1405;padding:2px 8px;border-radius:999px}.pkg-chips{font-size:20px;font-weight:900;color:var(--gold)}.pkg-price{font-size:14px;color:var(--muted)}.pkg-badge{font-size:12px;color:var(--green);font-weight:700}.pkg-was{font-size:14px;color:var(--muted);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#e5484d}.pkg-bonus{align-self:flex-start;font-size:11px;font-weight:800;text-transform:uppercase;background:#36d39926;color:var(--green);padding:2px 8px;border-radius:999px}.pkg-btn{margin-top:6px;width:100%;min-height:40px;border-radius:10px;font-weight:800;background:var(--gold);color:#1b1405;border:none;cursor:pointer}.pkg-btn:hover{filter:brightness(1.08)}.pkg-btn.paypal{background:#ffc439;color:#111}.pkg-btn:disabled{opacity:.6;cursor:default}.payment-method-row{display:flex;gap:8px;margin:10px 0 16px;flex-wrap:wrap}.method-pill{flex:1;min-height:38px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line);color:var(--text);font-weight:600;font-size:12px;cursor:pointer;padding:4px 10px}.method-pill.active{border-color:var(--gold);color:var(--gold);background:#f2c14e1a}.tx-history{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.tx-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.tx-filter-select{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer}.tx-filter-select:focus{border-color:var(--gold);outline:none}.tx-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px;max-height:220px;overflow-y:auto}.tx-item{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--panel-2);padding:9px 12px;border-radius:10px;font-size:13px;border:1px solid rgba(255,255,255,.04)}.tx-left{display:flex;flex-direction:column;gap:2px}.tx-meta{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px}.tx-ref{font-family:monospace;color:var(--muted)}.tx-date{color:var(--muted)}.tx-method-badge{background:#ffffff14;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.tx-chips{font-weight:800;color:var(--green);font-variant-numeric:tabular-nums}.gate-layer:empty{display:none}.gate{position:fixed;inset:0;z-index:60;display:flex;overflow-y:auto;padding:20px;background:radial-gradient(ellipse at 50% 20%,#1b3a2c,#0b1712 70%)}.gate-card{margin:auto;flex:none;width:min(420px,100%);display:flex;flex-direction:column;gap:12px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px 22px}.gate-card h1{margin:4px 0 0;font-size:26px}.gate-brand{justify-content:center}.gate-option{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:92px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--panel-2);color:inherit;cursor:pointer;font:inherit}.gate-option.member{border-color:var(--gold);background:#f2c14e14}.gate-option b{font-size:17px}.gate-option small{color:var(--muted);font-size:12px}.gate-option:disabled{opacity:.6;cursor:progress}.gate-age a{color:var(--gold)}.gate-age{display:flex;gap:10px;align-items:flex-start;text-align:left;font-size:13px;line-height:1.35;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.gate-age input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--gold)}.gate-chips{font-size:22px;font-weight:900;color:var(--gold)}.link-button{background:none;border:none;padding:8px;min-height:var(--tap);color:var(--muted);text-decoration:underline;cursor:pointer;font-size:14px}.link-button:disabled{opacity:.6;cursor:progress}.email-form{display:flex;flex-direction:column;gap:10px;text-align:left;margin-top:4px}.email-form input{min-height:var(--tap);padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);width:100%;box-sizing:border-box}.email-form .primary:disabled{opacity:.6;cursor:progress}.email-tabs{display:flex;gap:6px}.email-tabs button{flex:1;min-height:40px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.email-tabs button.active{background:var(--panel-2);color:inherit;border-color:var(--gold)}.email-msg{font-size:13px;padding:8px 10px;border-radius:10px}.email-msg.error{background:#e052521f;color:var(--red)}.email-msg.info{background:#50c8781f;color:var(--green)}.verify-banner{display:flex;flex-direction:column;gap:8px;text-align:left}.verify-actions{display:flex;gap:8px;flex-wrap:wrap}.ad-reward-card .muted{font-size:13px;margin-top:2px}.ad-overlay{position:fixed;inset:0;z-index:60;background:#000000d9;display:grid;place-items:center}.ad-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px 32px;text-align:center;min-width:min(320px,calc(100vw - 32px))}.ad-tag{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0a0a0a;border:2px solid var(--trim);font-size:11px;color:#fff}.last-roll{padding:5px 14px;border-radius:12px;background:#030303;border:1px solid rgba(212,175,55,.3);box-shadow:inset 0 6px 14px #000000f2,inset 0 1px 1px #ffffff0f}.last-roll b{color:#fff}.puck-pill{border-color:var(--trim)}.puck-pill.off{background:#0a0a0a;border-color:var(--trim)}.card{background:linear-gradient(180deg,#1c140d,#140e09);border-color:#d4af3738;box-shadow:inset 0 1px #ffffff0d}.avatar,.auth-avatar{background:var(--felt);border:2px solid var(--trim)}.player-btn,.auth-user-btn,.sound-btn{border-color:#d4af374d}.chip-btn:after{content:"";position:absolute;inset:0;margin:auto;width:8px;height:8px;background:#ffffffd9;transform:translateY(-19px) rotate(45deg);border-radius:1px;pointer-events:none;box-shadow:0 0 0 1px #00000040}.rack-label{color:var(--trim)}.bottombar{flex-direction:column;align-items:stretch;gap:6px;padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.bottom-control-bar .chip-btn{width:48px;height:48px;font-size:14px}.bottom-control-bar .chip-btn:after{transform:translateY(-16px) rotate(45deg)}.bottom-control-bar .primary,.bottom-control-bar .ghost{min-height:40px;padding:4px 18px}.bottombar .demo{gap:8px}.bottom-control-bar{display:flex;align-items:center;justify-content:space-between;gap:14px 18px;flex-wrap:wrap}.current-bet-panel{display:flex;flex-direction:column;gap:2px;min-width:130px;padding:5px 14px;border-radius:12px;background:#0009;border:1px solid rgba(212,175,55,.3);box-shadow:inset 0 1px 1px #ffffff0f}.panel-label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#ffffff80}.current-bet-panel{align-items:flex-end}.current-bet-panel .bet-amount{color:var(--gold);font-size:20px;font-variant-numeric:tabular-nums}.action-buttons{display:flex;gap:10px}.bottom-control-bar .rack{flex:1;justify-content:center}@media(max-width:640px){.bottom-control-bar{gap:10px}.current-bet-panel{min-width:0;flex:1 1 40%}.bottom-control-bar .rack{order:-1;flex-basis:100%}.action-buttons{order:5;flex:1 1 100%}.action-buttons .ghost{flex:1}.rack{width:auto}}.balance-pill{display:flex;align-items:center;gap:10px;padding:5px 16px 5px 6px;border-radius:999px;background:#070707;border:1px solid rgba(212,175,55,.5);box-shadow:inset 0 1px 2px #ffffff1f}.balance-pill .brand-mark{width:30px;height:30px}.balance-pill .brand-mark i{display:block;width:11px;height:11px;background:#fff;transform:rotate(45deg);box-shadow:0 0 0 1px #0003}.balance-text{display:flex;flex-direction:column;line-height:1;gap:3px}.balance-text small{font-size:8px;letter-spacing:.25em;color:#ffffff80}.balance-text b{font-size:15px;color:#fff;letter-spacing:.03em;font-variant-numeric:tabular-nums}.die-red{background:linear-gradient(145deg,#ff3b3b,#c21b1b 55%,#8a1010);box-shadow:inset 0 -2px #00000040,inset 0 1px 1px #ffffff59}.die-red .pip{background:#fff}.sound-btn,.player-btn{background:#151515}.sound-btn{border-radius:50%;border-color:#ffffff1a;color:#ffffffa6}.sound-btn:hover{color:#fff}.toast.info{background:#000000d9;border-color:#d4af3766;color:var(--gold);border-radius:999px;padding-left:20px}@media(max-width:900px){.brand{display:none}}@media(max-width:640px){.app{display:flex;flex-direction:column}.table-area{order:2;flex:1;padding:8px 8px 12px}.bottombar{display:contents}.demo{order:1;padding:8px 12px;background:var(--bg-2);border-bottom:1px solid var(--line);gap:8px}.demo .secondary,.demo .ghost{padding:6px 12px}.board{overflow:visible;border-radius:0}.board svg{min-width:0;border-radius:22px}.board-hint{display:none}.bottom-control-bar{order:3;position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 8px;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#2b1202,#1a0a01 55%,#0f0600);border-top:2px solid var(--trim);box-shadow:0 -6px 18px #0000008c}.bottom-control-bar .rack{grid-column:1 / 3;grid-row:1;order:0;justify-content:space-between;gap:6px}.action-buttons{grid-column:1;grid-row:2;order:1;flex:none;display:flex;gap:6px}.action-buttons .ghost{flex:none;min-height:40px;padding:4px 11px;font-size:12px;letter-spacing:.08em}.roll-slot{order:4;grid-column:2 / 4;grid-row:2}.roll-slot .roll-btn{width:100%;min-height:40px;font-size:15px}.bottom-control-bar .chip-btn{width:42px;height:42px;font-size:12px;border-width:3px}.bottom-control-bar .chip-btn:after{width:6px;height:6px;transform:translateY(-15px) rotate(45deg)}.current-bet-panel{grid-column:3;grid-row:1;order:3;flex-direction:column;align-items:flex-end;gap:0;min-width:0;padding:3px 10px;justify-self:end;line-height:1.1}.current-bet-panel .panel-label{font-size:8px;letter-spacing:.14em}.current-bet-panel .bet-amount{font-size:16px}.toast-layer{bottom:130px}}@media(max-width:640px){.topbar{padding:8px 12px;gap:6px 8px}.balance-pill{padding-right:12px}.status{margin-left:auto}.puck-pill{min-width:0;padding:4px 9px;font-size:12px}.bet-status{padding:4px 10px;font-size:12px}.top-actions{flex-wrap:nowrap;width:100%;justify-content:space-between;margin-left:0}.top-actions>*{min-height:40px}.player-btn{padding:4px}.player-btn span:last-child{display:none}.demo .ghost.small{padding:4px 10px;font-size:12px}.demo .toggle{font-size:13px}}.roll-slot:empty{display:none}.roll-slot .roll-btn{min-width:120px}@media(max-width:640px){.roll-slot .roll-btn{min-width:0}}.dice-tray{position:relative;flex:0 1 260px;min-width:150px;height:78px;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.08),transparent 70%),repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 7px),#0a4a26;border:3px solid var(--trim);box-shadow:inset 0 6px 16px #000000bf,inset 0 0 0 2px #00000059,0 0 0 2px #00000080;touch-action:none;-webkit-user-select:none;user-select:none}.tray-hint{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:#ffffff4d;pointer-events:none;transition:opacity .3s}.dice-tray.used .tray-hint{opacity:0}.tray-die{position:absolute;width:40px;height:40px;cursor:grab;touch-action:none;transition:transform .18s ease-out,filter .18s;filter:drop-shadow(0 3px 3px rgba(0,0,0,.55))}.tray-die .die{width:40px;height:40px;padding:4px}.tray-die.held{cursor:grabbing;transition:none;z-index:2;filter:drop-shadow(0 8px 8px rgba(0,0,0,.6));scale:1.12}.dice-tray.rolling .tray-die .die{animation:diceShake .35s ease-in-out infinite}.dice-tray.rolling .tray-die:nth-of-type(2) .die{animation-delay:.08s}.topbar .dice-tray{flex:0 0 200px;min-width:0;height:58px}@media(max-width:900px){.topbar .dice-tray{flex-basis:170px}}@media(max-width:640px){.topbar .dice-tray{flex-basis:134px;height:52px}}@media(min-width:1200px){.bottombar{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;padding-left:12px;padding-right:12px}.bottombar:has(.pick){flex-wrap:wrap}.bottombar .demo{order:-1;flex:0 0 auto;flex-wrap:nowrap}.bottombar .demo .ghost.small{padding:4px 12px;font-size:12px;white-space:nowrap}.bottombar .demo .toggle{font-size:13px;white-space:nowrap}.bottom-control-bar{flex:1 1 auto;flex-wrap:nowrap;min-width:0;gap:10px}.bottom-control-bar .rack{flex:1 1 auto;justify-content:center}}.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin-top:16px;font-size:12px}.legal-links a{color:var(--muted);text-decoration:underline}.legal-links a:hover,.legal-links a:focus-visible{color:var(--gold)}.top-figures{display:flex;gap:8px}.top-figure{display:flex;flex-direction:column;line-height:1;gap:3px;padding:5px 12px;border-radius:12px;background:#0d0d0d;border:1px solid rgba(255,255,255,.12)}.top-figure small{font-size:8px;letter-spacing:.25em;color:#ffffff80}.top-figure b{font-size:14px;color:#fff;font-variant-numeric:tabular-nums}@media(max-width:640px){.signout-top{display:none}.top-figure{padding:4px 8px}.top-figure b{font-size:12px}}@media(min-width:1001px){.topbar{flex-wrap:nowrap;gap:10px}.topbar>*{flex-shrink:0;white-space:nowrap}.topbar .bet-status{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.top-actions{flex-wrap:nowrap;gap:8px}}@media(max-width:1750px)and (min-width:1001px){.status .meta{display:none}}@media(max-width:1700px)and (min-width:1001px){.topbar .bet-status{display:none}.top-actions{margin-left:auto}}@media(max-width:1500px)and (min-width:1001px){.signout-top,.howto-top{display:none}.topbar .dice-tray{flex-basis:150px}}@media(max-width:1100px)and (min-width:1001px){.topbar .brand,.auth-user-btn{display:none}}.room-chip{display:flex;flex-direction:column;line-height:1;gap:3px;padding:5px 12px;border-radius:12px;background:#f2c14e1f;border:1px solid var(--gold);text-align:left}.room-chip small{font-size:8px;letter-spacing:.25em;color:#fff9}.room-chip b{font-size:14px;color:var(--gold);letter-spacing:.04em}.room-card .room-code{font-size:1.9rem;font-weight:800;letter-spacing:.25em;color:var(--gold);margin:2px 0}.room-members{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}.room-members li{display:flex;align-items:center;gap:8px}.room-members li.shooter{font-weight:700}.room-members .dot{width:9px;height:9px;border-radius:50%;background:#6b7280;flex:none}.room-members .dot.on{background:#34d399}.friends{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.friends .row{margin-top:8px}.friends #room-code-input{text-transform:uppercase;letter-spacing:.2em}@media(max-width:640px){.topbar{flex-wrap:nowrap;gap:6px;padding:8px 10px}.topbar>*{min-width:0}.topbar .bet-status,.topbar .sound-btn,.topbar .auth-user-btn,.topbar .brand{display:none}.balance-pill{padding:5px 12px;flex:0 0 auto}.balance-pill .brand-mark{display:none}.topbar .dice-tray{flex:1 1 64px;min-width:56px;height:46px}.status{margin-left:0;flex:0 0 auto}.room-chip{padding:5px 9px;flex:0 0 auto}.room-chip small{display:none}.room-chip b{font-size:13px}.room-chip-word{display:none}.balance-text b{font-size:14px}.puck-pill{padding:4px 7px}.top-actions{width:auto;margin-left:auto;flex:0 0 auto;gap:6px}.cash-label{display:none}.cashier-btn{padding:4px 10px;font-size:16px}}@media(max-width:640px){.topbar{gap:4px;padding:8px}.topbar.in-room .balance-text small{display:none}.topbar.in-room .puck-pill{font-size:11px;letter-spacing:.02em}}@media(max-width:380px){.balance-text small{display:none}}@media(max-width:380px){.balance-pill{padding:5px 9px}.room-chip{padding:5px 7px}.puck-pill{padding:4px 6px}.cashier-btn{padding:4px 8px}}@media(max-width:640px){.tray-hint{font-size:8px;letter-spacing:.12em;white-space:nowrap}.topbar.in-room .puck-pill{padding:4px 5px;font-size:10px}.topbar.in-room .balance-pill{padding:5px 9px}.topbar.in-room .room-chip{padding:5px 7px}.topbar.in-room .cashier-btn{padding:4px 8px}}.banner.turn{padding:6px 18px;font-size:14px;border-bottom:1px solid transparent}.banner.turn.mine{background:#0f3a22;color:var(--green);border-bottom-color:#1d6a3e}.banner.turn.theirs{background:#2a2210;color:var(--gold);border-bottom-color:#5a4214}@media(max-width:380px){.topbar.in-room .dice-tray{min-width:36px;flex-basis:36px}.topbar.in-room .status{gap:4px}}.modal:has(.lobby-modal){width:min(620px,calc(100vw - 32px))}.lobby-modal .friends{margin-top:0;padding-top:0;border-top:0}.lobby-modal .new-player{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.lobby-open .row{display:flex;gap:8px}.lobby-open .row input{flex:1;min-width:0}.lobby-open .row button{flex:1}.lobby-open p{margin:8px 0 0;font-size:12px}.lobby-modal .lobby-open{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.lobby-open select{flex:1;min-width:0}.lobby-search-row{display:flex;gap:8px}.lobby-search-row input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.12em}.lobby-list{display:grid;gap:10px;margin-top:10px;max-height:340px;overflow:auto;padding-right:2px}.lobby-empty{margin:8px 0;text-align:center}.table-card{display:flex;gap:12px;align-items:center;padding:8px 12px 8px 8px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a}.table-card.invited{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.table-card.full{opacity:.6}.table-pic{position:relative;flex:none;width:168px}.table-pic img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));pointer-events:none}.lobby-seat{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.55);background:#00000059;display:grid;place-items:center;font-size:10px;font-weight:800;color:#1b1405}.lobby-seat.taken{border:1.5px solid #fff;background:var(--gold)}.table-info{flex:1;min-width:0;display:flex;gap:10px;align-items:center}.table-info .grow{flex:1;min-width:0}.table-code{font-size:1.45rem;font-weight:800;letter-spacing:.22em;color:var(--gold);line-height:1.1}.table-host{font-weight:700;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-names{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-side{display:grid;gap:6px;justify-items:end}.table-count{font-size:13px;color:#ffffffbf}@media(max-width:480px){.table-card{flex-direction:column;align-items:stretch;padding:8px}.table-pic{width:100%;max-width:260px;align-self:center}}.roll-stack{display:grid;gap:6px;width:100%}.roll-stack .roll-btn{width:100%}.bet-timer{font-size:12px;text-align:center;color:#ffffffbf;min-height:1.2em}.bet-timer.urgent{color:#ff8a80;font-weight:700}.done-btn{width:100%}.done-btn{font-size:22px;line-height:1;padding:0}.done-btn.ready{border-color:#34d399;background:#34d399;color:#06281b}.done-btn:disabled{opacity:1}.bottom-control-bar.bets-closed .rack,.bottom-control-bar.bets-closed .action-buttons{opacity:.4;pointer-events:none}img.avatar{object-fit:cover}.table-row{width:100%;margin-top:14px}.table-row-box{display:flex;gap:10px;align-items:center;margin-top:14px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a}.table-row-box .grow{flex:1;min-width:0}.table-row-actions{display:grid;gap:6px}@media(max-width:640px){.room-chip,.topbar.in-room .room-chip{display:none}}.topbar{--bar-h: 44px;align-items:center}.topbar .balance-pill,.topbar .room-chip,.topbar .puck-pill,.topbar .player-btn,.topbar .auth-user-btn,.topbar .sound-btn,.topbar .ghost,.topbar .bet-status{min-height:var(--bar-h);box-sizing:border-box;display:inline-flex;align-items:center}.topbar .dice-tray{height:var(--bar-h)}.topbar .top-actions{flex:0 1 auto;min-width:0}@media(max-width:640px){.topbar{--bar-h: 40px}.topbar .bet-status,.topbar .sound-btn,.topbar .auth-user-btn,.topbar .brand,.topbar .top-actions .ghost{display:none}.topbar .top-actions{width:auto}.topbar .top-actions>*{min-height:var(--bar-h)}}@media(min-width:641px)and (max-width:1000px){.topbar{flex-wrap:nowrap}.topbar>*{min-width:0}.topbar .bet-status,.topbar .brand{display:none}.topbar .dice-tray{flex:1 1 120px}}.link-btn{background:none;border:0;padding:0;font:inherit;color:var(--muted);text-decoration:underline;cursor:pointer}.link-btn:hover,.link-btn:focus-visible{color:var(--gold)}.topbar{flex-wrap:nowrap;gap:8px;overflow-x:clip}.topbar>*{flex-shrink:0;white-space:nowrap;min-width:0}.topbar .top-actions{flex-wrap:nowrap;width:auto;margin-left:auto;gap:8px}.topbar .top-actions>*{flex-shrink:0}.topbar .auth-signin-btn{white-space:nowrap}@media(max-width:1299px){.topbar .signout-top,.topbar .howto-top{display:none}}.topbar .analytics-top{gap:6px}@media(max-width:1500px){.topbar .analytics-label{display:none}}@media(max-width:1000px){.topbar .bet-status,.topbar .brand,.topbar .status .meta{display:none}}@media(max-width:800px){.topbar .auth-signin-btn,.topbar .auth-user-btn{display:none}.topbar .player-btn span:last-child{display:none}}@media(max-width:560px){.topbar .sound-btn{display:none}}@media(max-width:440px){.topbar{padding:6px 8px;gap:6px}.topbar .balance-text small{display:none}.topbar .dice-tray{flex-basis:112px}.topbar .puck-pill{padding:4px 8px;font-size:11px}}@media(max-width:360px){.topbar .dice-tray{flex-basis:96px}.topbar .puck-pill{font-size:10px;padding:4px 6px}}.bet-timer{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);z-index:4;max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;padding:4px 14px;border-radius:999px;background:#000000c7;border:1px solid rgba(242,193,78,.4);font-size:13px;font-weight:700;color:var(--gold)}.bet-timer:empty{display:none}.pass-btn{position:absolute;right:12px;bottom:calc(100% + 8px);z-index:4;min-height:36px;padding:4px 14px;border-radius:999px;white-space:nowrap;font-size:13px;font-weight:700;background:#000000c7;border:1px solid rgba(242,193,78,.55);color:var(--gold)}.pass-btn:hover,.pass-btn:focus-visible{background:#f2c14e2e}.roll-stack{display:flex;align-items:center;gap:6px;width:auto}.roll-stack .roll-btn{width:auto;flex:1 1 auto;min-width:0;white-space:nowrap}.roll-stack .done-btn{flex:0 0 auto;width:auto;white-space:nowrap}.roll-btn.counting{background-color:#2a2112;background-image:linear-gradient(180deg,#f5cf669e,#d4af379e);background-repeat:no-repeat;background-position:left center;background-size:100% 100%;transition:background-size .3s linear;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);box-shadow:inset 0 0 0 1px #f2c14e80}.roll-btn.counting:disabled{opacity:1}.roll-stack .done-btn{width:52px}.roll-stack .roll-btn{flex:0 0 auto;width:260px}.lbl-short{display:none}.action-buttons{flex-wrap:nowrap}.action-buttons .ghost{white-space:nowrap}@media(max-width:1199px){.app{display:flex;flex-direction:column}.table-area{order:2;flex:1}.bottombar{display:contents}.demo{order:1;justify-content:flex-start;padding:6px 12px;background:var(--bg-2);border-bottom:1px solid var(--line);gap:8px}.demo:not(:has(button)){display:none}.demo-label{display:none}.bottom-control-bar{order:3;position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#2b1202,#1a0a01 55%,#0f0600);border-top:2px solid var(--trim);box-shadow:0 -6px 18px #0000008c}.bottom-control-bar .rack{flex:1 1 auto;min-width:0;justify-content:center;gap:8px;width:auto;order:0}.bottom-control-bar .chip-btn{width:44px;height:44px;font-size:13px;flex:0 0 auto}.bottom-control-bar .chip-btn:after{width:6px;height:6px;transform:translateY(-15px) rotate(45deg)}.action-buttons{order:1;flex:0 0 auto;display:flex;gap:6px}.action-buttons .ghost{min-height:40px;padding:4px 12px;font-size:13px;letter-spacing:.04em}.roll-slot{order:2;flex:0 1 220px;min-width:0}.roll-slot:has(.done-btn){flex:0 0 auto;min-width:0}.roll-stack .done-btn{width:44px}.roll-stack .roll-btn{width:140px}.roll-slot .lbl-long{display:none}.roll-slot .lbl-short{display:inline}.bottom-control-bar:has(.done-btn) .rack{flex:1 1 0}.roll-slot .roll-btn{min-height:40px;font-size:15px}.current-bet-panel{order:3;flex:0 0 auto;min-width:0;padding:3px 10px}.toast-layer{bottom:90px}}@media(max-width:1199px){.bottom-control-bar:has(.done-btn) .lbl-long{display:none}.bottom-control-bar:has(.done-btn) .lbl-short{display:inline}}@media(max-width:879px){.action-buttons .lbl{display:none}.action-buttons .ghost{min-width:40px;padding:4px 8px;font-size:18px}.rack-label{display:none}}@media(max-width:760px){.lbl-long{display:none}.lbl-short{display:inline}.current-bet-panel .panel-label{display:none}.current-bet-panel{padding:3px 8px}.current-bet-panel .bet-amount{font-size:16px}.roll-slot{flex:1 1 0}}@media(max-width:640px){.bottom-control-bar{gap:6px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}.bottom-control-bar .rack{flex:0 0 auto;gap:4px}.bottom-control-bar .chip-btn{width:32px;height:32px;font-size:10px;border-width:2px}.bottom-control-bar .chip-btn.selected{z-index:2}.bottom-control-bar .chip-btn:after{display:none}.action-buttons{gap:4px}.action-buttons .ghost{min-width:34px;min-height:36px;padding:2px 6px;font-size:16px}.roll-slot .roll-btn{min-height:38px;padding:4px 8px;font-size:14px}.roll-stack .done-btn{min-height:38px;padding:0;font-size:20px;width:40px}.roll-stack .roll-btn{width:100px}.roll-art{height:38px;width:38px;margin:-8px 0}.current-bet-panel .bet-amount{font-size:14px}}@media(max-width:480px){.bottom-control-bar:has(.done-btn) .current-bet-panel{display:none}}@media(max-width:340px){.current-bet-panel{display:none}}.leave-row .ghost{width:100%;min-height:44px}.room-card .room-leave{width:100%;margin-top:8px;min-height:40px}.leave-alert{margin:8px 0 0;padding:10px 12px;border-radius:10px;border:1px solid rgba(242,193,78,.55);background:#f2c14e1f;color:var(--gold);font-size:14px;line-height:1.35}.result-scrim{position:fixed;inset:0;pointer-events:auto;background:transparent}.result{position:relative}.rolls li .roll-net{font-size:12px;margin-left:2px}.rolls li .roll-net.up{color:var(--green)}.rolls li .roll-net.down{color:var(--red)}@media(max-width:400px){.bottom-control-bar:has(.done-btn){gap:4px;padding-left:6px;padding-right:6px}.bottom-control-bar:has(.done-btn) .rack{gap:2px}.bottom-control-bar:has(.done-btn) .chip-btn{width:30px;height:30px;font-size:9px}.bottom-control-bar:has(.done-btn) .action-buttons .ghost{min-width:30px;padding:2px 4px}.roll-stack{gap:4px}.roll-stack .done-btn{width:36px;padding:0;font-size:18px}.roll-stack .roll-btn{width:76px;padding:4px 2px;font-size:12px;gap:2px}.roll-art{height:32px;width:32px;margin:-6px 0}}@media(max-width:375px){.bottom-control-bar:has(.done-btn) .rack{gap:1px}.bottom-control-bar:has(.done-btn) .chip-btn{width:27px;height:27px;font-size:8px}}.guide-layer{position:fixed;left:0;right:0;top:calc(var(--topbar-h, 64px) + 10px);display:flex;justify-content:center;z-index:46;pointer-events:none;padding:0 12px}.guide-card{pointer-events:auto;width:min(440px,100%);background:#1c2a22;border:1px solid var(--gold);border-radius:14px;padding:12px 16px 10px;box-shadow:var(--shadow);animation:drop .2s ease-out}.guide-title{font-weight:800;color:var(--gold);font-size:16px}.guide-body{margin:4px 0 0;font-size:14px;line-height:1.4}.guide-note{margin:6px 0 0;font-size:13px;line-height:1.4;color:var(--muted)}.guide-actions{display:flex;justify-content:flex-end;margin-top:4px}.guide-actions .link{padding:4px 0;font-size:13px;color:var(--muted);font-weight:600}.guide-actions .primary{min-height:36px}.board.guide-pass .bet-area[data-bet=pass_line] .outline{stroke:var(--gold);stroke-width:4;animation:guide-pulse 1.1s ease-in-out infinite}@keyframes guide-pulse{0%,to{fill:#f2c14e0f}50%{fill:#f2c14e57}}.roll-btn.guide-pulse{animation:guide-ring 1.1s ease-in-out infinite}@keyframes guide-ring{0%,to{box-shadow:0 0 #f2c14e8c}50%{box-shadow:0 0 0 9px #f2c14e00}}.bet-why{margin-top:8px;padding:8px 10px;border-radius:8px;background:var(--panel-2);font-size:12.5px;line-height:1.4;color:var(--muted)}.bet-why b{color:var(--gold)}@media(max-width:600px){.guide-layer{top:auto;bottom:84px}}@media(max-height:520px){.guide-layer{top:auto;bottom:84px;justify-content:flex-start}.guide-card{width:min(360px,52vw);padding:8px 12px 6px}.guide-body{font-size:13px;margin-top:2px}.guide-note{display:none}}.modal:has(.sandbox){width:min(680px,calc(100vw - 32px))}.sbx-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0 6px}.sbx-field{display:grid;min-width:0;gap:4px;font-size:12px;color:var(--muted)}.sbx-field select{width:100%;min-width:0;min-height:var(--tap);border-radius:10px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);padding:0 10px;font-size:15px}.sbx-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.sbx-chart{width:100%;height:auto;background:var(--panel-2);border:1px solid var(--line);border-radius:12px}.sbx-line{stroke:var(--gold);stroke-width:2;stroke-linejoin:round}.sbx-base{stroke:var(--muted);stroke-width:1;stroke-dasharray:4 4;opacity:.6}.sbx-axis{fill:var(--muted);font-size:11px}.sbx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:12px 0}.sbx-stat{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:grid;gap:2px}.sbx-stat small{color:var(--muted)}.sbx-stat b.good{color:var(--green)}.sbx-stat b.bad,.sbx-warn{color:var(--red)}.sbx-explain,.sbx-foot{font-size:13px}@media(min-width:640px){.sbx-controls{grid-template-columns:2fr 1fr 1fr 1fr}.sbx-controls .sbx-field:last-child{grid-column:1 / -1}}.sbx-tabs{display:flex;gap:8px;margin:0 0 12px;padding-right:36px}.sbx-tab.on{background:var(--gold);color:#1a1205;border-color:var(--gold)}.sbx-table{width:100%;border-collapse:collapse;font-size:14px}.sbx-table th{text-align:left;color:var(--muted);font-weight:600;padding:6px 4px;border-bottom:1px solid var(--line)}.sbx-table td{padding:8px 4px;border-bottom:1px solid var(--line)}.sbx-table td.good{color:var(--green)}.sbx-table td.bad{color:var(--red)}.sbx-builder{display:grid;gap:8px;margin:8px 0;padding:12px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px}.sbx-builder[hidden]{display:none}.sbx-leg{display:grid;grid-template-columns:1fr 110px;gap:8px}.sbx-leg select,.sbx-builder .sbx-field select{min-height:var(--tap);border-radius:10px;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:0 10px;font-size:15px}.sbx-note{margin:4px 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);font-size:14px}.sbx-note dt{font-size:12px;color:var(--muted);margin-top:8px}.sbx-note dt:first-child{margin-top:0}.sbx-note dd{margin:2px 0 0}.sbx-warn-soft{margin:6px 0;padding:8px 10px;border:1px dashed var(--line);border-radius:10px;font-size:13px;color:var(--muted)}.sbx-luck{margin:14px 0}.sbx-luck h3{margin:0 0 4px}.sbx-luck-row{margin:8px 0}.sbx-luck-row.lucky b{color:var(--good, #6fd08c)}.sbx-luck-row.unlucky b{color:var(--bad, #ff7a7a)}.sbx-dice{margin:16px 0 8px}.sbx-dice h3{margin:0 0 4px}.dice-chart{display:block;width:100%;max-width:520px;height:auto;margin:8px auto 0}.dice-fair{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-dasharray:4 3}.dice-obs{fill:#3ccf8e99}.dice-obs.seven{fill:var(--gold)}.dice-count{fill:var(--text);font-size:11px;text-anchor:middle}.dice-total{fill:var(--muted);font-size:13px;text-anchor:middle}.dice-total.seven{fill:var(--gold);font-weight:700}.dice-key{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin:6px 0 8px;font-size:12px}.dice-key-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.dice-swatch{display:inline-block;flex:none;width:14px;height:10px;border-radius:2px}.dice-swatch.fair{border:1.5px dashed var(--muted)}.dice-swatch.obs{background:#3ccf8e99}.dice-numbers{margin:8px 0}.dice-numbers summary{cursor:pointer;color:var(--muted)}.sbx-story{margin:10px 0 14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}.story-head{display:flex;justify-content:space-between;align-items:baseline;gap:2px 12px;flex-wrap:wrap;margin-bottom:8px}.story-head .muted{font-size:12px}.story-stage{position:relative;max-width:520px;margin:0 auto}.story-svg{display:block;width:100%;height:auto;overflow:hidden;border-radius:18px;-webkit-user-select:none;user-select:none}.story-svg text{dominant-baseline:central;font-family:inherit}.story-felt-hi{stop-color:#14803f}.story-felt-lo{stop-color:var(--felt)}.story-felt{stroke:#d4af3799;stroke-width:2}.story-box{fill:#00000029;stroke:#f5cf6680;stroke-width:1.5;transition:fill .4s,stroke .4s}.story-box.point{fill:#f5cf6629;stroke:var(--gold);stroke-width:2.5}.story-box.odds{stroke-dasharray:5 4}.story-number{fill:#f3efe1;font-size:26px;font-weight:700;text-anchor:middle;opacity:.92}.story-label{fill:#f5cf66e6;font-size:14px;font-weight:700;letter-spacing:.12em}.story-label.big{font-size:18px}.story-sub{fill:#f3efe1bf;font-size:12px;letter-spacing:.06em}.story-badge{fill:#0006;stroke:#f5cf668c}.story-badge-text{fill:var(--gold);font-size:12px;font-weight:700;text-anchor:middle}.story-roll{fill:#f3efe1b3;font-size:12px;text-anchor:middle}.story-tally-label{fill:#f3efe1b3;font-size:12px;text-anchor:end}.story-tally-value{fill:#f3efe1;font-size:17px;font-weight:700;text-anchor:end}.story-tally-value.pos{fill:#7dffb8}.story-tally-value.neg{fill:#ff9a90}.story-puck,.story-chip{transition:transform .6s cubic-bezier(.2,.8,.25,1),opacity .5s ease}.story-die-face{fill:#c9201f;stroke:#7d1010;stroke-width:1.5}.story-pip{fill:#fff;opacity:0}.story-pip.on{opacity:1}.story-die-body,.story-chip-body{transform-box:fill-box;transform-origin:center}.story-die-body.rolling{animation:story-tumble .8s ease-in-out}@keyframes story-tumble{0%{transform:translateY(-34px) rotate(0)}28%{transform:translateY(0) rotate(150deg)}45%{transform:translateY(-16px) rotate(230deg)}62%{transform:translateY(0) rotate(300deg)}78%{transform:translateY(-6px) rotate(340deg)}to{transform:translateY(0) rotate(360deg)}}.story-total{fill:var(--gold);font-size:30px;font-weight:800}.story-moment{fill:#f3efe1d9;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.story-puck circle{stroke-width:2;transition:fill .4s}.story-puck text{font-size:11px;font-weight:800;text-anchor:middle}.story-puck.off circle{fill:#111;stroke:#c9c9c9}.story-puck.off text{fill:#eee}.story-puck.on circle{fill:#f6f4ea;stroke:#222}.story-puck.on text{fill:#111}.story-chip-ring{stroke-width:2.5}.story-chip-dash{fill:none;stroke:#ffffff8c;stroke-width:1.5;stroke-dasharray:3 3}.story-chip-label{font-size:10px;font-weight:800;text-anchor:middle}.story-glow{opacity:0;transition:opacity .25s}.story-chip.win .story-glow{opacity:.85;fill:#3ccf8e80}.story-chip.lose .story-glow{opacity:.85;fill:#ff6b5e80}.story-chip.push .story-glow,.story-chip.back .story-glow{opacity:.75;fill:#f0e8c873}.story-chip.win .story-chip-body{animation:story-pulse .7s ease-in-out 2}@keyframes story-pulse{50%{transform:scale(1.18)}}.story-chip.off .story-chip-body{opacity:.6}.story-off-tag{display:none}.story-chip.off .story-off-tag{display:inline}.story-off-tag rect{fill:#111;stroke:#aaa;stroke-width:1}.story-off-tag text{fill:#eee;font-size:7px;font-weight:800;text-anchor:middle}.story-float{font-size:15px;font-weight:800;text-anchor:middle;paint-order:stroke;stroke:#000000b3;stroke-width:3.5px;stroke-linejoin:round;animation:story-float 1.8s ease-out forwards}.story-float.end{text-anchor:end}.story-float.small{font-size:12px;stroke-width:3px;animation-name:story-fade}@keyframes story-fade{0%{opacity:0}12%,78%{opacity:1}to{opacity:0}}.tone-win{fill:#7dffb8}.tone-lose{fill:#ff9a90}.tone-push,.tone-back{fill:#f3efe1}@keyframes story-float{0%{opacity:0;transform:translateY(8px)}14%,75%{opacity:1}to{opacity:0;transform:translateY(-28px)}}.story-svg.instant .story-chip,.story-svg.instant .story-puck,.story-svg.instant .story-box,.story-svg.instant .story-glow,.story-svg.instant .story-puck circle{transition:none!important}.story-caption{margin:10px 0 8px;min-height:7.4em;font-size:15px;line-height:1.45}.story-said{font-weight:700;color:var(--text)}.story-lesson{color:var(--muted)}.story-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.story-dots{display:inline-flex;gap:2px;margin-left:auto}.story-dot{position:relative;width:26px;height:36px;background:none;border:0;padding:0}.story-dot:before{content:"";position:absolute;left:8px;top:13px;width:10px;height:10px;border-radius:50%;background:var(--line);border:1px solid var(--muted)}.story-dot.on:before{background:var(--gold);border-color:var(--gold)}.story-end{position:absolute;inset:0;display:grid;place-content:center;gap:8px;padding:24px;text-align:center;background:#080808eb;border-radius:18px;font-size:15px}.story-end[hidden]{display:none}.story-end b{font-size:20px;color:var(--gold)}@media(min-width:640px){.story-caption{min-height:5.4em}}.analytics-row{display:grid;gap:4px;margin:8px 0 6px}.analytics-row .analytics-link{width:100%;min-height:44px}.analytics-row small{text-align:center}html,body{height:auto;min-height:100%;overflow:auto;overscroll-behavior:auto}.ap-head,.ap-main{max-width:760px;margin:0 auto;padding:0 16px}.ap-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:16px;padding-bottom:12px}.ap-brand{font-weight:700;letter-spacing:.04em;color:var(--gold);text-decoration:none;font-size:1.1rem}.ap-link{display:inline-block;font-weight:700;color:#1a1204;background:var(--gold);border-radius:10px;padding:11px 20px;text-decoration:none;min-height:44px}.ap-main h1{font-size:clamp(1.6rem,5vw,2.2rem);margin:.3em 0}.ap-lead{color:var(--muted);margin:0 0 16px}.ap-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:40px}.ap-card .sbx-tabs{padding-right:0}