:root{--bg:#0a0d14;--bg-soft:#0f131d;--card:#131826;--card-2:#1a2032;--border:#ffffff14;--border-strong:#ffffff24;--text:#eef1f8;--text-dim:#9aa3b5;--text-faint:#626b7d;--accent:#6d5df6;--accent-2:#9d7bff;--green:#34d399;--red:#f4536e;--yellow:#fbbf24;--blue:#38bdf8;--p-red:#f4536e;--p-green:#34d399;--p-yellow:#fbbf24;--p-blue:#38bdf8;--radius:16px;--font:"Outfit", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;margin:0;padding:0}body{background:radial-gradient(900px 500px at 80% -10%, #6d5df624, transparent 60%), radial-gradient(700px 400px at 5% 10%, #38bdf814, transparent 60%), var(--bg);background-attachment:fixed}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{max-width:1180px;margin:0 auto;padding:0 24px 64px}.nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0a0d14b8;position:sticky;top:0}.nav-inner{align-items:center;gap:28px;max-width:1180px;height:64px;margin:0 auto;padding:0 24px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:8px;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.nav-links{gap:6px;margin-left:8px;display:flex}.nav-links a{color:var(--text-dim);border-radius:10px;padding:8px 14px;font-size:14.5px;font-weight:500;transition:color .15s,background .15s}.nav-links a:hover{color:var(--text);background:#ffffff0d}.nav-links a.active{color:var(--text);background:#6d5df629}.page-title{letter-spacing:-.01em;margin:36px 0 6px;font-size:30px;font-weight:700}.page-sub{color:var(--text-dim);margin:0 0 28px;font-size:15px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.card h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;font-size:15px;font-weight:600}.btn{border:1px solid var(--border-strong);background:var(--card-2);color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:#ffffff40;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-color:#0000;box-shadow:0 6px 22px #6d5df659}.btn-primary:hover:not(:disabled){box-shadow:0 8px 28px #6d5df680}.btn-sm{border-radius:9px;padding:7px 13px;font-size:13px}.btn-ghost{border-color:var(--border);color:var(--text-dim);background:0 0}.btn-danger{color:var(--red);background:#f4536e1f;border-color:#f4536e59}.input,select.input{background:var(--bg-soft);border:1px solid var(--border-strong);color:var(--text);border-radius:11px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14.5px;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input.mono{font-family:var(--mono);font-size:13px}.table{border-collapse:collapse;width:100%}.table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);border-bottom:1px solid var(--border);padding:10px 14px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--border);padding:13px 14px;font-size:14.5px}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:#ffffff06}.badge{border:1px solid var(--border);color:var(--text-dim);background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge.green{color:var(--green);background:#34d3991f;border-color:#34d3994d}.badge.violet{color:var(--accent-2);background:#6d5df624;border-color:#6d5df659}.badge.amber{color:var(--yellow);background:#fbbf241a;border-color:#fbbf244d}.avatar{color:#fff;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;font-size:12.5px;font-weight:700;display:inline-grid}.mono{font-family:var(--mono)}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:13px}.seed-box{font-family:var(--mono);word-break:break-all;background:var(--bg-soft);border:1px solid var(--border);color:var(--text-dim);border-radius:10px;padding:10px 12px;font-size:11.5px;line-height:1.5}.toast{background:var(--card-2);border:1px solid var(--border-strong);z-index:100;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.2s toast-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.hero{text-align:center;padding:90px 0 50px}.hero h1{letter-spacing:-.03em;background:linear-gradient(120deg, #fff 30%, var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:58px;font-weight:800}.hero p{color:var(--text-dim);margin:0 0 36px;font-size:17px}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.join-row{gap:10px;display:flex}.join-row .input{text-transform:uppercase;width:180px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:48px;display:grid}.feature{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:left;padding:22px}.feature .icon{margin-bottom:10px;font-size:22px}.feature h4{margin:0 0 6px;font-size:15.5px}.feature p{color:var(--text-dim);margin:0;font-size:13.5px;line-height:1.55}.game-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px;margin-top:28px;display:grid}@media (width<=960px){.game-layout{grid-template-columns:1fr}}.board-wrap{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:18px}.board-svg{width:100%;height:auto;display:block}.side-stack{flex-direction:column;gap:16px;display:flex}.turn-banner{border:1px solid var(--border-strong);background:var(--card-2);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;font-weight:600;display:flex}.turn-dot{border-radius:999px;flex:none;width:12px;height:12px}.dice-area{align-items:center;gap:16px;display:flex}.die{background:linear-gradient(145deg,#fdfdfd,#d9dce6);border-radius:18px;flex:none;place-items:center;width:74px;height:74px;display:grid;position:relative;box-shadow:inset 0 -3px #0000001f,0 10px 24px #00000059}.die.rolling{animation:90ms infinite die-shake}@keyframes die-shake{0%{transform:rotate(-6deg)translateY(-1px)}50%{transform:rotate(5deg)translateY(1px)}to{transform:rotate(-4deg)}}.die .pips{grid-template:repeat(3,1fr)/repeat(3,1fr);width:52px;height:52px;display:grid}.die .pip{background:#22273a;border-radius:999px;place-self:center;width:11px;height:11px}.die.empty .face-q{color:#8b90a5;font-size:26px;font-weight:700}.players-list{flex-direction:column;gap:8px;display:flex}.player-row{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.player-row.active{border-color:var(--border-strong);background:var(--card-2);box-shadow:0 0 0 1px var(--border-strong)}.player-row .name{flex:1;font-weight:600}.player-row .home-count{color:var(--text-dim);font-size:12.5px;font-family:var(--mono)}.stats-table{border-collapse:collapse;width:100%;font-size:13px}.stats-table th,.stats-table td{text-align:center;padding:6px 4px}.stats-table th{color:var(--text-faint);font-size:11.5px;font-weight:600}.stats-table td:first-child,.stats-table th:first-child{text-align:left}.stats-table td{font-family:var(--mono);color:var(--text-dim)}.stats-table td:first-child{font-family:var(--font);color:var(--text);font-weight:600}.lobby-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.seat-card{border:1px solid var(--border);background:var(--bg-soft);border-radius:14px;padding:16px;transition:all .2s}.seat-card.enabled{background:var(--card-2);border-color:var(--border-strong)}.seat-card.disabled{opacity:.55}.seat-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.seat-head .color-dot{border-radius:5px;width:14px;height:14px}.seat-head .label{text-transform:capitalize;flex:1;font-size:14px;font-weight:700}.switch{cursor:pointer;background:#ffffff1f;border:none;border-radius:999px;flex:none;width:38px;height:22px;transition:background .15s;position:relative}.switch.on{background:var(--accent)}.switch:after{content:"";background:#fff;border-radius:999px;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch.on:after{transform:translate(16px)}.winner-overlay{text-align:center;padding:30px 20px}.winner-overlay .trophy{font-size:52px}.winner-overlay h2{margin:10px 0 6px;font-size:26px}.timebar{background:#ffffff12;border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.timebar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%}.timebar.paused-label{height:auto;color:var(--yellow);text-align:center;letter-spacing:.06em;background:0 0;font-size:12.5px;font-weight:600}.paused-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;z-index:5;background:#080a10c7;border-radius:20px;place-items:center;display:grid;position:absolute;inset:0}.victory-overlay{z-index:90;background:#06080ee6;place-items:center;display:grid;position:fixed;inset:0}.fireworks-canvas{width:100%;height:100%;position:absolute;inset:0}.victory-card{z-index:2;text-align:center;border:1px solid var(--border-strong);background:#131826d1;border-radius:24px;padding:40px 60px;animation:.5s cubic-bezier(.2,1.4,.4,1) victory-pop;position:relative;box-shadow:0 30px 90px #0009}@keyframes victory-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.replay-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.replay-controls input[type=range]{accent-color:var(--accent);flex:1;min-width:140px}.roll-log{flex-direction:column;gap:4px;max-height:300px;display:flex;overflow-y:auto}.roll-log-item{color:var(--text-dim);font-size:13px;font-family:var(--mono);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;display:flex}.roll-log-item:hover{background:#ffffff0a}.roll-log-item.current{color:var(--text);background:#6d5df626}.roll-log-item .mini-die{color:#16192a;background:#fff;border-radius:5px;flex:none;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:grid}.verify-ok{color:var(--green);font-weight:600}.verify-bad{color:var(--red);font-weight:600}.copy-link{align-items:center;gap:8px;display:flex}.copy-link .input{flex:1}.section-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.winrate-bar{background:#ffffff12;border-radius:999px;width:110px;height:6px;overflow:hidden}.winrate-bar>div{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%}.empty-state{text-align:center;color:var(--text-faint);padding:48px 20px;font-size:14.5px}