: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}#scan-view,#answer-card,#summary-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]{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}#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-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}@media (width<=560px){#hud{flex-wrap:wrap}.hud-metric{min-width:74px;padding:7px 8px}#answer-name{font-size:1.3rem}}