:root{--bg:#080913;--panel:rgba(18,20,39,.78);--panel2:rgba(255,255,255,.08);--text:#f6f7ff;--muted:#aab0d6;--accent:#36e4ff;--danger:#ff4d6d;--ok:#3cff9b;--gold:#ffd84d;--shadow:0 18px 60px rgba(0,0,0,.38)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(54,228,255,.18),transparent 32%),radial-gradient(circle at 90% 0,rgba(255,61,242,.14),transparent 34%),linear-gradient(135deg,#070711,#11162b 60%,#080913);color:var(--text);min-height:100vh;overflow-x:hidden}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,black,transparent 75%);pointer-events:none}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:rgba(5,6,14,.74);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.09)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#36e4ff,#ff3df2);font-weight:900;color:#050614;box-shadow:0 0 28px rgba(54,228,255,.45)}h1,h2,h3,p{margin:0}h1{font-size:23px;letter-spacing:.5px}.brand p,.muted{color:var(--muted)}button,select,input{font:inherit}button{border:0;cursor:pointer;color:var(--text)}.ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:9px 13px;border-radius:14px;margin-left:8px}.primary{width:100%;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#36e4ff,#ff3df2);color:#050614;font-weight:900;box-shadow:0 0 26px rgba(54,228,255,.32)}.screen{display:none;padding:18px}.screen.active{display:block}.glass{background:var(--panel);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);backdrop-filter:blur(18px);border-radius:24px}.setup-shell{display:none;grid-template-columns:1.2fr .8fr;gap:20px;max-width:1300px;margin:0 auto}.setup-shell.active{display:grid}.hero-card{min-height:320px;padding:34px;border-radius:30px;background:linear-gradient(135deg,rgba(54,228,255,.16),rgba(255,61,242,.1)),rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:2px}.hero-card h2{font-size:clamp(36px,6vw,72px);line-height:.95;margin:18px 0}.hero-copy{max-width:820px;color:#d8dcff;font-size:18px;line-height:1.55}.setup-panel{padding:24px;display:grid;gap:14px}.setup-panel h3{font-size:28px}label{display:grid;gap:8px;color:#d9ddff;font-weight:700}select,input{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0d1020;color:var(--text)}.mode-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.mode-card{padding:18px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:.2s}.mode-card:hover,.mode-card.selected{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 0 25px rgba(54,228,255,.18)}.mode-card strong{display:block;margin-bottom:8px}.arena-shell.active{display:grid;grid-template-columns:230px minmax(380px,500px) 270px 270px;grid-template-areas:'players wheel zones feed';gap:12px;width:min(100%,1325px);margin:0 auto;align-items:start;justify-content:center}.score-panel,.feed-panel,.zones-panel{padding:14px;align-self:start;max-height:calc(100vh - 86px);overflow:auto}.score-panel{grid-area:players}.arena-center{grid-area:wheel}.zones-panel{grid-area:zones}.feed-panel{grid-area:feed}.score-panel h3,.feed-panel h3,.zones-panel h3{font-size:17px;letter-spacing:.4px;margin-bottom:8px}.player-card{padding:12px;margin:10px 0;border-radius:17px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.player-card.active{border-color:var(--accent);box-shadow:0 0 24px rgba(54,228,255,.2)}.stat-line{display:flex;justify-content:space-between;color:#dce0ff;margin-top:7px;font-size:14px}.artifact-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.artifact{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.08);filter:grayscale(1);opacity:.45}.artifact.earned{filter:none;opacity:1;box-shadow:0 0 14px currentColor}.arena-center{display:grid;gap:8px;min-width:0}.status-strip{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.status-chip{position:relative;display:flex;align-items:center;min-height:42px;padding:9px 12px 9px 38px;border-radius:16px;background:linear-gradient(135deg,rgba(54,228,255,.11),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.12);color:#eef2ff;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.status-chip::before{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.95}.mode-chip::before{content:'⚔'} .timer-chip::before{content:'⏱'} .turn-chip::before{content:'🎯'}.mode-chip{min-width:170px}.turn-chip{grid-column:1/-1;background:linear-gradient(135deg,rgba(255,216,77,.14),rgba(54,228,255,.08));border-color:rgba(255,216,77,.22)}.timer-chip{min-width:110px}.wheel-wrap{position:relative;display:grid;place-items:center;min-height:395px}.wheel-wrap canvas{width:min(36vw,390px);height:min(36vw,390px);filter:drop-shadow(0 0 38px rgba(54,228,255,.22))}.spin-btn{position:absolute;width:102px;height:102px;border-radius:50%;background:radial-gradient(circle,#fff,#36e4ff 55%,#09101f 58%);color:#07101f;font-size:20px;font-weight:1000;box-shadow:0 0 38px rgba(54,228,255,.72),inset 0 0 18px white}.spin-btn:disabled{opacity:.55;cursor:not-allowed}.wheel-result{position:absolute;bottom:0;max-width:92%;padding:8px 13px;border-radius:999px;background:rgba(0,0,0,.52);border:1px solid rgba(255,255,255,.14);font-weight:900;text-align:center;font-size:13px}.question-card{padding:18px}.question-card h3{font-size:21px;margin-bottom:12px;line-height:1.25}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice{padding:12px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);text-align:left}.choice:hover{border-color:var(--accent)}.choice.correct{background:rgba(60,255,155,.2);border-color:var(--ok)}.choice.wrong{background:rgba(255,77,109,.2);border-color:var(--danger)}.hidden{display:none!important}.final-banner{padding:12px;border-radius:18px;background:linear-gradient(135deg,#ffd84d,#ff3df2);color:#050614;text-align:center;font-weight:1000;letter-spacing:1px;animation:pulse 1s infinite alternate}.feed-item{font-size:13px;line-height:1.35;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#dfe3ff}.zone{display:flex;align-items:center;gap:8px;margin:6px 0;padding:8px;border-radius:13px;background:rgba(255,255,255,.05);border-left:4px solid currentColor;font-size:12.5px}.zone strong{font-size:13px}.zone small{color:#c9cef5}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;z-index:20;padding:18px}.modal-card{width:min(780px,96vw);padding:26px;position:relative}.modal-close{position:absolute;top:12px;right:12px;border-radius:50%;width:38px;height:38px;background:rgba(255,255,255,.1)}.end-shell.active{display:grid;place-items:center;min-height:75vh}.end-card{width:min(900px,96vw);padding:28px}.end-card h2{font-size:42px;margin-bottom:16px}@keyframes pulse{from{filter:brightness(1)}to{filter:brightness(1.35)}}@media(max-width:1250px){.arena-shell.active{grid-template-columns:215px minmax(340px,440px) 235px 235px;gap:10px;width:100%;padding-left:8px;padding-right:8px}.wheel-wrap canvas{width:min(34vw,355px);height:min(34vw,355px)}.wheel-wrap{min-height:365px}.spin-btn{width:94px;height:94px;font-size:18px}.score-panel,.feed-panel,.zones-panel{padding:12px}}@media(max-width:1080px){.arena-shell.active{grid-template-columns:minmax(220px,.8fr) minmax(360px,1.2fr);grid-template-areas:'players wheel' 'zones feed';width:min(100%,900px)}.score-panel,.feed-panel,.zones-panel{max-height:none}.wheel-wrap{min-height:430px}.wheel-wrap canvas{width:min(58vw,430px);height:min(58vw,430px)}.setup-shell.active{grid-template-columns:1fr}}@media(max-width:760px){.arena-shell.active{grid-template-columns:1fr;grid-template-areas:'wheel' 'players' 'zones' 'feed'}.wheel-wrap{min-height:380px}.wheel-wrap canvas{width:min(92vw,380px);height:min(92vw,380px)}}@media(max-width:650px){.topbar{align-items:flex-start;gap:10px;flex-direction:column}.arena-shell.active{grid-template-columns:1fr}.choices{grid-template-columns:1fr}.screen{padding:14px}.hero-card h2{font-size:38px}.wheel-wrap{min-height:380px}.wheel-wrap canvas{width:min(92vw,380px);height:min(92vw,380px)}.spin-btn{width:105px;height:105px;font-size:20px}.status-strip{grid-template-columns:1fr}.turn-chip{grid-column:auto}.top-actions{display:flex;gap:8px;flex-wrap:wrap}.ghost{margin-left:0}}