: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}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)) 14px 28px}.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}.home-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;color:var(--muted);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.home-divider:before,.home-divider:after{content:"";height:1px;background:var(--line)}.primary{border-color:#14b8a699;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#042f2e;font-weight:850}.ghost{background:transparent}.danger{background:#ef444429;border-color:#ef444475}.rules-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.rules-strip span{padding:10px 8px;border:1px solid var(--line);border-radius:8px;text-align:center;color:#cbd5e1;background:#ffffff0f;font-size:.82rem}.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,.admin-bar button{flex:1}.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}.dice-column{display:grid;gap:12px}.dice-stage{min-height:0;border:1px solid rgba(20,184,166,.28);border-radius:8px;padding:14px;display:grid;gap:12px;background:linear-gradient(160deg,#14b8a629,#0f172ae6),#0f172adb;overflow:hidden;perspective:760px}.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 auto;gap:10px;align-items:center}.dice-row{display:grid;grid-template-columns:repeat(5,minmax(42px,1fr));gap:clamp(7px,2vw,14px);align-items:center;min-height:74px;padding:4px 2px 6px;transform-style:preserve-3d}.die{aspect-ratio:1;min-height:auto;padding:9%;position:relative;border:1px solid rgba(255,255,255,.88);border-radius:18%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.98),rgba(255,255,255,.22) 22%,transparent 38%),linear-gradient(145deg,#fff,#eef6ff 46%,#c7d8f1);box-shadow:0 20px 24px #00000047,0 5px #94a3b873,inset 0 2px 3px #fffffffa,inset -7px -9px 16px #3341552e,inset 5px 6px 10px #ffffffa8;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center;gap:7%;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:transform .18s ease,box-shadow .18s ease}.die:before{content:"";position:absolute;top:5%;right:5%;bottom:5%;left:5%;border-radius:15%;background:linear-gradient(135deg,rgba(255,255,255,.64),transparent 34%),radial-gradient(circle at 72% 78%,rgba(15,23,42,.1),transparent 38%);pointer-events:none;z-index:1}.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-side{position:absolute;display:block;border-radius:16%;pointer-events:none;z-index:-1}.die-side-right{top:8%;right:-9%;width:18%;height:84%;background:linear-gradient(180deg,#d8e7f8,#9fb5d4);transform:rotateY(70deg) translateZ(-1px);box-shadow:inset -4px 0 8px #0f172a38}.die-side-bottom{left:8%;right:8%;bottom:-9%;height:18%;background:linear-gradient(90deg,#d4e3f6,#8fa6c8);transform:rotateX(70deg) translateZ(-1px);box-shadow:inset 0 -4px 8px #0f172a3d}.die.pose-0{--dx: -4px;--dy: 5px;--dz: 8px;--rx: 18deg;--ry: -12deg;--rz: -7deg}.die.pose-1{--dx: 3px;--dy: -3px;--dz: 14px;--rx: -10deg;--ry: 16deg;--rz: 9deg}.die.pose-2{--dx: -1px;--dy: 8px;--dz: 4px;--rx: 14deg;--ry: 9deg;--rz: 4deg}.die.pose-3{--dx: 5px;--dy: 2px;--dz: 18px;--rx: -16deg;--ry: -8deg;--rz: -11deg}.die.pose-4{--dx: -5px;--dy: -5px;--dz: 12px;--rx: 8deg;--ry: 18deg;--rz: 13deg}.die.pose-5{--dx: 4px;--dy: 7px;--dz: 6px;--rx: -8deg;--ry: -17deg;--rz: 6deg}.pip{width:min(72%,18px);height:min(72%,18px);border-radius:50%;background:transparent;position:relative;z-index:2}.pip.show{background:radial-gradient(circle at 38% 34%,#334155,#0f172a 42%,#020617);box-shadow:inset 0 2px 3px #ffffff2e,inset 0 -2px 3px #00000080,0 1px 1px #ffffff6b}.die.locked{border-color:#f59e0bf2;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.98),rgba(255,255,255,.28) 22%,transparent 38%),linear-gradient(145deg,#fff8d7,#fde68a 48%,#fbbf24);box-shadow:0 0 0 5px #f59e0b47,0 20px 24px #00000047,0 5px #92400e8c,inset 0 2px 3px #fffffffa,inset -7px -9px 16px #92400e2e}.die.locked .die-side-right{background:linear-gradient(180deg,#fde68a,#d97706)}.die.locked .die-side-bottom{background:linear-gradient(90deg,#fef3c7,#b45309)}.lock-mark{position:absolute;right:4px;bottom:4px;color:var(--accent-2);z-index:3}.die.rolling{animation:roll .46s cubic-bezier(.16,.86,.25,1)}@keyframes roll{0%{transform:translate3d(calc(var(--dx) - 10px),calc(var(--dy) + 8px),8px) rotateX(96deg) rotateY(-62deg) rotate(-38deg) scale(.92)}42%{transform:translate3d(calc(var(--dx) + 8px),calc(var(--dy) - 10px),42px) rotateX(-74deg) rotateY(86deg) rotate(56deg) scale(1.06)}72%{transform:translate3d(calc(var(--dx) - 3px),calc(var(--dy) + 3px),20px) rotateX(36deg) rotateY(-24deg) rotate(24deg) 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:auto;min-width:92px;min-height:58px;padding:0 12px}.game-note{display:flex;align-items:center;justify-content:center;gap:8px;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:#0f172ad1}.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:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.compact-table{width:100%;min-width:360px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.78rem}.compact-table th,.compact-table td{min-width:54px;height:30px;padding:5px 6px;border-right:1px solid rgba(148,163,184,.18);border-bottom:1px solid rgba(148,163,184,.18);text-align:center;color:#dbeafe;background:#ffffff0b}.compact-table th:first-child,.compact-table td:first-child{min-width:72px}.compact-table thead th{position:sticky;top:0;z-index:1;color:#f8fafc;background:#1e293bf5}.compact-table th:first-child{position:sticky;left:0;z-index:2;text-align:left;color:#cbd5e1;background:#0f172afa}.compact-table thead th:first-child{z-index:3}.compact-table thead th span{display:inline-block;max-width:58px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.compact-table td{font-variant-numeric:tabular-nums;font-weight:800}.compact-table .current-col{color:#ccfbf1;background:#14b8a621}.compact-table thead .current-col{color:#042f2e;background:#5eead4}.compact-table .summary-row th,.compact-table .summary-row td{color:#fef3c7;background:#f59e0b1a}.compact-table .summary-row.total th,.compact-table .summary-row.total td{height:34px;color:#f8fafc;background:#14b8a62e}.compact-table .gold{margin-left:3px;vertical-align:-2px}.my-score{display:grid;gap:12px;padding:14px;margin-bottom:12px;background:#0f172ad1}.my-score-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.my-score-head h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}.my-score-head h2 span{color:var(--accent);text-transform:uppercase;font-size:.72rem;font-weight:850;letter-spacing:.08em}.my-score-head strong{color:#fef3c7;font-size:1rem;white-space:nowrap}.protocol-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px;align-items:start}.protocol-section{display:grid;gap:7px}.my-score-row{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid var(--line);border-radius:7px;background:#ffffff0d;color:#cbd5e1;font-size:.84rem;position:relative}.my-score-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-score-row strong{min-width:28px;text-align:right;color:#f8fafc}.my-score-row.open{color:#cbd5e1;border-color:#94a3b857;background:#ffffff0f}.my-score-row.open strong{color:#94a3b8}.my-score-row.filled{opacity:1;color:#111827;border-color:#e2e8f0b8;background:#f8fafc}.my-score-row.filled strong{min-width:30px;min-height:28px;display:grid;place-items:center;border-radius:7px;color:#111827;background:#f8fafc}.my-score-row.filled:disabled{opacity:1;cursor:default}.my-score-row.choose{cursor:pointer;opacity:1}.my-score-row.choose.good{color:#f8fafc;border-color:#5eead494;background:#14b8a624}.my-score-row.choose.good strong{color:#042f2e;background:#5eead4}.my-score-row.choose.zero{color:#fecaca;border-color:#ef444457;background:#ef444414}.my-score-row.choose.zero strong{color:#7f1d1d;background:#fecaca}.my-score-row.choose strong{min-width:30px;min-height:28px;display:grid;place-items:center;border-radius:7px}.my-score-row small{position:absolute;right:8px;bottom:1px;color:#94a3b8;font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.bonus-row{min-height:56px;display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;padding:9px;border:1px solid rgba(245,158,11,.42);border-radius:7px;background:#f59e0b1a}.bonus-row span{color:#fef3c7;font-weight:850}.bonus-row strong{color:#fef3c7;font-size:1.2rem}.bonus-row small{grid-column:1 / -1;color:#cbd5e1;font-size:.76rem}.bonus-row.made{border-color:#5eead48f;background:#14b8a624}.score{min-width:48px;width:100%;min-height:38px;padding:0 8px;border-radius:7px;font-weight:850}.score:disabled{opacity:1}.score.preview{color:#042f2e;background:#5eead4;border-color:#2dd4bf}.score.filled{color:#f8fafc;background:#ffffff1c;border-color:#94a3b857}.total-row td{font-weight:850;color:#fef3c7;background:#f59e0b14}.grand td{font-size:1.05rem;color:#fff;background:#14b8a621}.hint{color:var(--muted);font-size:.86rem;padding:10px 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:start}.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}.dice-action-row{grid-template-columns:1fr}.roll-btn{width:100%;min-height:48px}}@media(max-width:520px){.join-grid,.two{grid-template-columns:1fr}.shell{padding:max(8px,env(safe-area-inset-top)) 8px 18px}.dice-stage{padding:11px 9px;gap:8px}.dice-stage h2{font-size:1rem}.turn{font-size:.78rem}.dice-action-row{gap:7px}.dice-row{gap:6px;grid-template-columns:repeat(5,minmax(35px,1fr));min-height:62px}.roll-btn{min-width:76px;min-height:46px;padding:0 8px;font-size:.82rem}.protocol-grid{grid-template-columns:1fr 1fr;gap:8px}.compact-board{padding:8px}.compact-table{min-width:340px;font-size:.72rem}.compact-table th,.compact-table td{min-width:46px;height:27px;padding:4px 5px}.compact-table th:first-child,.compact-table td:first-child{min-width:66px}.compact-table thead th span{max-width:48px}.my-score{padding:9px;gap:8px}.my-score-head{gap:8px}.my-score-head h2{font-size:.9rem}.my-score-head h2 span{font-size:.66rem}.my-score-head strong{font-size:.9rem}.my-score-row{min-height:34px;padding:6px;font-size:.76rem}.bonus-row{min-height:48px;padding:6px}.player-row{grid-template-columns:14px 1fr auto auto}.player-row span:last-of-type{display:none}}