@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Orbitron:wght@500;700;900&display=swap";:root{--bg: #0A0014;--surface: #1A0028;--primary: #00F5FF;--primary-dark: #00C2D1;--accent: #FF006E;--text: #F0F0FF;--text-muted: #A8A8C8;--border: #2A1845;--success: #10B981;--warning: #F59E0B;--danger: #FF006E;--radius: 8px;--shadow: 0 12px 36px rgba(0,0,0,.4), 0 0 28px #00F5FF26}body{margin:0;padding:0;background:linear-gradient(135deg,#0a0014,#1a0028),repeating-linear-gradient(0deg,transparent,transparent 39px,#00F5FF11 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#FF006E08 40px),var(--bg);color:var(--text);font-family:JetBrains Mono,SF Mono,Consolas,monospace;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh}.app-container{position:relative;width:100vw;height:100vh;max-width:1200px;max-height:800px;background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.cloud-badge{position:absolute;top:10px;right:10px;background-color:var(--primary);color:var(--bg);padding:4px 8px;border-radius:var(--radius);font-size:.8em;font-weight:700;z-index:100;box-shadow:0 0 10px var(--primary)}.cloud-status{position:absolute;top:50px;right:10px;display:flex;flex-direction:column;gap:5px;z-index:100}.cloud-loading,.cloud-saving,.cloud-error{padding:5px 10px;border-radius:var(--radius);font-size:.75em;color:var(--text);background-color:rgba(var(--surface),.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow)}.cloud-loading,.cloud-saving{background-color:#00f5ff33;border:1px solid var(--primary)}.cloud-error{background-color:#ff006e33;border:1px solid var(--danger)}.cloud-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:var(--radius);font-size:.9em;font-weight:700;z-index:1000;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cloud-toast.success{background-color:#10b981cc;color:var(--text)}.cloud-toast.error{background-color:#ff006ecc;color:var(--text)}.game-screen{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:absolute;top:0;left:0;background-color:var(--bg)}.start-screen,.gameover-screen{background:linear-gradient(135deg,#0a0014,#1a0028),repeating-linear-gradient(0deg,transparent,transparent 39px,#00F5FF11 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#FF006E08 40px),var(--bg);position:relative}.start-screen-bg,.start-screen-bg-fallback{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.3;z-index:0;filter:blur(5px)}.start-screen-bg-fallback{display:flex;justify-content:center;align-items:center;font-size:10em;color:var(--text-muted);opacity:.1}.game-title{font-family:Orbitron,monospace;font-size:4em;color:var(--primary);text-shadow:0 0 20px var(--primary),0 0 40px var(--accent);margin-bottom:20px;z-index:1}.game-description,.high-score-display,.final-score,.controls-hint{font-size:1.2em;color:var(--text-muted);margin-bottom:15px;z-index:1}.loading-text{font-size:1.2em;color:var(--text);z-index:1}.action-button{background-color:var(--primary);color:var(--bg);padding:15px 30px;border:none;border-radius:var(--radius);font-family:Orbitron,monospace;font-size:1.5em;cursor:pointer;transition:all .3s ease;box-shadow:0 0 24px var(--primary);z-index:1;margin-top:20px}.action-button:hover{background-color:var(--primary-dark);box-shadow:0 0 30px var(--primary),0 0 15px var(--accent)}.controls-hint{margin-top:30px;font-size:.9em;line-height:1.5}.controls-hint p{margin:5px 0}.playing-screen{background-color:var(--bg);position:relative}.hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:rgba(var(--surface),.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow);z-index:50;font-family:Orbitron,monospace}.hud-item{font-size:1.2em;color:var(--text);text-shadow:0 0 8px var(--primary)}.hud-item.lives{display:flex;gap:5px}.life-icon{color:var(--danger);font-size:1.5em;opacity:.3;transition:opacity .3s ease}.life-icon.active{opacity:1;text-shadow:0 0 10px var(--danger)}.pause-button{padding:8px 15px;font-size:1em;box-shadow:none;background-color:var(--accent);color:var(--bg)}.pause-button:hover{background-color:var(--danger);box-shadow:0 0 15px var(--accent)}.game-area{position:relative;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-around;z-index:1;background:radial-gradient(circle at center,#00f5ff1a,#00f5ff00 70%);animation:pulse-glow 2s infinite alternate;cursor:default}@keyframes pulse-glow{0%{box-shadow:0 0 30px #00f5ff4d}to{box-shadow:0 0 60px #00f5ff99}}.game-area-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.15;filter:blur(3px);z-index:-1}.game-area-bg-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:10em;color:var(--text-muted);opacity:.1;z-index:-1}.hit-line{position:absolute;left:var(--hit-line-x);top:0;height:100%;width:5px;background-color:var(--primary);box-shadow:0 0 15px var(--primary),0 0 30px var(--primary);z-index:10;transform:translate(-50%)}.player-container{position:absolute;left:calc(var(--hit-line-x) - 5%);transform:translateY(-50%);width:80px;height:80px;display:flex;justify-content:center;align-items:center;z-index:20}.player-shield{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px var(--primary)) drop-shadow(0 0 30px var(--accent))}.player-shield-fallback{font-size:4em;filter:drop-shadow(0 0 10px var(--primary))}.note{position:absolute;width:60px;height:60px;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;z-index:15}.note-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px var(--primary))}.note-fallback{font-size:3em;filter:drop-shadow(0 0 5px var(--primary))}.note-type-note1 .note-image{filter:drop-shadow(0 0 8px var(--primary))}.note-type-note2 .note-image{filter:drop-shadow(0 0 8px var(--accent))}.note-type-note3 .note-image{filter:drop-shadow(0 0 8px #8A2BE2)}.judgment-text{position:absolute;font-family:Orbitron,monospace;font-size:2.5em;font-weight:700;transform:translate(-50%,-50%);pointer-events:none;z-index:30;white-space:nowrap}.judgment-text.perfect{color:var(--primary);text-shadow:0 0 15px var(--primary),0 0 30px var(--primary)}.judgment-text.good{color:var(--success);text-shadow:0 0 10px var(--success)}.judgment-text.miss{color:var(--danger);text-shadow:0 0 10px var(--danger)}.hit-effect-image{position:absolute;width:120px;height:120px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 20px var(--primary)) drop-shadow(0 0 40px var(--accent));pointer-events:none}.pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:60}.pause-content{background-color:var(--surface);padding:40px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}.pause-content h2{font-family:Orbitron,monospace;color:var(--primary);text-shadow:0 0 10px var(--primary);margin-bottom:30px}.custom-cursor{position:absolute;pointer-events:none;transform:translate(-50%,-50%);z-index:100;width:32px;height:32px;display:flex;justify-content:center;align-items:center}.custom-cursor-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px var(--primary)) drop-shadow(0 0 15px var(--accent))}.custom-cursor-fallback{color:var(--primary);filter:drop-shadow(0 0 5px var(--primary))}@media (max-width: 768px){.game-title{font-size:3em}.game-description,.high-score-display,.final-score{font-size:1em}.action-button{font-size:1.2em;padding:12px 25px}.hud-item{font-size:1em}.life-icon{font-size:1.2em}.player-container{width:60px;height:60px}.note{width:50px;height:50px}.judgment-text{font-size:2em}.hit-effect-image{width:100px;height:100px}.custom-cursor{width:24px;height:24px}}.game-area{--hit-line-x: 20%}