:root{font-family:Malgun Gothic,Courier New,monospace;color:#111827;background:#121821;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input{font:inherit}#app{position:relative;width:100vw;height:100vh;display:grid;place-items:center;background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),#121821;background-size:32px 32px}#game-root{position:relative;width:min(100vw,960px);aspect-ratio:16 / 9;max-height:100vh;image-rendering:pixelated;box-shadow:0 0 0 6px #050505,14px 14px #0006}#game-root canvas{display:block;image-rendering:pixelated}#overlay-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;place-items:center}.overlay-screen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;display:grid;place-items:center;padding:24px}.brand-screen{background:#fbf200;color:#050505}.brand-panel{width:min(780px,86vw);display:grid;gap:24px;justify-items:center;text-align:center}.brand-logo{width:min(500px,76vw);max-height:52vh;display:block;object-fit:contain;image-rendering:pixelated}.creator-mark{border:6px solid #050505;padding:12px 18px;font-size:clamp(20px,4vw,34px);font-weight:900;background:#fbf200;box-shadow:8px 8px #050505}.title-screen{background:radial-gradient(circle at center,#263750 0,#172033 64%);color:#fff;text-align:center}.title-card{display:grid;gap:22px;justify-items:center}.game-title{margin:0;max-width:840px;font-size:clamp(34px,7vw,72px);line-height:1.08;color:#f7c948;text-shadow:6px 6px 0 #050505}.pixel-button{border:4px solid #050505;background:#f7c948;color:#050505;padding:12px 18px;font-size:18px;font-weight:900;box-shadow:6px 6px #050505;cursor:pointer}.pixel-button:hover,.pixel-button:focus-visible{transform:translate(2px,2px);box-shadow:4px 4px #050505;outline:none}.secondary-button{background:#fff7d6}.title-progress{border:4px solid #050505;background:#fff7d6;color:#050505;padding:10px 14px;font-weight:900;box-shadow:6px 6px #050505}.hud{position:absolute;left:calc(50% - min(50vw,480px) + 16px);top:16px;width:min(380px,calc(100vw - 32px));pointer-events:none;border:4px solid #050505;background:#fff7d6;color:#050505;padding:12px;box-shadow:6px 6px #0006}.hud strong{display:block;margin-bottom:6px}.battle-panel{width:min(780px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;border:6px solid #050505;background:#fff7d6;color:#050505;padding:18px;box-shadow:10px 10px #00000073}.battle-ui-screen{align-items:end;padding-bottom:26px}.battle-ui-screen .battle-panel{width:min(840px,calc(100vw - 32px));max-height:48vh;padding:14px}.battle-header{display:flex;justify-content:space-between;gap:16px;align-items:start;border-bottom:4px solid #050505;padding-bottom:10px;margin-bottom:10px}.battle-header h2{margin:0;font-size:clamp(22px,4vw,36px)}.question-text{font-size:clamp(22px,4vw,32px);font-weight:900;margin:0 0 12px}.battle-pips{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin-bottom:10px}.battle-pip{display:grid;place-items:center;min-width:0;height:26px;border:3px solid #050505;background:#fff;font-size:12px;font-weight:900}.battle-pip.done{background:#83d475}.battle-pip.active{background:#f7c948;transform:translateY(-2px)}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.battle-ui-screen .choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.battle-ui-screen .pixel-button{padding:9px 12px}.answer-row{display:flex;gap:10px}.answer-input{flex:1;min-width:0;border:4px solid #050505;padding:12px;font-size:20px;background:#fff}.result-message{margin-top:16px;border:4px solid #050505;padding:12px;font-weight:900;background:#f7c948}.stage-clear-screen{background:#121821b8;pointer-events:auto}.stage-clear-panel{width:min(720px,calc(100vw - 32px));border:6px solid #050505;background:#fbf200;color:#050505;padding:24px;text-align:center;box-shadow:12px 12px #00000080}.stage-clear-panel h2{margin:0 0 14px;font-size:clamp(30px,6vw,56px);text-shadow:4px 4px 0 #ffffff}.stage-clear-panel p{font-size:18px;font-weight:900}.stage-clear-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:20px}@media(max-width:680px){#game-root{width:100vw;box-shadow:none}.choice-grid,.answer-row{grid-template-columns:1fr;flex-direction:column}.hud{left:8px;top:8px}}