*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f7f8fb;background:#0b1018}body{margin:0;background:#0b1018;min-height:100vh}.app{max-width:1180px;margin:auto;padding:22px 28px 44px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.topbar h1{font-size:34px;letter-spacing:1.5px;margin:0;font-weight:950}.topbar p{margin:4px 0 0;color:#b7bdc9;font-size:20px}.bolt{color:#ff7a1a}.header-actions{display:flex;gap:10px;flex-wrap:wrap}button,input{font:inherit}button{cursor:pointer;border:0}.primary,.ghost{border-radius:18px;padding:15px 24px;font-weight:800;font-size:17px}.primary{background:#253248;color:#fff;border:1px solid #41516b}.ghost{background:#121a27;color:#eef2f8;border:1px solid #334056}.wide{width:100%;margin-top:18px}.progress{height:14px;background:#273142;border-radius:999px;margin:22px 0 18px;overflow:hidden}.progress span{display:block;width:0;height:100%;background:#ff7a1a;transition:width .2s}.panel,.game-card{background:#151d2a;border:1px solid #303b4e;border-radius:28px;padding:26px}.setup{text-align:center;padding:42px 34px}.setup h2,.panel h2{font-size:32px;margin:0 0 8px}.muted{color:#aeb5c2}.center{text-align:center}.hidden{display:none!important}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:28px 0}.profile-card{background:#202b3d;color:#fff;border:1px solid #3d4c65;border-radius:20px;padding:24px;font-size:20px;font-weight:850}.profile-card small{display:block;color:#9ca7b8;font-size:13px;margin-top:7px}.create-row{display:flex;max-width:650px;margin:24px auto 0;gap:10px}.create-row input{flex:1;border-radius:16px;background:#0d1420;color:#fff;border:2px solid #52627b;padding:15px 18px;font-size:18px}.pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.pack-card{min-height:190px;border-radius:25px;color:#fff;background:#202b3d;border:1px solid #465570;display:flex;flex-direction:column;align-items:center;justify-content:center}.pack-card strong{font-size:28px}.pack-card small{color:#b9c0cb;margin-top:5px}.pack-icon{font-size:58px;margin-bottom:10px}.back{background:none;color:#aeb8c8;padding:0 0 18px;font-weight:700}.game-meta{display:flex;justify-content:space-between;color:#9da8b8;padding:0 8px 10px}.game-card{padding:24px}.hero-visual{height:340px;border-radius:25px;background:radial-gradient(circle at 50% 45%,#33415a 0,#202020 48%,#171717 100%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-badge{width:180px;height:180px;border-radius:50%;background:#101722;border:5px solid #ff7a1a;display:flex;align-items:center;justify-content:center;font-size:90px;box-shadow:0 0 50px #0008}.hero-top-name{position:absolute;top:12px;font-size:20px}.counter{position:absolute;right:18px;top:16px;background:#080808cc;padding:10px 16px;border-radius:999px;font-weight:900;font-size:19px}.hero-name{text-align:center;font-size:72px;letter-spacing:8px;margin:28px 0 0;font-weight:950}.answer{display:block;width:100%;height:100px;margin-top:18px;border-radius:22px;background:#0b111b;color:#fff;border:3px solid #61718a;text-align:center;font-size:36px;font-weight:900;text-transform:uppercase;outline:none}.answer:focus{border-color:#ff7a1a}.answer.wrong{animation:shake .18s 2;border-color:#e74c3c}.feedback{height:25px;text-align:center;color:#ffb0aa;font-weight:700}.stats-grid,.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats-grid>div,.result-grid>div{background:#202a3a;border-radius:18px;padding:16px;text-align:center}.stats-grid span,.result-grid span{display:block;color:#d4d8df}.stats-grid strong,.result-grid strong{display:block;font-size:30px;margin-top:8px}.tip{background:#151d2a;border:1px solid #303b4e;border-radius:24px;padding:18px 28px;color:#c3c9d2;font-size:18px}.record{background:#2b2411;border:1px solid #8b6b1d;color:#ffd970;padding:16px;border-radius:18px;font-size:22px;font-weight:900;text-align:center;margin:18px 0}.result-grid{grid-template-columns:repeat(3,1fr);margin:24px 0}.comparison{padding:18px;border-radius:18px;background:#101824;line-height:1.6}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.tabs{display:flex;gap:8px;margin:20px 0}.tab{padding:10px 18px;border-radius:14px;background:#101824;color:#fff;border:1px solid #334056}.tab.active{background:#27354a;border-color:#657996}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:14px 12px;text-align:left;border-bottom:1px solid #2d3748}th{color:#9eabba;font-size:13px;text-transform:uppercase}.progress-summary{margin:20px 0;padding:18px;background:#101824;border-radius:18px;line-height:1.7}@keyframes shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@media(max-width:760px){.app{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.topbar h1{font-size:27px}.header-actions{width:100%}.header-actions button{flex:1;padding:12px}.pack-grid{grid-template-columns:1fr}.hero-visual{height:260px}.hero-badge{width:140px;height:140px;font-size:68px}.hero-name{font-size:46px;letter-spacing:4px}.answer{font-size:27px;height:82px}.stats-grid{grid-template-columns:1fr 1fr}.result-grid{grid-template-columns:1fr 1fr}.create-row{flex-direction:column}}