.home-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#0a0a1a,#1a1a3a);padding:20px}.home-content{text-align:center;max-width:360px}.game-title{font-size:48px;font-weight:700;margin-bottom:8px;text-shadow:0 0 20px rgba(0,255,136,.5)}.title-beat{color:#0f8;display:block;letter-spacing:8px}.title-master{color:#f0a;display:block;letter-spacing:4px;font-size:36px}.game-subtitle{color:#00d4ff;font-size:14px;letter-spacing:2px;margin-bottom:24px;text-transform:uppercase}.game-description{color:#fff;font-size:16px;margin-bottom:24px;line-height:1.6}.game-description p{margin:4px 0}.controls-guide{margin-bottom:24px}.lane-preview{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.lane-button{width:50px;height:50px;background:#1a1a2e;border:2px solid #00d4ff;border-radius:8px;color:#00d4ff;font-size:20px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px #00d4ff4d}.controls-text{color:#888;font-size:12px}.judgment-info{display:flex;justify-content:center;gap:12px;margin-bottom:32px;font-size:12px;font-weight:700}.perfect{color:#ff0;text-shadow:0 0 5px rgba(255,255,0,.5)}.great{color:#0f0;text-shadow:0 0 5px rgba(0,255,0,.5)}.good{color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.5)}.play-button{background:linear-gradient(180deg,#0f8,#0a5);border:none;border-radius:12px;color:#0a0a1a;font-family:Courier New,monospace;font-size:24px;font-weight:700;padding:16px 48px;cursor:pointer;box-shadow:0 0 20px #00ff8880,0 4px #063;transition:all .1s ease;text-shadow:none}.play-button:hover{transform:translateY(-2px);box-shadow:0 0 30px #00ff88b3,0 6px #063}.play-button:active{transform:translateY(2px);box-shadow:0 0 15px #00ff8880,0 2px #063}.footer-text{color:#666;font-size:11px;margin-top:24px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.game-title{animation:pulse 2s ease-in-out infinite}.coin-display{position:absolute;top:20px;right:20px;display:flex;flex-direction:row;align-items:center;z-index:10}.insert-coin-text{color:red;font-family:Courier New,monospace;font-size:18px;font-weight:700;margin-top:16px;text-shadow:0 0 10px rgba(255,0,0,.5);letter-spacing:2px}.game-container{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;background-color:#0a0a1a;overflow:hidden;position:relative}.game-coin-display{position:absolute;top:10px;right:10px;display:flex;flex-direction:row;align-items:center;z-index:20;pointer-events:none}.result-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#0a0a1a,#1a1a3a);padding:20px}.result-content{text-align:center;max-width:360px}.result-title{color:#00d4ff;font-size:36px;font-weight:700;letter-spacing:8px;margin-bottom:32px;text-shadow:0 0 20px rgba(0,212,255,.5)}.score-display{margin-bottom:24px}.score-label{color:#888;font-size:14px;letter-spacing:4px;margin-bottom:8px}.score-value{color:#fff;font-size:48px;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.3)}.grade-display{margin-bottom:40px}.grade{font-size:80px;font-weight:700;display:inline-block;width:100px;height:100px;line-height:100px;border-radius:50%;border:4px solid}.grade-s{color:#ff0;border-color:#ff0;text-shadow:0 0 30px rgba(255,255,0,.8);box-shadow:0 0 30px #ffff0080;animation:glow-s 1s ease-in-out infinite alternate}.grade-a{color:#0f8;border-color:#0f8;text-shadow:0 0 20px rgba(0,255,136,.5);box-shadow:0 0 20px #00ff884d}.grade-b{color:#00d4ff;border-color:#00d4ff;text-shadow:0 0 15px rgba(0,212,255,.5);box-shadow:0 0 15px #00d4ff4d}.grade-c{color:#888;border-color:#666}@keyframes glow-s{0%{box-shadow:0 0 30px #ffff0080}to{box-shadow:0 0 50px #ff0c}}.result-buttons{display:flex;flex-direction:column;gap:12px}.share-button,.retry-button,.home-button{font-family:Courier New,monospace;font-size:16px;font-weight:700;padding:14px 24px;border:none;border-radius:8px;cursor:pointer;transition:all .1s ease}.share-button{background:linear-gradient(180deg,#00d4ff,#08a);color:#0a0a1a;box-shadow:0 0 15px #00d4ff66}.share-button:hover{transform:translateY(-2px);box-shadow:0 0 25px #00d4ff99}.retry-button{background:linear-gradient(180deg,#0f8,#0a5);color:#0a0a1a;box-shadow:0 0 15px #0f86}.retry-button:hover{transform:translateY(-2px);box-shadow:0 0 25px #0f89}.home-button{background:#333;color:#fff;border:1px solid #555}.home-button:hover{background:#444;transform:translateY(-2px)}.share-button:active,.retry-button:active,.home-button:active{transform:translateY(1px)}.ad-button{background:linear-gradient(180deg,#fc0,#f80);color:#0a0a1a;box-shadow:0 0 15px #fc06;font-family:Courier New,monospace;font-size:16px;font-weight:700;padding:14px 24px;border:none;border-radius:8px;cursor:pointer;transition:all .1s ease}.ad-button:hover{transform:translateY(-2px);box-shadow:0 0 25px #fc09}.ad-button:active{transform:translateY(1px)}.ad-button:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(100%)}@keyframes consume-coin{0%{transform:scale(1);opacity:1}20%{transform:scale(1.2);opacity:1}to{transform:scale(0);opacity:0}}.coin-icon.consuming{animation:consume-coin .5s ease-in forwards}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:#0a0a1a;font-family:Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none;user-select:none;-webkit-user-select:none}body{overscroll-behavior:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes recharge{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.animate-blink{animation:blink 1s infinite step-end}.animate-fade-out{animation:fadeOutUp .8s ease-out forwards}.animate-recharge{animation:recharge .5s ease-out forwards}