:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:#ffe7e7;background:radial-gradient(circle at top,rgba(255,21,21,.18),transparent 28%),radial-gradient(circle at bottom,rgba(120,0,0,.18),transparent 30%),linear-gradient(180deg,#020202,#0b0000 38%,#170101);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh;background:transparent}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{width:min(1160px,calc(100% - 28px));margin:0 auto;padding:34px 0 80px;display:grid;gap:24px}.hero-card,.quiz-card{position:relative;overflow:hidden;border-radius:32px;border:1px solid rgba(255,46,46,.24);box-shadow:0 28px 100px #0000008c}.hero-card{padding:32px;background:radial-gradient(circle at 12% 20%,rgba(255,51,51,.24),transparent 18%),radial-gradient(circle at 88% 14%,rgba(145,0,0,.38),transparent 22%),radial-gradient(circle at 50% 100%,rgba(255,75,75,.16),transparent 36%),linear-gradient(135deg,#020202,#120202 26%,#2b0202 56%,#520000,#980303);color:#fff3f3}.quiz-card{padding:28px;background:radial-gradient(circle at top left,rgba(255,48,48,.12),transparent 22%),radial-gradient(circle at 90% 8%,rgba(96,0,0,.14),transparent 18%),linear-gradient(180deg,#0e0707fa,#180707fa);color:#ffe9e9}.flare{position:absolute;width:240px;height:240px;border-radius:50%;filter:blur(12px);opacity:.7;pointer-events:none}.flare-left{top:-90px;left:-60px;background:radial-gradient(circle,rgba(255,31,31,.72),transparent 65%)}.flare-right{right:-70px;bottom:-90px;background:radial-gradient(circle,rgba(172,0,0,.86),transparent 65%)}.dokkaebi-strip,.quiz-decor{display:flex;flex-wrap:wrap;gap:10px}.dokkaebi-strip{margin-bottom:20px}.dokkaebi-strip span,.quiz-decor span,.result-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;font-size:.82rem;font-weight:800;letter-spacing:.04em}.dokkaebi-strip span{background:#ff14141c;border:1px solid rgba(255,107,107,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quiz-decor{margin-bottom:16px}.quiz-decor span{background:#ff28281f;color:#ff8d8d;transform:rotate(-2deg)}.quiz-decor span:nth-child(2n){transform:rotate(2deg)}.eyebrow,.progress-label,.stat-label,.result-kicker,.answer-meta{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;font-weight:800}.eyebrow{color:#ffcdcdd1}.hero-card h1,.quiz-card h2,.result-panel h3{margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;line-height:.95;letter-spacing:.02em}.hero-card h1{max-width:10ch;margin-top:12px;font-size:clamp(3rem,7vw,6.3rem);text-shadow:0 10px 30px rgba(255,0,0,.2)}.hero-copy{max-width:58ch;margin:18px 0 0;color:#ffe3e3eb;font-size:1.06rem}.hero-dokkaebis,.hero-stats,.result-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.dokkaebi-card,.hero-stats>div,.result-summary>div{padding:16px 18px;border-radius:22px;border:1px solid rgba(255,88,88,.16);background:#ff000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dokkaebi-card{transform:rotate(-1.5deg)}.dokkaebi-card:nth-child(2){transform:rotate(2deg)}.dokkaebi-card:nth-child(3){transform:rotate(-2.5deg)}.face{font-size:2rem}.dokkaebi-card p,.dokkaebi-card span{margin:0}.dokkaebi-card p{margin-top:8px;font-weight:900}.dokkaebi-card span,.hero-stats strong,.result-summary strong{display:block;margin-top:6px;font-size:1rem}.progress-row,.controls{display:flex;align-items:center;justify-content:space-between;gap:16px}.quiz-card h2{margin-top:6px;font-size:clamp(2rem,5vw,3.3rem);max-width:17ch}.score-chip{align-self:flex-start;padding:11px 15px;border-radius:999px;background:linear-gradient(135deg,#1a0000,#7f0000);color:#fff2f2;font-size:.92rem;font-weight:800;box-shadow:0 18px 34px #ff00001f}.progress-track{width:100%;height:12px;margin:24px 0 26px;border-radius:999px;background:#ff21211f}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#590000,#ff1a1a 55%,#ff7272);box-shadow:0 0 28px #ff1f1f6b;transition:width .22s ease}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.answer-button{position:relative;padding:20px;border:1px solid rgba(255,56,56,.12);border-radius:24px;background:linear-gradient(180deg,#180a0afa,#2a0909f5);color:inherit;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.answer-button:after{content:"👺";position:absolute;right:14px;bottom:12px;font-size:1.1rem;opacity:.22}.answer-button:hover{transform:translateY(-4px) rotate(-.5deg);border-color:#ff28289e;box-shadow:0 20px 36px #ff000024}.answer-button.selected{border-color:#ff2d2d;background:linear-gradient(180deg,#360000,#6d0202 48%,#a30303);box-shadow:0 22px 44px #ff23233d}.answer-index{display:block;font-size:1.45rem;font-weight:900}.answer-meta{display:block;margin-top:18px;color:#ff8c8c}.controls{margin-top:22px}.hint,.result-copy,.result-roast{margin:0;max-width:58ch;color:#ffb9b9}.primary-button{padding:15px 22px;border:0;border-radius:999px;background:linear-gradient(135deg,#090909,#7c0000 52%,#ff1f1f);color:#fff6f6;font-size:.98rem;font-weight:900;letter-spacing:.02em;box-shadow:0 20px 44px #ff000038}.primary-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.result-panel{display:grid;gap:16px}.stars{display:flex;gap:6px;font-size:2.55rem}.star{color:#ffbaba29}.star.active{color:#ff3d3d;text-shadow:0 0 22px rgba(255,61,61,.46)}.result-panel h3{font-size:clamp(2.2rem,6vw,3.7rem)}.result-badge{width:fit-content;background:linear-gradient(135deg,#0c0c0cf5,#9b0000eb);color:#fff0f0}.result-roast{font-size:1.02rem;font-weight:700}@media(max-width:860px){.app-shell{padding-top:20px}.hero-dokkaebis,.hero-stats,.result-summary,.answer-grid{grid-template-columns:1fr}.progress-row,.controls{flex-direction:column;align-items:stretch}.quiz-card h2{max-width:none}}