:root{--bg: #1b1f3b;--bg2: #2a2f5a;--fg: #ffffff;--muted: rgba(255, 255, 255, .7);--accent: #ffcf3f;--card: #ffffff;--card-fg: #1b1f3b;--radius: 18px;font-family:system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;overscroll-behavior:none}#app{position:fixed;inset:0;background:radial-gradient(120% 90% at 50% 0%,var(--bg2),var(--bg))}.stage{position:absolute;inset:0}.stage canvas{display:block}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.hud-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:8px}.hud-slot{display:flex;gap:8px;align-items:center}.hud-slot.center{flex-direction:column;text-align:center}.hud-slot.right{justify-content:flex-end}.hud-bottom{display:flex;justify-content:center;gap:12px}.hud-label{font-weight:800;font-size:20px;letter-spacing:.02em;text-shadow:0 2px 0 rgba(0,0,0,.25)}.hud-sub{font-size:13px;font-weight:700;color:var(--muted)}.btn{pointer-events:auto;border:0;cursor:pointer;font:inherit;font-weight:800;border-radius:999px;padding:12px 22px;font-size:16px;color:var(--card-fg);background:var(--card);box-shadow:0 4px #00000038;transition:transform 80ms ease;display:inline-flex;align-items:center;gap:8px}.btn:active{transform:translateY(3px);box-shadow:0 1px #00000038}.btn.icon{width:46px;height:46px;padding:0;justify-content:center;background:#ffffff29;color:var(--fg);box-shadow:none}.btn.primary{background:var(--accent);color:#1d1d1d}.btn.secondary{background:#0000000f;color:var(--card-fg);box-shadow:none}.btn.pill{background:#ffffff29;color:var(--fg);box-shadow:none;padding:10px 18px}.btn[disabled]{opacity:.4;pointer-events:none}.ad-badge{font-size:10px;font-weight:900;background:#1d1d1d;color:#fff;border-radius:6px;padding:2px 5px}.modal-root{position:absolute;inset:0;pointer-events:none}.modal-backdrop{position:absolute;inset:0;background:#0a0c1e8c;display:grid;place-items:center;pointer-events:auto;animation:fade-in .16s ease-out;padding:20px}.modal-card{width:min(340px,100%);background:var(--card);color:var(--card-fg);border-radius:24px;padding:24px 20px 20px;text-align:center;animation:pop-in .26s cubic-bezier(.2,1.4,.4,1)}.modal-title{margin:0 0 8px;font-size:26px;font-weight:900}.modal-line{margin:4px 0;font-weight:600;color:#0009}.modal-stars{font-size:44px;line-height:1;margin:6px 0 10px;letter-spacing:4px}.star{color:#d9d9e3;display:inline-block}.star.on{color:#ffc21a;animation:star-pop .42s cubic-bezier(.2,1.6,.4,1) both}.modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.modal-actions .btn{justify-content:center;width:100%}.toast{position:absolute;left:50%;top:22%;transform:translate(-50%);background:#000000b3;color:#fff;font-weight:800;padding:10px 18px;border-radius:999px;pointer-events:none;animation:fade-in .14s ease-out;white-space:nowrap}.ad-placeholder{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#111;color:#bbb;font:700 14px/1 ui-monospace,monospace;letter-spacing:.1em}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{transform:scale(.8);opacity:0}}@keyframes star-pop{0%{transform:scale(0)}}