:root{--gb-bg: #1a1028;--gb-surface: #2a1840;--gb-surface-elevated: #3d2460;--gb-ink: #fff4d6;--gb-muted: #c9b48a;--gb-accent: #f0c040;--gb-accent-hot: #e05070;--gb-success: #50d080;--gb-warning: #f0c040;--gb-danger: #e05050;--gb-frame: #c08040;--gb-frame-inner: #f0d090;--gb-panel: #181030;--gb-cursor: #fff060;--gb-radius-sm: 0;--gb-radius-md: 0;--gb-radius-lg: 0;--gb-font: "Press Start 2P", "PixelMplus12", "MS Gothic", "Hiragino Sans", monospace;color-scheme:dark}@media(prefers-reduced-motion:reduce){:root{--gb-motion: 0ms}}:root{--gb-motion: .18s}*{box-sizing:border-box}html,body,#root{min-height:100%;height:100%}body{margin:0;font-family:DotGothic16,Courier New,MS Gothic,monospace;background:#0a0614;color:var(--gb-ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;font-size:17px;-webkit-font-smoothing:none}button{font:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.crt-shell{min-height:100%;display:grid;place-items:center;padding:calc(12px + env(safe-area-inset-top)) 12px calc(16px + env(safe-area-inset-bottom));background:radial-gradient(circle at top,rgba(120,60,180,.25),transparent 45%),#0a0614}.crt-bezel{width:min(440px,100%);display:grid;gap:10px;padding:12px;background:#120a22;border:4px solid #6a3a18;box-shadow:inset 0 0 0 2px #c89648,0 0 0 2px #2a1810;image-rendering:pixelated}.brand-bar{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.brand-bar h1{margin:0;font-size:20px;letter-spacing:.08em;color:var(--gb-accent)}.battle-canvas{width:100%;height:auto;aspect-ratio:320 / 168;background:#1a1028;border:2px solid #c89648;image-rendering:pixelated}.battle-stage{position:relative}.intermission{position:absolute;inset:0;display:grid;place-items:center;padding:12px;background:#080410b8}.intermission__panel{width:min(100%,360px)}.pce-window{background:var(--gb-panel);border:3px solid var(--gb-frame);box-shadow:inset 0 0 0 2px var(--gb-frame-inner)}.pce-window__title{padding:6px 10px;font-size:14px;font-weight:700;color:#1a1028;background:linear-gradient(90deg,#e0b060,#f0d090);border-bottom:2px solid #6a3a18}.pce-window__body{padding:12px;font-size:17px;line-height:1.55;white-space:pre-wrap}.muted{color:var(--gb-muted);font-size:15px}.message-text{margin:0;min-height:2.6em;font-size:17px}.explain{margin:10px 0 0;color:#b0e0ff;font-size:15px}.question-text{margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.45}.choice-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.choice{width:100%;display:flex;gap:8px;align-items:center;min-height:48px;padding:12px;text-align:left;font-size:17px;color:var(--gb-ink);background:#22143a;border:2px solid transparent}.choice--active,.choice:hover{border-color:var(--gb-cursor);background:#3a2460;color:#fff8c0}.choice__cursor{width:1.2em;color:var(--gb-cursor);font-size:18px}.pce-btn{margin-top:10px;min-height:48px;padding:12px 16px;color:#1a1028;background:linear-gradient(#ffe08a,#d0a040);border:2px solid #6a3a18;font-size:17px;font-weight:700}.pce-btn--wide{width:100%}.title-screen{display:grid}.title-hitarea{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.title-banner{display:block;width:100%;height:auto;aspect-ratio:320 / 224;border:2px solid #ffb84a;background:#1a0820;image-rendering:pixelated;image-rendering:crisp-edges}