:root{--accent:#b795ff;--second:#69e3ce;--bg:#0a0c13;--card:#141722;--line:#ffffff12;--muted:#9aa1b9;--text:#f0f1fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}button,input,select{border:1px solid var(--line);border-radius:10px;padding:11px 16px;background:#202535;color:var(--text)}button:hover:not(:disabled){border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--second);outline-offset:3px}.primary{background:var(--accent);color:#100f19;font-weight:750}.shell{max-width:1400px;margin:auto;display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{padding:32px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.brand{font-weight:900;font-size:30px;letter-spacing:-2px;padding:0 12px 30px}.brand span{color:var(--accent)}aside button{text-align:left;background:transparent;border-color:transparent;color:var(--muted)}aside button.active{background:#b795ff16;color:var(--accent);border-color:#b795ff30}aside small{margin:28px 12px 10px;color:var(--muted);letter-spacing:2px;font-size:10px}.aside-foot{margin-top:auto;padding:25px 12px;color:var(--muted);font-size:12px;line-height:1.8}main{padding:28px 36px;min-width:0}header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:32px}h1{font-size:clamp(38px,5vw,65px);letter-spacing:-2px;line-height:1.06;margin:16px 0}h2{font-size:25px;letter-spacing:-.5px}h3{margin:12px 0}p{color:var(--muted);line-height:1.7}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--second);font-weight:700}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.pill{border:1px solid var(--line);border-radius:30px;padding:9px 14px;font-size:13px}.coin{color:#f6d680}.hero{background:radial-gradient(ellipse at right,#8550cc40,transparent 65%),linear-gradient(130deg,#191e2c,#121520);border:1px solid var(--line);border-radius:22px;padding:35px;position:relative;overflow:hidden}.hero h1 span{color:var(--accent)}.hero p{max-width:500px}.hero .decor{position:absolute;right:40px;top:50px;font-size:125px;transform:rotate(-15deg);opacity:.6;pointer-events:none}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:22px}.game-card{position:relative;transition:transform .2s}.game-card:hover{transform:translateY(-4px)}.art{height:100px;display:flex;align-items:center;font-size:48px;background:linear-gradient(120deg,#b795ff15,transparent);border-radius:12px;padding:14px;margin-bottom:18px}.card p{font-size:13px;min-height:42px}.card .primary{width:100%}.tiny{font-size:12px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stats strong{display:block;font-size:26px;margin-top:7px}.stats .card{padding:18px}.hidden{display:none!important}.section-head{margin:30px 0 17px}.star{position:absolute;right:18px;top:20px;padding:5px 10px;background:#171c2c}.star.on{color:#ffd36e}.toolbar{margin:18px 0}.arena{position:relative}canvas{width:100%;display:block;aspect-ratio:900/450;background:#0b101c;border:1px solid var(--line);border-radius:15px;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#090d18db;border-radius:15px;padding:20px}.overlay h2{font-size:34px;margin:0}.overlay p{margin:12px 0 20px}.palette button{width:32px;height:32px;padding:0;border:3px solid transparent}.palette button.selected{border-color:white}.touch{justify-content:center;margin-top:15px}.touch button{min-width:50px;touch-action:manipulation}.quiz-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.quiz-answers button{text-align:left;min-height:65px}.correct{background:#184c3b!important;border-color:#62d7a1!important}.wrong{background:#572b3c!important;border-color:#ec8ba5!important}progress{width:100%;height:9px;accent-color:var(--accent)}.memory{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px;max-width:650px;margin:auto}.memory button{font-size:30px;min-height:72px}.memory .matched{background:#164638}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:30;padding:14px 22px;background:#e2d3ff;color:#16111f;border-radius:12px;box-shadow:0 10px 60px #0008;max-width:90vw;text-align:center}.list-row{padding:16px 0;border-bottom:1px solid var(--line)}.badge-icon{font-size:28px}.locked{opacity:.45}label{display:block;color:var(--muted);margin:18px 0 8px}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:13px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:12px}.danger{color:#ff9eae}footer{margin-top:35px;color:var(--muted);font-size:11px}.no-motion *{animation:none!important;transition:none!important}dialog{max-width:450px;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:20px;padding:28px}dialog::backdrop{background:#000a}@media(max-width:1000px){.shell{grid-template-columns:180px 1fr}main{padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.hero .decor{display:none}}@media(max-width:700px){.shell{display:block}aside{padding:14px;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:10}aside .brand,aside small,.aside-foot{display:none}aside button{white-space:nowrap;padding:10px}main{padding:18px}.grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:15px}.stats{grid-template-columns:1fr 1fr}.hero{padding:24px}.quiz-answers{grid-template-columns:1fr}header{flex-wrap:wrap}.memory button{min-height:55px}.art{height:75px}.overlay h2{font-size:23px}.overlay p{font-size:12px}}@media(max-width:400px){.grid{grid-template-columns:1fr}}