*{box-sizing:border-box}body{color:#3b1d5a;background:linear-gradient(160deg,#fdf2ff 0%,#e0f2fe 50%,#ecfdf5 100%);min-height:100vh;margin:0;font-family:Comic Sans MS,Chalkboard SE,Trebuchet MS,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline-offset:3px;outline:4px solid #7c3aed}.app{max-width:820px;margin:auto;padding:24px 16px 48px}.loading,.center{text-align:center}.center>.avatar{margin:8px auto 16px}h1{margin:8px 0;font-size:clamp(28px,5vw,44px)}h2{margin:20px 0 8px;font-size:20px}h2 small{color:#6b4f86;font-size:14px;font-weight:400}.card{background:#fff;border-radius:28px;padding:24px;box-shadow:0 10px 30px #5b21b626}.btn{color:#4c1d95;background:#ede9fe;border:none;border-radius:999px;padding:14px 24px;font-size:20px;font-weight:700;transition:transform .1s;box-shadow:0 4px #c4b5fd}.btn:active{transform:translateY(3px);box-shadow:0 1px #c4b5fd}.btn.primary{color:#fff;background:#ec4899;box-shadow:0 4px #be185d}.btn.primary:disabled{box-shadow:none;background:#f9a8d4}.btn.small{padding:10px 16px;font-size:16px}.btn.wide{width:100%;margin-top:24px}.row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.avatar{border:4px solid #fff;border-radius:50%;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 6px 16px #00000026}.avatar-full{flex-shrink:0;animation:2s ease-in-out infinite bob}.maker-layout{grid-template-columns:minmax(220px,300px) 1fr;align-items:start;gap:24px;margin-top:12px;display:grid}.maker-preview{border-radius:28px;justify-items:center;gap:8px;padding:20px 16px 16px;display:grid;position:sticky;top:12px;box-shadow:inset 0 -40px #ffffff59}.maker-figure{aspect-ratio:200/266;width:100%;max-width:260px}.wiggle{animation:.35s ease-out wiggle}.maker-name{color:#fff;text-shadow:2px 2px #0003;margin:0;font-size:24px;font-weight:700}.tabs{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tab{color:#6b21a8;background:#f3e8ff;border:none;border-radius:999px;padding:10px 16px;font-size:17px;font-weight:700}.tab.sel{color:#fff;background:#7c3aed;box-shadow:0 4px #5b21b6}.tab-panel h2:first-child{margin-top:14px}.chip.swatch{border-radius:50%;width:48px;height:48px}.chip.style-chip{color:#4c1d95;gap:2px;width:84px;height:auto;padding:6px 4px 4px;font-size:13px}.chip-art{width:64px;height:64px}.chip-art.full{width:56px;height:74px}.chip.toggle{color:#4c1d95;width:auto;height:52px;padding:0 16px;font-size:18px;font-weight:700}.avatar-btn{background:0 0;border:none;padding:12px 0 0}.field{gap:6px;font-size:20px;font-weight:700;display:grid}.field input{border:3px solid #ddd6fe;border-radius:16px;padding:14px 18px;font-size:22px}.choices{flex-wrap:wrap;gap:10px;display:flex}.chip{background:#faf5ff;border:3px solid #ede9fe;border-radius:18px;place-items:center;width:60px;height:60px;font-size:30px;display:grid;position:relative}.chip.sel{border-color:#ec4899;transform:scale(1.1);box-shadow:0 0 0 3px #fbcfe8}.chip:disabled{opacity:.6}.cost{color:#6b4f86;font-size:11px;position:absolute;bottom:2px}.hero-bar{background:#fff;border-radius:28px;align-items:center;gap:16px;padding:12px 20px;display:flex;box-shadow:0 10px 30px #5b21b61f}.hero-bar>div{flex:1}.hello{margin:0;font-size:22px;font-weight:700}.points{color:#b45309;margin:4px 0 0;font-size:18px;font-weight:700}.title{text-align:center;color:#7c3aed;text-shadow:3px 3px #fbcfe8;margin-top:28px}.subtitle{text-align:center;margin-top:0;font-size:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin-top:20px;display:grid}.table-btn{color:#fff;border:none;border-radius:24px;justify-items:center;gap:2px;padding:14px 8px;transition:transform .15s;display:grid;box-shadow:0 6px #00000026}.table-btn:hover{transform:translateY(-4px)rotate(-1deg)}.table-btn.mix{background:linear-gradient(135deg,#f472b6,#a78bfa,#60a5fa)}.monster-mini{font-size:40px}.table-num{text-shadow:2px 2px #00000026;font-size:34px;font-weight:700}.mini-stars{color:#fffbeb;letter-spacing:2px;font-size:20px}.mini-stars.dark{color:#f59e0b}.battle{text-align:center;background:#fff;border-radius:28px;padding:20px;box-shadow:0 10px 30px #5b21b626}.battle-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pill{color:#92400e;background:#fef3c7;border-radius:999px;padding:8px 14px;font-weight:700}.arena{background:linear-gradient(#e0f2fe,#dcfce7);border-radius:24px;justify-content:space-around;align-items:center;margin:28px 0 8px;padding:32px 8px 12px;display:flex}.fighter{justify-items:center;gap:6px;display:grid}.monster{font-size:96px;line-height:1;animation:1.6s ease-in-out infinite bob}.vs{font-size:48px}.hp{font-size:18px}.bar{background:#fee2e2;border:2px solid #fff;border-radius:999px;width:120px;height:16px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#ef4444,#f97316);height:100%;transition:width .4s}.name{margin:0;font-weight:700}.streak{color:#ea580c;margin:8px 0 0;font-size:20px;font-weight:700}.question{color:#7c3aed;margin:12px 0;font-size:clamp(48px,12vw,80px);font-weight:700}.answers{grid-template-columns:1fr 1fr;gap:14px;max-width:480px;margin:auto;display:grid}.answer{color:#4c1d95;background:#ede9fe;border:none;border-radius:22px;padding:22px 0;font-size:36px;font-weight:700;box-shadow:0 6px #c4b5fd}.answer:hover:not(:disabled){background:#ddd6fe}.answer.right{color:#fff;background:#22c55e;box-shadow:0 6px #15803d}.answer.wrong{color:#fff;background:#f87171;box-shadow:0 6px #b91c1c}.hint{color:#b91c1c;margin:16px 0 0;font-size:22px}.hint.good{color:#15803d}.big-emoji{font-size:90px}.pop{animation:.4s ease-out pop}.stars{letter-spacing:8px;font-size:64px}.star{color:#e5e7eb}.star.on{color:#f59e0b;text-shadow:0 0 12px #fde68a}.result-line{font-size:22px}.badges{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.badge{text-align:center;color:#6b7280;background:#f3f4f6;border-radius:18px;justify-items:center;gap:4px;padding:12px;font-size:14px;display:grid}.badge.got{color:#92400e;background:#fef3c7;font-weight:700}.badge-icon{font-size:36px}.score-table{gap:6px;display:grid}.score-row,.history li{background:#faf5ff;border-radius:14px;grid-template-columns:70px 1fr 1fr;align-items:center;padding:10px 14px;font-size:18px;display:grid}.table-name{font-weight:700}.history{gap:6px;margin:0;padding:0;list-style:none;display:grid}.empty{color:#6b4f86;font-size:18px}.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)rotate(-4deg)}75%{transform:translate(10px)rotate(4deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wiggle{0%{transform:scale(1)rotate(0)}40%{transform:scale(1.05)rotate(-3deg)}to{transform:scale(1)rotate(0)}}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.monster,.shake,.pop,.wiggle,.avatar-full{animation:none}}@media (max-width:640px){.maker-layout{grid-template-columns:1fr}.maker-preview{position:static}.maker-figure{width:180px}}@media (max-width:480px){.monster{font-size:72px}.vs{font-size:32px}.hero-bar{flex-wrap:wrap}}