:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f172a;color:#eef2ff;--panel: rgba(15, 23, 42, .82);--line: rgba(148, 163, 184, .24);--muted: #9ca3af;--accent: #14b8a6;--accent-2: #f59e0b;--danger: #ef4444}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html,body{overflow-x:clip}body{min-height:100vh;background:radial-gradient(circle at 15% 0%,rgba(20,184,166,.22),transparent 30rem),linear-gradient(135deg,#111827,#0f172a 45%,#1e1b4b)}button,input{font:inherit}button{min-height:48px;border:1px solid var(--line);border-radius:8px;padding:0 16px;color:#f8fafc;background:#ffffff14;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.48;cursor:not-allowed}input{width:100%;min-height:52px;border:1px solid var(--line);border-radius:8px;padding:0 14px;color:#fff;background:#0f172ac2;outline:none}label{display:grid;gap:8px;color:var(--muted);font-size:.92rem}h1,h2,p{margin:0}.shell{width:min(100%,1040px);margin:0 auto;padding:max(18px,env(safe-area-inset-top)) max(14px,calc(env(safe-area-inset-right) + 14px)) 28px max(14px,calc(env(safe-area-inset-left) + 14px))}.wide{max-width:1180px}.home{display:grid;min-height:100vh;align-content:start;gap:20px;padding-top:max(34px,calc(env(safe-area-inset-top) + 24px))}.brand{display:flex;align-items:center;gap:16px;position:relative}.brand:before{content:"";position:absolute;top:-18px;right:-10px;bottom:-18px;left:-10px;border-radius:26px;background:linear-gradient(120deg,rgba(20,184,166,.16),transparent 42%),radial-gradient(circle at 18% 50%,rgba(245,158,11,.18),transparent 18rem);pointer-events:none;z-index:-1}.hero-title{display:grid;gap:.12em;margin-top:4px;font-size:clamp(2.5rem,12vw,5.8rem);line-height:.82;letter-spacing:-.07em;text-transform:uppercase}.hero-title span{display:block;width:max-content;max-width:100%;background:linear-gradient(92deg,#f8fafc,#5eead4 45%,#f59e0b 105%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 14px 20px rgba(0,0,0,.3))}.hero-title span:last-child{font-size:.58em;letter-spacing:.02em;color:#cbd5e1;background:none;filter:none}.logo,.mini-logo{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;color:#0f172a;background:radial-gradient(circle at 30% 25%,#ffffff,transparent 34%),linear-gradient(145deg,#5eead4,#fef3c7 52%,#f59e0b);box-shadow:0 20px 44px #00000052,0 0 0 1px #ffffff47 inset;transform:rotate(-7deg)}.mini-logo{width:44px;height:44px;border-radius:8px;transform:none}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.12em}.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 18px 50px #0003}.home-panel{display:grid;gap:14px;padding:16px}.join-grid{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.primary{border-color:#14b8a699;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#042f2e;font-weight:850}.ghost{background:transparent}.home-secondary{justify-self:center;width:min(100%,320px)}.active-games{display:grid;gap:10px;padding:12px}.active-games h2{font-size:.95rem;color:#f8fafc}.active-game-list{display:grid;gap:8px}.active-game-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#ffffff0b}.active-game-row div{min-width:0;display:grid;gap:3px}.active-game-row strong{color:#fef3c7;font-size:.9rem}.active-game-row span,.active-game-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.75rem}.active-game-row button{min-height:36px;padding:0 10px;font-size:.78rem}.danger{background:#ef444429;border-color:#ef444475}.topbar{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;margin-bottom:14px}.topbar h1{font-size:1.45rem}.icon-btn{width:44px;min-height:44px;padding:0}.code-panel{padding:18px;text-align:center;display:grid;gap:12px}.game-code{font-size:clamp(2.8rem,15vw,6rem);font-weight:900;color:#f8fafc;letter-spacing:.08em}.actions,.admin-bar{display:flex;gap:10px;flex-wrap:wrap}.actions button{flex:1}.admin-bar{align-items:center;justify-content:space-between}.disconnect-card{flex:1 1 100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid rgba(239,68,68,.32);border-radius:8px;color:#fecaca;background:#ef44441a}.disconnect-card span{min-width:0;font-size:.88rem;font-weight:800}.disconnect-card button{flex:0 0 auto}.tiny-action{flex:0 0 auto;min-height:34px;padding:0 10px;gap:5px;font-size:.78rem}.players{padding:16px;margin-top:14px;display:grid;gap:10px}.players h2{font-size:1.05rem}.player-row{display:grid;grid-template-columns:14px 1fr auto auto auto;align-items:center;gap:8px;min-height:42px;color:var(--muted)}.player-row b{color:#fff}.status{width:10px;height:10px;border-radius:50%;background:#64748b}.status.online{background:#22c55e;box-shadow:0 0 0 4px #22c55e26}.gold{color:var(--accent-2)}.tiny{width:34px;min-height:34px;padding:0}.waiting{color:var(--muted);text-align:center;padding:18px}.game{display:grid;gap:10px}.game-brand{display:flex;align-items:center;gap:14px;min-width:0;padding:4px 2px 8px}.game-brand div:last-child{display:grid;gap:1px;min-width:0}.game-brand strong{width:max-content;max-width:100%;background:linear-gradient(92deg,#f8fafc,#5eead4 45%,#f59e0b 105%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.62rem;font-weight:900;line-height:1;letter-spacing:.04em}.game-brand span{color:var(--muted);font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.game-logo{width:76px;height:76px;border-radius:18px;transform:rotate(-5deg);box-shadow:0 18px 38px #00000052,0 0 0 1px #ffffff40 inset}.dice-column{display:flex;flex-direction:column;gap:12px;min-height:100%}.dice-stage{min-height:0;border:1px solid rgba(20,184,166,.28);border-radius:8px;padding:14px;display:grid;gap:6px;background:linear-gradient(160deg,#14b8a629,#0f172ae6),#0f172adb;overflow:hidden;perspective:760px;flex:1 1 auto}.dice-stage.active{border-color:#5eead4bd;background:linear-gradient(160deg,#14b8a647,#0f172adb),#0f172ae6;box-shadow:0 0 0 1px #5eead42e inset,0 0 34px #14b8a638}.dice-stage.idle{border-color:#94a3b838;background:linear-gradient(160deg,#1e293b4d,#0f172ae6),#0f172ad1}.dice-stage.active .dice-row{border-radius:8px}.turn-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.dice-stage h2{font-size:1.18rem}.turn{color:var(--muted);font-size:.86rem}.turn.mine{color:var(--accent);font-weight:800}.dice-action-row{display:grid;grid-template-columns:1fr;gap:8px;align-items:center}.dice-action-row .turn{margin-top:6px;text-align:center}.dice-row{display:grid;grid-template-columns:repeat(5,minmax(62px,1fr));gap:clamp(16px,3vw,24px);align-items:center;justify-items:center;min-height:104px;padding:6px 8px 16px;transform-style:preserve-3d}.die{width:min(100%,100px);aspect-ratio:1;min-height:auto;padding:0;position:relative;border:0;border-radius:8px;background:transparent;box-shadow:0 18px 24px #00000052;display:flex;align-items:center;justify-content:center;transform:translate3d(var(--dx, 0),var(--dy, 0),var(--dz, 0)) rotateX(var(--rx, 8deg)) rotateY(var(--ry, -8deg)) rotate(var(--rz, 0deg));transform-style:preserve-3d;transition:filter .18s ease,transform .18s ease,box-shadow .18s ease}.die:after{content:"";position:absolute;left:10%;right:10%;bottom:-18%;height:20%;border-radius:50%;background:#0000004d;filter:blur(6px);transform:translateZ(-34px);pointer-events:none}.die:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;border-radius:24%;background:#f59e0b00;mix-blend-mode:multiply;pointer-events:none;z-index:1;transition:background .18s ease}.die-face{width:120%;height:120%;flex:0 0 auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 12px rgba(0,0,0,.25));position:relative;z-index:0}.die.pose-0{--dx: -2px;--dy: 3px;--dz: 8px;--rx: 14deg;--ry: -10deg;--rz: -5deg}.die.pose-1{--dx: 2px;--dy: -2px;--dz: 14px;--rx: -8deg;--ry: 13deg;--rz: 6deg}.die.pose-2{--dx: -1px;--dy: 4px;--dz: 4px;--rx: 11deg;--ry: 8deg;--rz: 3deg}.die.pose-3{--dx: 3px;--dy: 1px;--dz: 18px;--rx: -13deg;--ry: -7deg;--rz: -8deg}.die.pose-4{--dx: -3px;--dy: -3px;--dz: 12px;--rx: 7deg;--ry: 14deg;--rz: 9deg}.die.pose-5{--dx: 2px;--dy: 4px;--dz: 6px;--rx: -7deg;--ry: -13deg;--rz: 4deg}.die.locked{box-shadow:0 0 0 5px #f59e0b6b,0 0 24px #f59e0b57,0 18px 24px #00000052}.die.locked:before{background:#f59e0b57}.die.locked .die-face{filter:sepia(.55) saturate(1.7) brightness(1.04) drop-shadow(0 10px 12px rgba(0,0,0,.25))}.die.rolling{animation:roll .46s cubic-bezier(.16,.86,.25,1)}@keyframes roll{0%{transform:translate3d(calc(var(--dx) - 6px),calc(var(--dy) + 5px),8px) rotateX(84deg) rotateY(-54deg) rotate(-30deg) scale(.92)}42%{transform:translate3d(calc(var(--dx) + 5px),calc(var(--dy) - 6px),34px) rotateX(-62deg) rotateY(72deg) rotate(44deg) scale(1.03)}72%{transform:translate3d(calc(var(--dx) - 2px),calc(var(--dy) + 2px),18px) rotateX(30deg) rotateY(-20deg) rotate(20deg) scale(.98)}to{transform:translate3d(var(--dx),var(--dy),var(--dz)) rotateX(var(--rx)) rotateY(var(--ry)) rotate(var(--rz)) scale(1)}}.roll-btn{width:100%;min-width:92px;min-height:58px;padding:0 12px;margin-top:auto}.game-note{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex:1 1 auto;color:var(--muted);font-size:.78rem;opacity:.72}.sound-compact{width:28px;min-height:28px;padding:0;border-radius:999px;color:var(--muted);background:transparent}.score-wrap{min-width:0}.compact-board{min-width:0;padding:10px;overflow:hidden;background:#f8fafc}.compact-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.compact-head strong{color:#fef3c7;font-size:.88rem;white-space:nowrap}.compact-scroll{overflow-x:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.compact-table{width:100%;min-width:0;border:1px solid #0f172a;border-right:0;border-bottom:0;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.78rem}.compact-table th,.compact-table td{height:30px;padding:5px 3px;border-right:1px solid #0f172a;border-bottom:1px solid #0f172a;text-align:center;color:#111827;background:#fff}.compact-table th:first-child,.compact-table td:first-child{width:clamp(48px,18%,68px)}.compact-table thead th{position:sticky;top:0;z-index:1;color:#111827;background:#e5e7eb}.compact-table th:first-child{position:sticky;left:0;z-index:2;text-align:left;color:#111827;background:#f1f5f9}.compact-table thead th:first-child{z-index:3}.compact-table thead th span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;font-weight:900;letter-spacing:.04em}.compact-table td{font-variant-numeric:tabular-nums;font-weight:800}.compact-table .current-col{color:#111827;background:#e0f2fe}.compact-table thead .current-col{color:#111827;background:#bae6fd}.compact-table .own-col{box-shadow:none}.compact-table thead .own-col{color:#111827;background:#fde68a}.compact-table .own-turn-col{color:#111827;background:#fef3c7}.compact-table .empty-player-col,.compact-table td.empty-player-cell{color:#111827;background:#fff}.compact-table thead .empty-player-col{background:#e5e7eb}.compact-table thead .own-turn-col{color:#111827;background:#fbbf24}.compact-table td.filled-cell{color:#000;background:#fff}.compact-table td.choice-cell{padding:0}.compact-table td.choice-cell.good{color:#052e16;background:#bbf7d0}.compact-table td.choice-cell.zero{color:#7f1d1d;background:#fecaca}.compact-choice{width:100%;min-width:0;min-height:100%;padding:0 3px;border:0;border-radius:0;color:inherit;background:transparent;font-size:inherit;font-weight:900}.initials-legend{display:flex;flex-wrap:wrap;gap:4px 10px;padding:8px 2px 0;color:var(--muted);font-size:.68rem;line-height:1.25}.initials-legend span{white-space:nowrap}.initials-legend b{color:#111827;font-weight:900;letter-spacing:.04em}.choice-cell.zero .compact-choice{color:inherit}.compact-table .summary-row th,.compact-table .summary-row td{color:#000;background:#f3f4f6}.compact-table .summary-row.total th,.compact-table .summary-row.total td{height:34px;color:#000;background:#e5e7eb}.compact-table .gold{margin-left:3px;vertical-align:-2px}.winner{padding:26px;display:grid;place-items:center;gap:8px;text-align:center}.winner h2{font-size:2.2rem}.winner svg{color:var(--accent-2)}.ranking{padding:10px;display:grid;gap:8px}.rank{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff0d}.rank small{grid-column:2 / -1;color:var(--muted)}.winner-row{border-color:#f59e0b8c;background:#f59e0b1f}.two{display:grid;grid-template-columns:1fr 1fr}.toast{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100vw - 28px),460px);padding:14px 16px;border-radius:8px;background:#f8fafc;color:#111827;box-shadow:0 20px 50px #0000005c;text-align:center;font-weight:800;z-index:10}.confetti{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:9}.confetti i{position:absolute;top:-10px;left:var(--x);width:9px;height:16px;background:hsl(var(--h) 90% 58%);animation:fall var(--d) linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}@media(min-width:820px){.game{grid-template-columns:.95fr 1.25fr;align-items:stretch}.game-brand,.admin-bar,.game-note{grid-column:1 / -1}.dice-column{position:sticky;top:18px}.dice-stage{padding:14px}.dice-stage h2{font-size:1.35rem}.roll-btn{min-height:48px}}@media(max-width:819px){.game.shell{padding-right:max(14px,calc(env(safe-area-inset-right) + 14px))}.game{grid-template-columns:82px minmax(0,1fr);gap:8px;align-items:stretch}.game-brand{grid-column:1 / -1;padding:2px 0 4px}.game-logo{width:58px;height:58px;border-radius:14px}.game-brand strong{font-size:1.28rem}.game-brand span{font-size:.74rem}.dice-column{position:sticky;top:max(6px,env(safe-area-inset-top));z-index:4}.dice-stage{padding:7px 6px;gap:5px}.turn-head{display:grid;gap:2px;text-align:center}.dice-stage h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.turn{font-size:.65rem;line-height:1.1}.dice-action-row{gap:8px}.dice-row{width:68px;min-height:0;margin:0 auto;grid-template-columns:1fr;gap:20px;padding:5px 5px 10px}.die{width:58px;min-height:0;box-shadow:0 9px 12px #00000042}.die.locked{box-shadow:0 0 0 3px #f59e0b47,0 9px 12px #00000042}.roll-btn{min-width:0;min-height:38px;padding:0 4px;gap:3px;font-size:.66rem;line-height:1}.roll-btn svg{width:14px;height:14px}.active-game-row{grid-template-columns:1fr}.active-game-row button{width:100%}.compact-board{padding:7px}.compact-head{margin-bottom:6px}.compact-head strong{font-size:.7rem}.compact-table{font-size:.62rem}.compact-table th,.compact-table td{height:25px;padding:3px 1px}.compact-table th:first-child,.compact-table td:first-child{width:45px}.compact-choice{min-height:21px;border-radius:5px}.initials-legend{gap:3px 7px;padding-top:6px;font-size:.6rem}.admin-bar,.game-note{grid-column:1 / -1}}@media(max-width:520px){.join-grid,.two{grid-template-columns:1fr}.shell{padding:max(8px,env(safe-area-inset-top)) max(8px,calc(env(safe-area-inset-right) + 8px)) 18px max(8px,calc(env(safe-area-inset-left) + 8px))}.game.shell{padding-right:max(14px,calc(env(safe-area-inset-right) + 14px))}.compact-board{padding:8px}.compact-table{font-size:.72rem}.compact-table th,.compact-table td{height:27px;padding:4px 2px}.compact-table th:first-child,.compact-table td:first-child{width:60px}.player-row{grid-template-columns:14px 1fr auto auto}.player-row span:last-of-type{display:none}}