:root{--ink:#eeedf5;--muted:#9997ad;--paper:#111019;--panel:#1a1824;--line:#2e2b3b;--pink:#ff5f81}*{box-sizing:border-box}body{margin:0;background:#0d0c13;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background-image:radial-gradient(circle at 50% -10%,#332345 0,transparent 40%),linear-gradient(135deg,#0d0c13,#13111d)}main{max-width:1160px;margin:auto;padding:40px 28px 80px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px}.eyebrow{margin:0 0 5px;font:11px ui-monospace,Consolas,monospace;letter-spacing:.14em;color:#b2a9c8}h1{font-size:34px;letter-spacing:.09em;margin:0;font-weight:800}h1 i{font-style:normal;color:var(--pink)}button{font:600 14px system-ui,-apple-system,"Segoe UI",sans-serif;border:0;border-radius:8px;padding:13px 18px;background:var(--pink);color:white;cursor:pointer;transition:.2s}button:hover{filter:brightness(1.12);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.hud{min-height:110px;display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid var(--line)}#timerRing{--progress:360deg;width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--pink) var(--progress),#2d2a39 0);display:grid;place-content:center;text-align:center;position:relative}#timerRing:before{content:"";position:absolute;inset:5px;background:#12101b;border-radius:50%}#timerRing strong,#timerRing small{position:relative;line-height:1}#timerRing strong{font-size:22px}#timerRing small{font:9px ui-monospace,Consolas,monospace;color:var(--muted)}#status{font:700 18px ui-monospace,Consolas,monospace;letter-spacing:.08em;margin:0 0 5px}#substatus{font-size:13px;color:var(--muted)}.pool{text-align:right}.pool small{font:10px ui-monospace,Consolas,monospace;color:var(--muted);display:block}.pool b{font-size:23px}.pool em{font-size:12px;color:#a59db7;font-style:normal}.board{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:34px 0}.seat{min-height:236px;padding:18px;background:linear-gradient(160deg,#1d1a28,#14131c);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:12px;text-align:center}.seat.you{background:linear-gradient(160deg,#2a1825,#17131d);box-shadow:0 0 30px #ff5f811b}.avatar{margin:auto;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--accent);color:#181520;font-size:21px;font-weight:bold}.seat-name{font-weight:700;margin-top:13px}.seat-title{height:32px;font-size:11px;color:var(--muted);margin-top:2px}.number{margin:22px auto 0;width:70px;height:70px;display:grid;place-items:center;border:1px dashed #4a455a;border-radius:8px;font:30px ui-monospace,Consolas,monospace;color:#726e7e}.number.revealed{border-style:solid;border-color:var(--accent);color:white;background:#0f0e15}.selection{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#171521;border:1px solid var(--line);border-radius:12px;padding:19px 22px}.selection h2,.lower h2{margin:0;font-size:19px}.choices{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.choice{width:34px;height:34px;padding:0;border-radius:6px;background:#2a2735;color:#c8c2d2}.choice.selected{background:var(--pink);outline:2px solid #ffbdca}.lower{display:grid;grid-template-columns:1.4fr .8fr;gap:20px;margin-top:20px}.profile,.match-log{background:#171521;border:1px solid var(--line);border-radius:12px;padding:22px}.profile-top{display:flex;align-items:center;gap:16px;margin:18px 0}.photo-picker{width:68px;height:68px;border-radius:12px;background:#2a2635;display:grid;place-items:center;position:relative;overflow:hidden;cursor:pointer;flex:none}.photo-picker img{width:100%;height:100%;object-fit:cover}.photo-picker span{font-size:25px;color:var(--pink)}.photo-picker input{display:none}.photo-picker b{position:absolute;bottom:0;width:100%;background:#0009;text-align:center;font-size:10px;padding:3px}.profile-top input{font:600 18px system-ui,-apple-system,"Segoe UI",sans-serif;width:100%;border:0;border-bottom:1px solid #484253;background:transparent;color:var(--ink);outline:0;padding:5px 0}.profile-top p,.rules p{font-size:12px;color:var(--muted);margin:7px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:15px 0}.stats span{display:block;color:var(--muted);font:9px ui-monospace,Consolas,monospace}.stats b{font-size:23px}.detail-stats{display:flex;gap:20px;padding:13px 0;color:var(--muted);font-size:12px}.detail-stats b{color:var(--ink)}.stage{border-top:1px solid var(--line);padding-top:12px}.stage h3{font-size:13px;margin:0 0 8px}.stage div{display:grid;gap:6px}.stage div div{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.stage div b{color:var(--ink)}.stage p{color:var(--muted);font-size:12px;margin:0}.match-log ol{padding-left:20px;color:#bcb6c9;font:11px/1.7 ui-monospace,Consolas,monospace;min-height:120px}.rules{border-top:1px solid var(--line);padding-top:13px}.rules b{font-size:12px}.result{display:none;position:fixed;inset:0;background:#08070ccc;z-index:10;place-items:center;padding:20px}.result.show{display:grid}.result>div{max-width:450px;text-align:center;background:#1d1926;border:1px solid #4a3b53;border-radius:15px;padding:38px}.result h2{font-size:34px;margin:8px 0}.result p:not(.eyebrow){color:#c5becf;margin:0 0 25px}@media(max-width:760px){main{padding:20px 14px}header{align-items:flex-start;gap:12px}header button{padding:10px}.hud{grid-template-columns:64px 1fr}.pool{display:none}.board{grid-template-columns:repeat(2,1fr)}.seat{min-height:190px}.board .seat:last-child{grid-column:span 2}.selection{align-items:flex-start;flex-direction:column}.choices{justify-content:flex-start}.lower{grid-template-columns:1fr}.stats b{font-size:18px}.detail-stats{gap:10px;flex-wrap:wrap}}