:root{color:#f6f1df;font-synthesis:none;text-rendering:geometricprecision;background:#111312;font-family:Noto Sans KR,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{background:#111312;position:relative}#game-canvas{outline:none;width:100vw;height:100vh;display:block}#feedback-flash{pointer-events:none;opacity:0;position:absolute;inset:0}#feedback-flash.flash-correct{background:#56e08a;animation:.55s linear feedback-flash-pulse}#feedback-flash.flash-incorrect{background:#ef4a3d;animation:.55s linear feedback-flash-pulse}@keyframes feedback-flash-pulse{0%{opacity:.6}25%{opacity:.6}to{opacity:0}}#hud{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));pointer-events:none;color:#f6f1df;align-items:center;gap:10px;display:flex;position:absolute}.hud-metric{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111312b8;border:1px solid #f6f1df3d;min-width:92px;padding:8px 10px;box-shadow:0 8px 24px #0000003d}.hud-metric span{color:#f6f1dfad;font-size:.7rem;display:block}.hud-metric strong{margin-top:2px;font-size:1.1rem;display:block}#tier-label{background:#11131299;border-left:3px solid #48baa7;padding:9px 14px;font-size:.85rem;font-weight:700}#combo-badge{color:#ffd27a;background:#f2a42838;border:1px solid #f2a42899;padding:9px 14px;font-size:.85rem;font-weight:800;animation:.6s ease-in-out infinite alternate combo-pulse}@keyframes combo-pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}#mute-toggle{pointer-events:auto;color:#f6f1df;background:#111312b8;border:1px solid #f6f1df3d;border-radius:999px;width:38px;height:38px;font-size:1rem}#scan-view,#answer-card,#summary-panel,#intro-panel,#teacher-stats-panel{text-align:center;background:#0a0c0b8c;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}#scan-view[hidden],#answer-card[hidden],#summary-panel[hidden],#intro-panel[hidden],#teacher-stats-panel[hidden]{display:none}#scan-video{aspect-ratio:4/3;object-fit:cover;background:#000;border:2px solid #f6f1df66;border-radius:16px;width:min(88vw,420px)}#scan-prompt{font-size:1.1rem;font-weight:600}#manual-select-toggle{color:#f6f1df;background:0 0;border:1px solid #f6f1df66;border-radius:999px;padding:8px 14px;font-size:.85rem}#manual-select{border-radius:8px;padding:8px 12px;font-size:.95rem}#answer-card{max-height:52vh;padding:16px 20px calc(16px + env(safe-area-inset-bottom));background:#0d0f0ef2;border-radius:22px 22px 0 0;justify-content:flex-start;gap:8px;inset:auto 0 0;overflow-y:auto;box-shadow:0 -16px 40px #00000073}#answer-icon{object-fit:contain;filter:drop-shadow(0 4px 10px #0006);width:84px;height:84px}#answer-name{margin:0;font-size:1.3rem}#answer-hint{flex-direction:column;align-items:center;gap:10px;display:flex}#answer-hint[hidden]{display:none}#answer-hint-text{color:#ffd27a;max-width:480px;margin:0;font-size:.95rem}#answer-hint-retry{color:#f6f1df;background:0 0;border:1px solid #f6f1df66;border-radius:999px;padding:10px 18px;font-size:.9rem;font-weight:600}#bin-buttons{flex-wrap:wrap;justify-content:center;gap:10px;max-width:480px;display:flex}.bin-button{border:2px solid var(--bin-color,#f6f1df);color:#f6f1df;background:#f6f1df0f;border-radius:12px;padding:12px 18px;font-size:1rem;font-weight:600}.bin-button:active{background:var(--bin-color,#f6f1df);color:#111312}#answer-result{margin:0;font-size:1.4rem;font-weight:800}#answer-result.correct{color:#6fe3a0}#answer-result.incorrect{color:#f28b6b}#answer-explanation,#answer-mistake-note,#answer-subtopics{color:#f6f1dfdb;max-width:480px;margin:0;font-size:.95rem}#answer-mistake-note{color:#f2c46b}#answer-combo{color:#ffd27a;max-width:480px;margin:0;font-size:1rem;font-weight:800}#answer-hint-used{color:#f6f1dfb3;max-width:480px;margin:0;font-size:.85rem}#answer-subtopics{color:#f6f1df8c;font-size:.78rem}#answer-next,#summary-restart{color:#0d1a17;background:#48baa7;border:none;border-radius:999px;margin-top:8px;padding:12px 22px;font-size:1rem;font-weight:800}#summary-panel h2{margin:0}#summary-panel{background:#0a0c0beb}#summary-outro{color:#ffd27a;max-width:420px;margin:0;font-size:1.05rem;font-weight:600}#summary-subtopics{color:#f6f1dfdb;flex-direction:column;gap:6px;max-width:420px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}#summary-retry-wrong{color:#f6f1df;background:0 0;border:1px solid #f6f1df66;border-radius:999px;margin-top:4px;padding:10px 20px;font-size:.95rem;font-weight:700}#intro-panel h1{margin:0;font-size:1.8rem}#intro-panel p{color:#f6f1dfdb;max-width:380px;margin:0;font-size:1.05rem;line-height:1.5}#intro-start{color:#0d1a17;background:#48baa7;border:none;border-radius:999px;margin-top:8px;padding:14px 28px;font-size:1.05rem;font-weight:800}#teacher-stats-panel{background:#080a09f2}#teacher-stats-list{text-align:left;width:100%;max-width:420px;max-height:50vh;margin:0;padding-left:1.4em;font-size:.95rem;list-style:decimal;overflow-y:auto}#teacher-stats-list li{margin-bottom:6px}#teacher-stats-reset,#teacher-stats-close{color:#f6f1df;background:0 0;border:1px solid #f6f1df66;border-radius:999px;padding:10px 20px;font-size:.9rem;font-weight:700}@media (width<=560px){#hud{flex-wrap:wrap}.hud-metric{min-width:74px;padding:7px 8px}#answer-name{font-size:1.3rem}}