:root{--bg-0:#06060f;--bg-1:#0c0c20;--bg-2:#13133099;--line:#8c78ff29;--line-strong:#9682ff66;--txt:#eef0ff;--txt-dim:#eef0ff8c;--txt-faint:#eef0ff52;--accent:#8b5cff;--accent-2:#ff5cc8;--gold:#ffcf3a;--good:#3df09a;--bad:#ff5a6e;--font-display:"Baloo 2";--font-body:"Plus Jakarta Sans"}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body), system-ui, sans-serif;color:var(--txt);background:radial-gradient(1100px 700px at 12% -8%, #8b5cff29, transparent 55%), radial-gradient(1000px 700px at 100% 0%, #ff5cc81f, transparent 50%), radial-gradient(900px 900px at 50% 120%, #41b6ff1a, transparent 55%), var(--bg-0);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.display{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.01em;font-weight:700}.shell{max-width:1080px;margin:0 auto;padding:18px 16px 60px}.topbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:linear-gradient(#ffffff0a,#ffffff03);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;position:sticky;top:12px}.brand{align-items:center;gap:9px;font-size:19px;display:flex}.brand .spark{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:11px;place-items:center;width:34px;height:34px;font-size:19px;display:grid;box-shadow:0 6px 20px #8b5cff80}.brand b{background:linear-gradient(90deg,#c9b6ff,#ff9ed8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.topnav{align-items:center;gap:8px;display:flex}.coins{color:var(--gold);background:#ffcf3a1a;border:1px solid #ffcf3a4d;border-radius:14px;align-items:center;gap:6px;padding:7px 14px;font-size:16px;font-weight:700;display:flex}.navbtn{border:1px solid var(--line);color:var(--txt-dim);cursor:pointer;background:#ffffff0a;border-radius:12px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .18s}.navbtn:hover{color:var(--txt);border-color:var(--line-strong);background:#8b5cff29}.navbtn.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.tabs{gap:8px;margin:16px 0;display:flex}.tab{border:1px solid var(--line);color:var(--txt-dim);cursor:pointer;background:#ffffff08;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:7px;padding:12px;font-family:inherit;font-size:15px;font-weight:700;transition:all .18s;display:flex}.tab:hover{border-color:var(--line-strong);color:var(--txt)}.tab.on{border-color:var(--line-strong);color:#fff;background:linear-gradient(135deg,#8b5cff40,#ff5cc82e);box-shadow:0 8px 26px #8b5cff38}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff09,#ffffff02);border-radius:22px;padding:22px}.section-h{text-transform:uppercase;letter-spacing:.12em;color:var(--txt-faint);margin-bottom:12px;font-size:13px;font-weight:700}.game-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:780px){.game-grid{grid-template-columns:240px 1fr}}.companion{border:1px solid var(--line);text-align:center;background:linear-gradient(#ffffff0a,#ffffff03);border-radius:20px;padding:18px;position:relative;overflow:hidden}.companion .ring{background:radial-gradient(closest-side, var(--c,var(--accent)), transparent);opacity:.18;filter:blur(8px);height:70%;position:absolute;inset:-40% 0 auto}.companion .nm{margin-top:6px;font-size:18px;font-weight:800}.companion .ti{color:var(--txt-dim);font-size:12px}.stat-row{gap:8px;margin-top:12px;display:flex}.stat{background:#ffffff0a;border-radius:12px;flex:1;padding:8px 6px}.stat .v{font-size:18px;font-weight:800}.stat .l{color:var(--txt-faint);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.qzone{flex-direction:column;gap:14px;display:flex}.startscreen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:320px;padding:30px 16px;display:flex}.startbig{filter:drop-shadow(0 6px 18px #8b5cff66);font-size:64px;line-height:1}.starttitle{font-size:26px;font-weight:900}.startsub{color:var(--txt-dim);font-size:15px;line-height:1.6}.playbtn{color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent-2));border:none;border-radius:18px;margin-top:6px;padding:16px 46px;font-size:22px;font-weight:900;transition:transform .12s,box-shadow .12s;box-shadow:0 12px 32px #8b5cff73}.playbtn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 16px 40px #8b5cff8c}.playbtn:active{transform:translateY(0)scale(.98)}.qhead{justify-content:space-between;align-items:center;gap:10px;display:flex}.qhead-right{align-items:center;gap:10px;display:flex}.stopbtn{color:#ff7a88;cursor:pointer;white-space:nowrap;background:#ff5a6e1f;border:1px solid #ff5a6e59;border-radius:14px;padding:6px 12px;font-size:13px;font-weight:800;transition:background .16s,border-color .16s,transform .12s}.stopbtn:hover{border-color:var(--bad);background:#ff5a6e33}.stopbtn:active{transform:scale(.96)}.streak{color:#ff9c3a;background:#ff96281f;border:1px solid #ff96284d;border-radius:14px;padding:6px 13px;font-size:14px;font-weight:800}.streak.hot{animation:1s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #ff962800}50%{box-shadow:0 0 16px #ff96288c}}.timer{background:#ffffff12;border-radius:6px;height:9px;overflow:hidden}.timer>i{border-radius:6px;height:100%;transition:width .1s linear,background .3s;display:block}.question{border:1px solid var(--line-strong);text-align:center;background:linear-gradient(#8b5cff1a,#ff5cc80a);border-radius:20px;padding:18px 20px}.question .lbl{letter-spacing:.16em;text-transform:uppercase;color:var(--txt-faint);margin-bottom:10px;font-size:12px}.question .eq{letter-spacing:-1px;font-size:54px;font-weight:800}@media (max-width:480px){.question .eq{font-size:42px}}.dots{border:1px solid var(--line);background:#ffffff06;border-radius:18px;padding:12px}.dots .cap{text-align:center;color:var(--txt-faint);margin-bottom:8px;font-size:12px}.dotgrid{flex-direction:column;align-items:center;gap:4px;display:flex}.drow{gap:4px;display:flex}.dot{opacity:0;border-radius:50%;transition:opacity .16s,transform .16s;transform:scale(0)}.dot.on{opacity:1;transform:scale(1)}.answer{align-items:center;gap:10px;display:flex}.ans-input{border:2px solid var(--line-strong);color:#fff;text-align:center;font-size:32px;font-weight:800;font-family:var(--font-display), sans-serif;-moz-appearance:textfield;background:#ffffff0d;border-radius:16px;outline:none;flex:1;min-width:0;padding:15px 18px;transition:border-color .2s,background .2s}.ans-input::-webkit-outer-spin-button{-webkit-appearance:none}.ans-input::-webkit-inner-spin-button{-webkit-appearance:none}.ans-input:focus{border-color:var(--accent)}.ans-input.ok{border-color:var(--good);background:#3df09a14}.ans-input.no{border-color:var(--bad);background:#ff5a6e14}.ans-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;border:none;border-radius:16px;flex-shrink:0;width:64px;height:64px;font-size:26px;transition:transform .15s,box-shadow .2s;box-shadow:0 8px 22px #8b5cff66}.ans-btn:hover{transform:scale(1.06)}.mc-wrap{border-top:1px dashed var(--line);padding-top:14px;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mc-hint{text-align:center;color:var(--txt-faint);margin-bottom:10px;font-size:12px}.mc-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mc-btn{border:1.5px solid var(--line);color:#fff;cursor:pointer;font-size:26px;font-weight:800;font-family:var(--font-display), sans-serif;background:#ffffff0a;border-radius:14px;padding:16px;transition:all .16s}.mc-btn:hover{border-color:var(--line-strong);background:#8b5cff29;transform:scale(1.02)}.mc-btn.mc-ok{border-color:var(--good);background:#3df09a26}.mc-btn.mc-no{border-color:var(--bad);background:#ff5a6e26}.dotgrid{max-width:100%;overflow-x:auto}@media (max-width:780px){.game-grid{flex-direction:column;display:flex}.game-grid.playing .qzone{order:-1}}@media (max-width:480px){.shell{padding:14px 12px 48px}.game-grid{gap:12px}.qzone{gap:10px}.companion{padding:14px}.question{padding:18px 14px}.question .lbl{margin-bottom:6px}.ans-input{padding:12px 14px;font-size:28px}.ans-btn{width:56px;height:56px;font-size:24px}.mc-wrap{padding-top:10px}.mc-btn{padding:13px;font-size:24px}.startscreen{min-height:240px;padding:24px 12px}.startbig{font-size:52px}.starttitle{font-size:22px}.playbtn{padding:14px 38px;font-size:20px}}.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.card{border:1.5px solid var(--rc,var(--line));text-align:center;background:linear-gradient(#ffffff0d,#ffffff03);border-radius:18px;padding:14px 12px;transition:transform .18s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.card.owned{box-shadow:0 0 0 1px var(--rc,var(--accent)), 0 10px 30px var(--rg,#8b5cff40)}.card .art-wrap{place-items:center;min-height:116px;margin-bottom:8px;display:grid;position:relative}.card .auraglow{background:radial-gradient(closest-side, var(--rg,var(--accent)), transparent 70%);opacity:.4;position:absolute;inset:0}.card.locked .art-wrap{filter:grayscale(.7)brightness(.7);opacity:.7}.card .rar{text-transform:uppercase;letter-spacing:.07em;color:#0a0a14;border-radius:8px;padding:3px 8px;font-size:9px;font-weight:800;position:absolute;top:10px;left:10px}.card .emb{font-size:17px;position:absolute;top:10px;right:10px}.card .cn{font-size:16px;font-weight:800}.card .ct{color:var(--txt-dim);margin-bottom:8px;font-size:11px}.card .stars{letter-spacing:1px;min-height:16px;margin-bottom:8px;font-size:12px}.card .lvl{color:var(--txt-faint);margin-bottom:4px;font-size:11px}.card .powerbar{background:#ffffff14;border-radius:4px;height:5px;margin:6px 0 10px;overflow:hidden}.card .powerbar>i{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:4px;height:100%;transition:width .4s;display:block}.cardbtn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:5px;width:100%;padding:10px;font-family:inherit;font-size:13px;font-weight:800;transition:all .16s;display:flex}.cardbtn.buy{color:var(--gold);background:#ffcf3a24;border:1px solid #ffcf3a59}.cardbtn.buy:hover{background:#ffcf3a40}.cardbtn.up{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff}.cardbtn.up:hover{filter:brightness(1.1)}.cardbtn.max{color:var(--good);background:#3df09a24;border:1px solid #3df09a4d}.cardbtn.sel{color:var(--txt-dim);border:1px solid var(--line);background:#ffffff0f}.cardbtn.sel.active{color:var(--good);background:#3df09a29;border-color:#3df09a66}.cardbtn:disabled{opacity:.4;cursor:not-allowed}.card .btnrow{flex-direction:column;gap:6px;display:flex}.hero{text-align:center;padding:8px 0 18px}.hero h1{background:linear-gradient(90deg,#c9b6ff,#ff9ed8,#8fd6ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:32px}.hero p{color:var(--txt-dim);font-size:15px}.tablepick{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 4px;display:flex}.tbtn{border:1px solid var(--line);color:var(--txt-dim);cursor:pointer;background:#ffffff0a;border-radius:12px;padding:9px 14px;font-family:inherit;font-size:14px;font-weight:700;transition:all .16s}.tbtn:hover{border-color:var(--line-strong)}.tbtn.on{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.overlay{z-index:200;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.respop{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a1af5;border:2px solid;border-radius:22px;padding:28px 42px;animation:.3s cubic-bezier(.34,1.56,.64,1) pop}.respop.ok{border-color:var(--good);box-shadow:0 0 40px #3df09a59}.respop.no{border-color:var(--bad);box-shadow:0 0 40px #ff5a6e59}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.respop .em{font-size:52px}.respop .tx{margin:6px 0;font-size:21px;font-weight:800}.respop .co{color:var(--gold);font-size:30px;font-weight:800}.respop .sk{color:#ff9c3a;margin-top:6px;font-size:13px}.fcoin{color:var(--gold);pointer-events:none;z-index:300;font-size:22px;font-weight:800;animation:1.4s ease-out forwards floatup;position:fixed}@keyframes floatup{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-90px)scale(1.3)}}.shake{animation:.4s shk}@keyframes shk{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.footer{text-align:center;color:var(--txt-faint);margin-top:26px;font-size:12px}.resetbtn{border:1px solid var(--line);color:var(--txt-faint);cursor:pointer;background:0 0;border-radius:10px;margin-top:8px;padding:6px 12px;font-family:inherit;font-size:12px}.resetbtn:hover{color:var(--bad);border-color:#ff5a6e66}.empty{text-align:center;color:var(--txt-dim);padding:30px;font-size:15px}