:root{font-family:Inter,system-ui,sans-serif;color:#24304a;background:#f4f7ff}*{box-sizing:border-box}body{margin:0}.topbar{height:70px;padding:0 max(20px,calc((100% - 1080px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e4e9f5}.brand{display:flex;gap:10px;align-items:center;color:#24304a;text-decoration:none;font-weight:800}.brand span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff;background:#6c5ce7}.container{max-width:1080px;margin:auto;padding:40px 20px 70px}.hero{text-align:center;max-width:680px;margin:15px auto 35px}.eyebrow{color:#6c5ce7;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.05;margin:.25em 0}h2{margin-top:38px}.profile-grid,.subject-grid,.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.profile-card,.stat,.panel,.question-card,.result{padding:22px;border:1px solid #e4e9f5;border-radius:22px;background:#fff;box-shadow:0 12px 26px #38508b10}.profile-card{text-align:center}.avatar{display:grid;place-items:center;width:70px;height:70px;margin:auto;border-radius:50%;font-size:1.7rem;font-weight:900;color:#fff;background:linear-gradient(135deg,#6c5ce7,#00cec9)}.avatar.large{width:100px;height:100px}.button{display:inline-block;padding:12px 18px;border:0;border-radius:12px;color:#fff;background:#6c5ce7;text-decoration:none;font-weight:800;cursor:pointer}.wide{grid-column:1/-1}.link-button{border:0;background:none;color:#6c5ce7;cursor:pointer}.admin-login{max-width:420px;margin:35px auto;padding:18px;border-radius:16px;background:#fff}.admin-login form,label{display:grid;gap:7px;margin-top:12px}input{padding:11px;border:1px solid #d9dfec;border-radius:10px}.dashboard-head{display:flex;align-items:center;justify-content:space-between}.stat strong{display:block;font-size:2rem;color:#6c5ce7}.stat span{font-size:.9rem;color:#68728a}.subject-card{display:flex;align-items:center;gap:14px;padding:20px;border-left:5px solid var(--accent);border-radius:16px;color:#24304a;background:#fff;text-decoration:none;font-weight:800}.subject-card b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:var(--accent)}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{padding:8px 12px;border-radius:999px;background:#ebe8ff;color:#5145a7}.battle{display:grid;grid-template-columns:1fr 2fr 1fr;gap:18px;align-items:center;margin-bottom:25px;text-align:center}.fighter,.monster{display:grid;place-items:center;width:90px;height:90px;margin:auto;border-radius:30px;font-size:2rem;font-weight:900;color:#fff;background:#00b894}.monster{background:#ff7675}.hp{overflow:hidden;height:16px;border-radius:20px;background:#e7ebf3}.hp i{display:block;width:100%;height:100%;background:#ff7675}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice input{display:none}.choice span{display:block;padding:15px;border:2px solid #e1e6f0;border-radius:13px;cursor:pointer}.choice input:checked+span{border-color:#6c5ce7;background:#eeecff}.result{text-align:center;max-width:650px;margin:30px auto}.xp-gain{display:block;margin:20px;font-size:2rem;color:#00b894}.alert{margin-bottom:20px;padding:12px;border-radius:10px;color:#9c3232;background:#ffe1e1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:12px;border-bottom:1px solid #e4e9f5}@media(max-width:640px){.battle{grid-template-columns:1fr 1fr}.battle-center{grid-column:1/-1;grid-row:2}.choice-grid{grid-template-columns:1fr}.dashboard-head{align-items:flex-start}.avatar.large{width:72px;height:72px}}