:root{--bg-primary: #0a0e1a;--bg-secondary: #141829;--border: rgba(255, 255, 255, .1);--bg-glass: rgba(20, 26, 56, .66);--text-primary: #e8e6f0;--text-secondary: #8b89a0;--neon-blue: #4fc3f7;--neon-green: #69f0ae;--neon-red: #ff5252;--neon-purple: #b388ff;--neon-yellow: #ffd740;--font-display: "Trebuchet MS", "BIZ UDPGothic", sans-serif;--font-ui: "IBM Plex Sans JP", "Hiragino Kaku Gothic ProN", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-ui);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;border:none;outline:none;touch-action:manipulation}.game-container{width:100%;height:100vh;position:relative;background:var(--bg-primary)}.canvas-area{position:absolute;inset:0;z-index:0}.overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.title-overlay{background:radial-gradient(circle at 30% 20%,rgba(79,195,247,.12),transparent 50%),radial-gradient(circle at 70% 70%,rgba(179,136,255,.12),transparent 50%),var(--bg-primary)}.title-text{font-family:var(--font-display);font-size:clamp(48px,10vw,96px);letter-spacing:.06em;background:linear-gradient(140deg,#8de6ff,#b388ff 55%,#ffd740);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:liftIn .7s ease}.subtitle{font-size:18px;color:var(--text-secondary);margin-top:-8px}.event-list-preview{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px}.event-tag{padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;color:var(--neon-blue);background:#4fc3f71a;border:1px solid rgba(79,195,247,.3)}.start-button{padding:16px 36px;border-radius:14px;font-size:18px;font-weight:700;color:#03102c;background:linear-gradient(140deg,var(--neon-blue),var(--neon-purple));box-shadow:0 12px 30px #4fc3f759;transition:transform .2s,box-shadow .2s;margin-top:14px}.start-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px #4fc3f773}.controls-hint{margin-top:10px;text-align:center;color:var(--text-secondary);font-size:13px;line-height:1.8}.intro-overlay{background:#0a0e1aeb;animation:fadeIn .3s ease}.intro-badge{padding:8px 18px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--neon-yellow);background:#ffd7401f;border:1px solid rgba(255,215,64,.3)}.intro-event-name{font-family:var(--font-display);font-size:clamp(36px,8vw,72px);letter-spacing:.04em;color:#fff;animation:liftIn .5s ease}.intro-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.control-tag{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--neon-green);background:#69f0ae1a;border:1px solid rgba(105,240,174,.25)}.hud{position:absolute;inset:0;z-index:5;pointer-events:none}.hud-top{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.hud-event-name{padding:8px 16px;border-radius:10px;font-size:16px;font-weight:800;letter-spacing:.06em;color:#fff;background:#0009;border:1px solid rgba(255,255,255,.15)}.hud-scores{display:flex;gap:12px}.score-player,.score-ai{padding:8px 14px;border-radius:10px;font-size:14px;font-weight:700;background:#0009;border:1px solid rgba(255,255,255,.15)}.score-player{color:var(--neon-blue)}.score-ai{color:var(--neon-red)}.hud-stats{position:absolute;top:60px;left:12px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.stat-row{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:8px;background:#00000080;font-size:13px}.stat-label{color:var(--text-secondary);min-width:70px}.stat-value{color:#fff;font-weight:700}.power-bar,.stamina-bar{width:120px;height:12px;border-radius:6px;background:#ffffff26;overflow:hidden}.power-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--neon-green),var(--neon-yellow),var(--neon-red));transition:width .05s}.stamina-fill{height:100%;border-radius:6px;transition:width .1s}.hud-sabotage{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto}.sabotage-label{font-size:12px;font-weight:700;color:var(--neon-yellow);letter-spacing:.1em;text-shadow:0 0 8px rgba(255,215,64,.4)}.sabotage-buttons{display:flex;gap:10px}.sabotage-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border-radius:12px;background:#ffd7401a;border:1px solid rgba(255,215,64,.3);color:var(--neon-yellow);transition:all .15s}.sabotage-btn:hover:not(:disabled){background:#ffd74033;transform:translateY(-2px)}.sabotage-btn:disabled{opacity:.35;cursor:default}.sabotage-key{font-size:16px;font-weight:900}.sabotage-name{font-size:11px;font-weight:600}.debuff-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 20px;border-radius:10px;font-size:16px;font-weight:800;color:var(--neon-red);background:#ff525226;border:1px solid rgba(255,82,82,.4);animation:pulse .6s ease infinite;pointer-events:none}.result-overlay{background:#0a0e1ae0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .4s ease;z-index:15}.result-title{font-family:var(--font-display);font-size:32px;letter-spacing:.06em;color:var(--neon-yellow)}.result-details{display:flex;flex-direction:column;gap:12px;min-width:320px}.result-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.result-label{font-weight:800;font-size:16px;color:var(--neon-blue);min-width:40px}.ai-label{color:var(--neon-red)}.result-value{font-size:20px;font-weight:700;color:#fff}.result-pts{font-size:14px;font-weight:700;color:var(--neon-yellow)}.result-totals{font-size:16px;font-weight:700;color:var(--text-secondary)}.final-overlay{background:radial-gradient(circle at 50% 40%,rgba(179,136,255,.15),transparent 60%),#0a0e1af2;animation:fadeIn .5s ease}.final-title{font-family:var(--font-display);font-size:clamp(40px,10vw,80px);letter-spacing:.04em;background:linear-gradient(140deg,#ffd740,#ff5252,#b388ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:liftIn .6s ease}.final-scores{display:flex;align-items:center;gap:24px}.final-score-card{padding:20px 30px;border-radius:16px;text-align:center;min-width:120px}.player-card{background:#4fc3f71f;border:1px solid rgba(79,195,247,.35)}.ai-card{background:#ff52521f;border:1px solid rgba(255,82,82,.35)}.final-score-label{font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:6px}.player-card .final-score-label{color:var(--neon-blue)}.ai-card .final-score-label{color:var(--neon-red)}.final-score-total{font-size:42px;font-weight:900;color:#fff}.final-vs{font-size:24px;font-weight:900;color:var(--text-secondary);letter-spacing:.1em}.final-breakdown{display:flex;flex-direction:column;gap:8px;min-width:300px}.breakdown-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:14px}.breakdown-event{color:var(--text-secondary);min-width:120px;font-weight:600}.breakdown-player{color:var(--neon-blue);font-weight:700;min-width:30px;text-align:right}.breakdown-separator{color:var(--text-secondary)}.breakdown-ai{color:var(--neon-red);font-weight:700;min-width:30px}@keyframes liftIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}