:root{--panel: rgba(11, 13, 16, .88);--surface: rgba(255, 255, 255, .045);--line: rgba(226, 215, 195, .14);--line-strong: rgba(226, 215, 195, .26);--text: #f6efe5;--muted: #b8ab98;--accent: #d9ae63;--accent-2: #86c7e8;--danger: #d99284;--success: #8cd6a8;--shadow: 0 24px 70px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .025)}*{box-sizing:border-box}html,body{min-height:100%;margin:0;color:var(--text);background:linear-gradient(180deg,#030405c2,#030405f0),url(https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react/heroes/pudge.png) center 9% / min(920px,130vw) auto no-repeat,#050607;font-family:Roboto Condensed,Arial Narrow,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 84px,rgba(255,255,255,.025) 85px,transparent 86px);opacity:.42}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.shell{position:relative;width:min(1440px,calc(100% - 40px));margin:0 auto;padding:28px 0 44px}.topbar,.hero,.panel,.game-card,.question-preview{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border-radius:18px;margin-bottom:18px}.brand,.user-chip,.toolbar{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#d9ae6338,#86c7e82e);border:1px solid var(--line-strong);font-family:IBM Plex Mono,monospace;font-weight:700}.brand span,.muted,.panel-sub,.card-copy,.question-meta{color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid var(--line-strong)}.hero{min-height:360px;display:grid;align-items:end;padding:32px;border-radius:24px;overflow:hidden;margin-bottom:20px}.hero-title{max-width:850px;margin:8px 0 12px;font-size:clamp(42px,8vw,102px);line-height:.9;font-weight:900}.eyebrow{color:var(--accent);font-family:IBM Plex Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.hero-copy{max-width:720px;margin:0;color:#d3cabd;font-size:18px}.game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.game-card{min-height:240px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border-radius:18px;overflow:hidden}.game-card.available,.game-card.building{border-color:#d9ae6357}.card-art{height:86px;margin:-18px -18px 14px;background-size:cover;background-position:center;opacity:.84}.art-dbd{background-image:url(https://mayogui.com/assets/killperks/fondohumo.png)}.art-dota{background-image:url(https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react/heroes/antimage.png)}.art-lol{background-image:url(https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react/heroes/crystal_maiden.png)}.art-overwatch{background-image:url(https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react/heroes/mars.png)}.art-valorant{background-image:url(https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react/heroes/mirana.png)}.card-title{margin:0 0 4px;font-size:28px;line-height:1}.card-label{margin-bottom:10px;color:var(--accent-2)}.card-copy{min-height:46px;margin:0 0 14px}.status-pill{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;background:#ffffff12;border:1px solid var(--line);color:#efe6d8;font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 14px;border:1px solid rgba(217,174,99,.44);border-radius:12px;background:linear-gradient(135deg,#d9ae6342,#d9ae6324);color:var(--text);cursor:pointer}.btn.secondary{border-color:var(--line);background:#ffffff0e}.btn:disabled{cursor:wait;opacity:.58}.panel{border-radius:22px;padding:22px;margin-bottom:16px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.panel-title{margin:0 0 4px;font-size:34px}.panel-sub{margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{padding:14px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.stat span{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px;text-transform:uppercase}.stat strong{display:block;margin-top:8px;font-size:32px}.toolbar{flex-wrap:wrap;margin-bottom:16px}.input,.select{min-height:40px;padding:9px 12px;color:var(--text);background:#00000038;border:1px solid var(--line);border-radius:12px}.question-preview{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;padding:18px;border-radius:18px;margin-bottom:16px}.question-image{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:12px;background:#ffffff0f;border:1px solid var(--line)}.question-prompt{margin:0 0 8px;font-size:30px;line-height:1}.question-text{margin:0 0 12px;color:#e8dccb}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.option{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;padding:7px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.option.correct{border-color:#8cd6a88c;background:#8cd6a817}.option-label{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#ffffff14;font-family:IBM Plex Mono,monospace}.question-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.question-row{padding:14px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.question-row strong{display:block;margin:6px 0;font-size:20px}.notice{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#ffffff0e;color:#e6dccd}.notice.error{border-color:#d9928473;color:#f0c2b9}@media(max-width:1120px){.game-grid,.stat-grid,.question-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.shell{width:min(100% - 24px,1440px);padding-top:14px}.topbar,.panel-head{flex-direction:column}.hero{min-height:330px;padding:22px}.game-grid,.stat-grid,.question-list,.options{grid-template-columns:1fr}.question-preview{display:block}.question-image{margin-bottom:14px}}