:root{--ink: #1b1630;--panel: #2c2350;--panel-edge: #4a3c7a;--accent: #f5d547;--accent-dark: #c9a91f;--text: #f4f0ff;--dim: #9d92c4;font-family:"Press Start 2P",ui-monospace,SF Mono,Menlo,monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--text);image-rendering:pixelated;overflow:hidden;-webkit-user-select:none;user-select:none}.app,.screen{height:100%;width:100%}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px;overflow-y:auto;text-align:center}.title{background:radial-gradient(circle at 50% 30%,#3b2f6b 0%,var(--ink) 70%)}.title-emi{image-rendering:pixelated;filter:drop-shadow(0 6px 0 rgba(0,0,0,.35))}.title-text{margin:0;font-size:clamp(24px,6vw,52px);line-height:1.4;letter-spacing:2px;color:var(--accent);text-shadow:4px 4px 0 var(--accent-dark),8px 8px 0 rgba(0,0,0,.4)}.title-text span{display:block;color:var(--text);text-shadow:4px 4px 0 #6d5fae,8px 8px 0 rgba(0,0,0,.4)}.hint{margin:0;font-size:10px;line-height:1.8;color:var(--dim)}.button{font:inherit;font-size:12px;padding:14px 22px;color:var(--ink);background:var(--accent);border:0;border-bottom:4px solid var(--accent-dark);cursor:pointer}.button:active{transform:translateY(2px);border-bottom-width:2px}.button.ghost{background:transparent;color:var(--dim);border-bottom-color:var(--panel-edge)}.heading{margin:0;font-size:14px;line-height:1.6}.roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;width:100%;max-width:760px;justify-content:center}.card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;font:inherit;color:var(--text);text-align:center;background:var(--panel);border:3px solid var(--panel-edge);cursor:pointer}.card:hover:not(.locked){border-color:var(--accent);transform:translateY(-3px)}.card.locked{opacity:.45;cursor:default}.portrait{height:96px;image-rendering:pixelated}.portrait.placeholder{display:flex;align-items:center;justify-content:center;width:64px;font-size:32px;color:var(--panel-edge);background:#00000040}.card-name{font-size:12px}.card-ability{font-size:9px;color:var(--accent)}.card-tagline{font-size:8px;line-height:1.8;color:var(--dim)}.game{position:relative;padding:0;gap:0;background:#0d0a1a}.stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.stage canvas{image-rendering:pixelated}.frame{--ui-scale: 1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.hud{position:absolute;inset:0 0 auto 0;display:flex;align-items:center;justify-content:space-between;width:100%;padding:calc(4px * var(--ui-scale)) calc(7px * var(--ui-scale));font-size:clamp(8px,calc(5.5px * var(--ui-scale)),20px);background:var(--ink);border-bottom:calc(1.5px * var(--ui-scale)) solid var(--panel-edge);pointer-events:none}.hud-group{display:flex;align-items:center;gap:calc(4px * var(--ui-scale))}.hud-icon{height:clamp(12px,calc(11px * var(--ui-scale)),40px);image-rendering:pixelated}.hud-life{height:clamp(11px,calc(10px * var(--ui-scale)),36px);image-rendering:pixelated}.hud-level{font-size:clamp(7px,calc(4.5px * var(--ui-scale)),16px);color:var(--dim)}.dim{color:var(--dim)}.hud-muted{color:var(--accent)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0d0a1ad1;pointer-events:auto}.overlay-light{background:#0d0a1a4d}.dialogue{position:absolute;inset:auto calc(16px * var(--ui-scale)) calc(12px * var(--ui-scale)) calc(16px * var(--ui-scale));padding:calc(7px * var(--ui-scale)) calc(9px * var(--ui-scale));background:#100c22e6;border:calc(1.5px * var(--ui-scale)) solid var(--panel-edge);pointer-events:none}.dialogue-speaker{display:block;margin-bottom:calc(4px * var(--ui-scale));font-size:clamp(7px,calc(4px * var(--ui-scale)),14px);color:var(--accent)}.dialogue-text{margin:0;font-size:clamp(8px,calc(5px * var(--ui-scale)),18px);line-height:1.7;color:var(--text)}.dialogue-rest{visibility:hidden}.tally{display:grid;grid-template-columns:auto auto;gap:6px 18px;margin:0;font-size:10px}.tally dt{color:var(--dim);text-align:right}.tally dd{margin:0;color:var(--accent);text-align:left}.panel{display:flex;flex-direction:column;gap:16px;padding:32px 40px;background:var(--panel);border:3px solid var(--panel-edge)}.touch-controls{display:none}@media(pointer:coarse){.touch-controls{position:absolute;inset:auto 0 0 0;display:flex;align-items:flex-end;justify-content:space-between;padding:24px;pointer-events:auto}.touch-pad{display:flex;gap:12px}.touch-button{width:72px;height:72px;font-size:24px;color:var(--text);background:#2c2350bf;border:3px solid var(--panel-edge);border-radius:8px;touch-action:none}.touch-jump{width:88px;height:88px;background:#f5d547cc;color:var(--ink)}}