:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f7f3e8;background:#111417;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #111417;--surface: #1b2024;--surface-2: #242b30;--surface-3: #2e373c;--border: rgba(255, 255, 255, .13);--muted: #aab6b2;--gold: #f4c64f;--gold-dark: #654b0f;--teal: #1e6a69;--green: #6bc47e;--red: #e05c67;--coral: #ef6a5b;--cobalt: #4f8cff;--leaf: #65c96f;--mustard: #e0b84a;--violet: #9d78ff;--rose: #e86c9f;--radius: 8px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(244,198,79,.08),transparent 28rem),linear-gradient(135deg,#111417,#17201f)}button,input,select{font:inherit}button{min-height:44px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:#f7f3e8;padding:0 14px;font-size:.9rem;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}button:hover:not(:disabled){background:var(--surface-3);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}input,select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:var(--radius);background:#121719;color:#f7f3e8;padding:0 12px;font-size:.95rem}label{display:grid;gap:7px;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.app-shell{width:min(1560px,100%);margin:0 auto;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 20px}.brand,.topbar-actions,.panel-title,.turn-card,.podium-player{display:flex;align-items:center}.brand{gap:12px;min-width:0}.brand-mark{width:42px;height:42px;border-radius:var(--radius);background:var(--gold);color:#15120a;display:grid;place-items:center;flex:0 0 auto}h1,h2,p{margin:0}h1{font-size:clamp(1.05rem,3.8vw,1.7rem);line-height:1.05;letter-spacing:0}.brand p,.hint,.config-list,.turn-card span,.podium-player span,.login-copy p{color:var(--muted)}.topbar-actions{flex:0 0 auto;gap:8px;border:1px solid var(--border);border-radius:999px;background:#1b2024bf;padding:8px 12px;font-size:.82rem;font-weight:800}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--green);box-shadow:0 0 0 5px #6bc47e24}.login-panel{min-height:calc(100vh - 120px);display:grid;place-items:center;gap:24px;grid-template-columns:minmax(0,1fr) minmax(280px,420px)}.login-copy h2{font-size:clamp(2rem,8vw,4.6rem);line-height:.95;max-width:760px}.login-copy p{max-width:520px;margin-top:16px;font-size:1.05rem}.login-form,.panel{border:1px solid var(--border);border-radius:var(--radius);background:#1b2024db;box-shadow:0 18px 50px #00000040}.login-form{width:100%;display:grid;gap:16px;padding:18px}.step-nav{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:9px;margin-bottom:12px}.step-button{justify-content:flex-start;background:#1b2024b8;min-width:0}.step-button span{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#ffffff1a;color:var(--gold);font-size:.75rem;flex:0 0 auto}.step-button.active{border-color:#f4c64fb3;background:#f4c64f29;color:#ffe6a6}.step-button.active span{background:var(--gold);color:#15120a}.page-lead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;border:1px solid var(--border);border-radius:var(--radius);background:#121719b8;padding:14px 16px;margin-bottom:14px}.page-lead span{color:var(--gold);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.page-lead h2{margin-top:4px;font-size:clamp(1.2rem,3vw,1.8rem)}.page-lead p{color:var(--muted);font-weight:800;white-space:nowrap}.page-frame{display:grid;gap:16px;align-items:start}.setup-page{grid-template-columns:minmax(300px,460px) minmax(0,1fr)}.loadouts-page,.insights-page{grid-template-columns:minmax(0,1fr) minmax(260px,340px)}.play-page{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.control-column,.insight-column{display:grid;gap:14px}.board-column{min-width:0;display:grid;gap:14px}.panel{padding:15px}.panel-title{gap:8px;margin-bottom:13px;color:var(--gold)}.panel-title h2{font-size:1rem;color:#f7f3e8}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.player-editor,.loadout-list,.event-log,.config-list,.power-actions{display:grid;gap:10px}.player-editor{margin-top:12px}.player-edit-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 82px;gap:8px}.button-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.button-row>button{flex:1 1 130px}.primary-button{border-color:#f4c64f80;background:var(--gold);color:#171205}.primary-button:disabled{border-color:var(--border);background:var(--surface-2);color:#f7f3e8}.primary-button:hover:not(:disabled){background:#ffd86b}.full{width:100%}.turn-card{gap:10px;border:1px solid var(--border);border-radius:var(--radius);background:#121719;padding:12px;margin-bottom:12px}.turn-card div:last-child{min-width:0;display:grid}.turn-card strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.token,.mini-token{border-radius:999px;border:2px solid rgba(255,255,255,.8);flex:0 0 auto}.token{width:28px;height:28px}.mini-token{width:10px;height:10px}.coral{background:var(--coral)}.cobalt{background:var(--cobalt)}.leaf{background:var(--leaf)}.mustard{background:var(--mustard)}.violet{background:var(--violet)}.rose{background:var(--rose)}.decision-box{border:1px solid rgba(244,198,79,.35);border-radius:var(--radius);background:#f4c64f14;padding:12px}.target-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.target-list button{justify-content:flex-start;min-width:0;padding-inline:10px}.target-list .token{width:18px;height:18px}.power-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:11px}.power-actions button{min-width:0;font-size:.78rem}.loadout-player{display:grid;gap:9px;border:1px solid var(--border);border-radius:var(--radius);background:#121719;padding:12px}.power-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.power-chip{min-height:38px;justify-content:flex-start;font-size:.78rem;padding:0 10px}.power-chip.selected{border-color:#f4c64f8c;background:#f4c64f2b;color:#ffe4a3}.game-board-wrap{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(160deg,#184948f2,#152122f2);padding:12px;overflow:hidden}.board-header{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.board-header span{border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0003;padding:5px 9px;color:#dfe9e5;font-size:.76rem;font-weight:800}.game-board{display:grid;gap:4px;width:100%;aspect-ratio:1 / 1}.board-tile{min-width:0;min-height:0;position:relative;border:1px solid rgba(255,255,255,.1);border-radius:5px;background:#233138;color:#eaf3ef;overflow:hidden;display:grid;place-items:center}.board-tile.normal{background:#26383d}.board-tile.chaos{background:linear-gradient(145deg,#f3cc55,#b98522);color:#1b1202}.board-tile.snake{background:linear-gradient(145deg,#e05c67,#8e2f3a)}.board-tile.ladder{background:linear-gradient(145deg,#6bc47e,#2d7a4a);color:#071a0d}.board-tile.start,.board-tile.finish{background:#f7f3e8;color:#17201f}.tile-number{position:absolute;left:4px;top:3px;font-size:clamp(.45rem,1.4vw,.72rem);font-weight:900}.tile-icon,.tile-symbol{font-weight:950;opacity:.95}.token-stack{position:absolute;right:3px;bottom:3px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px;max-width:70%}.empty-board{min-height:56vh;border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius);display:grid;place-items:center;align-content:center;gap:10px;text-align:center;padding:24px;background:#1b202499}.empty-board p{color:var(--muted);max-width:420px}.podium-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.podium-player{min-width:0;gap:9px;border:1px solid var(--border);border-radius:var(--radius);background:#1b2024db;padding:11px}.podium-player div{min-width:0;display:grid}.podium-player strong,.podium-player span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.metric-grid,.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{border:1px solid var(--border);border-radius:var(--radius);background:#121719;padding:12px}.metric strong{display:block;font-size:1.35rem;color:var(--gold)}.metric span{color:var(--muted);font-size:.78rem;font-weight:800}.config-list span,.log-row{border:1px solid var(--border);border-radius:var(--radius);background:#121719;padding:10px}.log-row{display:grid;gap:4px}.log-row span{color:var(--gold);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.log-row p{color:#e8eee9;font-size:.86rem}.toast{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(520px,calc(100vw - 28px));border:1px solid rgba(244,198,79,.35);border-radius:var(--radius);background:#171b1f;color:#ffe2a0;padding:12px 14px;box-shadow:0 20px 45px #0006;z-index:20}@media(max-width:1180px){.setup-page,.loadouts-page,.play-page,.insights-page{grid-template-columns:1fr}.insight-column{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.app-shell{padding:12px}.topbar{align-items:flex-start}.topbar-actions{font-size:0;padding:10px}.login-panel,.page-frame{grid-template-columns:1fr}.login-panel{min-height:auto;padding-top:36px;place-items:stretch}.step-nav{display:flex;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.step-button{flex:0 0 132px;scroll-snap-align:start}.page-lead{align-items:flex-start;display:grid}.page-lead p{white-space:normal}.field-grid,.power-grid,.power-actions,.target-list{grid-template-columns:1fr}.game-board-wrap{padding:8px}.game-board{gap:2px}.board-tile{border-radius:3px}.tile-number{left:2px;top:1px;font-size:clamp(.42rem,2.1vw,.62rem)}.podium-strip{grid-template-columns:1fr}}@media(max-width:520px){.brand-mark{width:38px;height:38px}.brand p{display:none}.panel{padding:12px}.player-edit-row{grid-template-columns:1fr}.player-edit-row button{width:100%}.board-header span{font-size:.68rem;padding:4px 7px}.board-tile .tile-icon{width:12px;height:12px}.mini-token{width:8px;height:8px;border-width:1px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}