:root{--sky-a: #7fd8ff;--sky-b: #d4f4ff;--panel-bg: rgba(255, 255, 255, .76);--panel-border: rgba(28, 90, 137, .16);--panel-shadow: 0 24px 70px rgba(18, 50, 82, .18);--ink: #163554;--ink-soft: #4d6b87;--accent: #2f78ff;--accent-warm: #ff9b37;--surface: rgba(248, 253, 255, .94)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(circle at top left,rgba(255,255,255,.6),transparent 28%),linear-gradient(180deg,var(--sky-a) 0%,var(--sky-b) 100%);color:var(--ink);font-family:Trebuchet MS,Segoe UI,sans-serif}body[data-input-mode=keyboard] .virtual-controls{display:none}#game-shell{position:relative;width:100%;height:100%}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}#game-canvas canvas{border-radius:28px;border:1px solid rgba(255,255,255,.48);box-shadow:0 42px 100px #1b3f633d,inset 0 0 0 1px #fff6}#hud-root,.hud-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-panel{position:absolute;top:max(18px,env(safe-area-inset-top));padding:16px 18px;border-radius:24px;border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--panel-shadow)}.hud-panel-left{left:max(18px,env(safe-area-inset-left));width:min(320px,calc(100vw - 36px))}.hud-panel-right{right:max(18px,env(safe-area-inset-right));width:min(320px,calc(100vw - 36px))}.hud-kicker{color:var(--accent-warm);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hud-stage{margin-top:8px;font-size:28px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.hud-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.hud-stat{padding:12px 14px;border-radius:18px;background:#ffffffc2;border:1px solid rgba(73,117,155,.12)}.hud-stat-score{grid-column:1 / -1}.hud-stat-label{display:block;color:var(--ink-soft);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hud-stat-value{display:block;margin-top:6px;font-size:22px;font-weight:900}.hud-hearts{color:#ff6285;letter-spacing:.12em}.member-panel{display:flex;gap:14px;align-items:center}.member-art{width:80px;height:80px;padding:8px;border-radius:20px;background:linear-gradient(180deg,#ffffffd1,#e5f6ffe6);object-fit:contain}.member-name{font-size:28px;font-weight:900;letter-spacing:.04em}.member-role{margin-top:4px;color:var(--ink-soft);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.member-ability{margin-top:8px;color:var(--accent);font-size:14px;font-weight:800}.objective-box{margin-top:16px;padding:14px 16px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(73,117,155,.12)}.objective-label{color:var(--ink-soft);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.objective-copy{margin-top:8px;font-size:16px;font-weight:700;line-height:1.45}.objective-progress{margin-top:10px;color:var(--accent);font-size:14px;font-weight:800}.helper-strip{position:absolute;left:50%;top:max(20px,env(safe-area-inset-top));transform:translate(-50%);display:inline-flex;gap:10px;align-items:center;padding:12px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.42);background:#ffffffc2;box-shadow:var(--panel-shadow);color:var(--ink-soft);font-size:13px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.helper-kicker{color:var(--accent-warm);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.touch-pause{position:absolute;right:calc(max(18px,env(safe-area-inset-right)) + 342px);top:max(18px,env(safe-area-inset-top));min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:#ffffffd1;color:var(--ink);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;pointer-events:auto}.touch-pause.is-hidden{display:none}.hud-roster{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;width:min(860px,calc(100vw - 56px))}.roster-member{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.4);background:#ffffffc2;box-shadow:0 16px 30px #1e4f761f;opacity:.64;transition:transform .14s ease-out,opacity .14s ease-out,box-shadow .14s ease-out}.roster-member.is-active{opacity:1;transform:translateY(-4px);box-shadow:0 24px 38px #1e4f762e}.roster-art{width:44px;height:44px;object-fit:contain}.roster-name{font-size:13px;font-weight:900;letter-spacing:.04em}.roster-role{margin-top:3px;color:var(--ink-soft);font-size:11px;font-weight:700}.hud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#64cfff2e,#ffffff61);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-overlay[hidden],.hud-overlay.is-hidden{display:none!important}.overlay-card{max-width:720px;padding:34px 36px;border-radius:34px;background:radial-gradient(circle at top right,rgba(255,240,158,.6),transparent 26%),linear-gradient(180deg,#fffffff2,#f0fafff5);border:1px solid rgba(255,255,255,.7);box-shadow:0 36px 80px #27608933;text-align:center;pointer-events:auto}.overlay-card-wide{max-width:1020px}.overlay-card-small{max-width:520px}.overlay-kicker{color:var(--accent-warm);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.overlay-title{margin:12px 0 0;color:var(--ink);font-size:clamp(40px,5vw,72px);line-height:.94;letter-spacing:.05em;text-transform:uppercase}.overlay-title-small{font-size:clamp(34px,4vw,46px)}.overlay-copy{margin:16px auto 0;max-width:720px;color:var(--ink-soft);font-size:17px;line-height:1.65}.overlay-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.overlay-chip{padding:10px 14px;border-radius:999px;background:#ffffffe6;border:1px solid rgba(80,132,173,.14);color:var(--ink);font-size:13px;font-weight:800}.overlay-actions{display:flex;gap:12px;justify-content:center;margin-top:22px}.overlay-button{min-width:150px;min-height:52px;padding:0 20px;border:none;border-radius:999px;background:linear-gradient(180deg,#2f78ff,#255ce1);color:#fff;font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 16px 28px #2f78ff47}.overlay-button-secondary{background:linear-gradient(180deg,#ffd05a,#ffa93d);color:var(--ink)}.start-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px}.start-member-card{padding:14px 12px;border-radius:22px;background:#ffffffc2;border:1px solid rgba(80,132,173,.14)}.start-member-art{width:96px;height:96px;object-fit:contain}.start-member-name{margin-top:8px;font-size:16px;font-weight:900}.start-member-role{margin-top:4px;color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.start-member-note{margin-top:6px;color:var(--ink-soft);font-size:12px;line-height:1.45}.end-rank{margin-top:18px;color:var(--accent);font-size:30px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.end-stats{display:grid;gap:10px;margin-top:18px}.end-stat{padding:11px 14px;border-radius:16px;background:#ffffffbd;color:var(--ink);font-size:14px;font-weight:800}.virtual-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 18px max(18px,env(safe-area-inset-bottom));pointer-events:none}.vc-pad{display:flex;gap:10px;pointer-events:none}.vc-right{display:grid;grid-template-columns:repeat(2,minmax(76px,1fr));gap:10px}.vc-btn{min-width:76px;min-height:76px;border-radius:22px;border:1px solid rgba(255,255,255,.7);background:#ffffffc7;box-shadow:0 18px 32px #2356802e;color:var(--ink);font-size:16px;font-weight:900;pointer-events:auto}.vc-btn.active{transform:translateY(2px) scale(.97);background:#fffffff0}.vc-move{font-size:24px}@media (max-width: 1100px){.hud-panel-right,.hud-panel-left{width:min(280px,calc(100vw - 36px))}.helper-strip{max-width:calc(100vw - 40px);text-align:center;line-height:1.4}.start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 840px){.hud-panel{top:auto;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 196px);width:calc(50vw - 26px)}.hud-panel-left{left:max(12px,env(safe-area-inset-left))}.hud-panel-right{right:max(12px,env(safe-area-inset-right))}.helper-strip{top:max(14px,env(safe-area-inset-top));width:calc(100vw - 24px);padding:10px 14px}.hud-roster{width:calc(100vw - 24px);grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.roster-member{padding:8px;gap:6px;flex-direction:column;text-align:center}.roster-art{width:34px;height:34px}.roster-role{display:none}.touch-pause{right:max(12px,env(safe-area-inset-right));top:calc(max(14px,env(safe-area-inset-top)) + 54px)}}@media (max-width: 680px){.hud-panel{width:calc(100vw - 24px);position:absolute;left:12px;right:12px}.hud-panel-left{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 246px)}.hud-panel-right{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 92px)}.start-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.overlay-card{padding:26px 22px}.overlay-actions{flex-direction:column}.overlay-button{width:100%}}