*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#0a0a14;width:100%;height:100%;overflow:hidden}#root{min-height:100dvh}@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lilita-one-latin-400.woff2)format("woff2")}@font-face{font-family:Open Sans Condensed;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/open-sans-condensed-latin-300.woff2)format("woff2")}@font-face{font-family:Open Sans Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/open-sans-condensed-latin-700.woff2)format("woff2")}:root{--pichi-blue:#7ebfee;--pichi-blue-deep:#4a9fe0;--pichi-orange:#f26a1c;--pichi-orange-deep:#d55915;--pichi-shadow:0 4px 8px 3px #00000026, 0 1px 3px #0000004d}.game-bg{z-index:0;filter:blur(5px)brightness(.62);background-position:50%;background-size:cover;position:fixed;inset:0;transform:scale(1.06)}.game-bg:after{content:"";background:radial-gradient(82% 82% at 50% 45%,#0088ff1a 0%,#0088ff52 60%,#005ab48c 100%);position:absolute;inset:0}#game-ui{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#game-ui button{pointer-events:auto}#start-screen{flex-direction:column;align-items:center;gap:24px;display:flex}#start-screen h1{color:#fff;text-shadow:0 0 20px #aa3bff99,0 0 40px #aa3bff4d;letter-spacing:-2px;margin:0;font:700 64px/1 system-ui,sans-serif}#start-screen button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#aa3bff,#6d28d9);border:none;border-radius:12px;padding:14px 48px;font:600 22px/1 system-ui,sans-serif;transition:transform .15s,box-shadow .15s;box-shadow:0 0 20px #aa3bff66}#start-screen button:hover{transform:scale(1.05);box-shadow:0 0 30px #aa3bff99}#start-screen button:active{transform:scale(.97)}#hud{background:linear-gradient(#0009,#0000);justify-content:center;gap:40px;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}.hud-item{flex-direction:column;align-items:center;gap:2px;display:flex}.hud-label{color:#9ca3af;text-transform:uppercase;letter-spacing:2px;font:500 11px/1 system-ui,sans-serif}.hud-value{color:#fff;text-shadow:0 0 10px #fff3;font:700 28px/1 ui-monospace,monospace}.health-bar-wrapper{min-width:120px}.health-bar-track{background:#ffffff1a;border-radius:3px;width:100%;height:6px;margin:4px 0;overflow:hidden}.health-bar-fill{border-radius:3px;height:100%;transition:width .2s,background .3s}.health-bar-value{color:#9ca3af;font:500 11px/1 ui-monospace,monospace}.judgment-popup{z-index:15;pointer-events:none;flex-direction:column;align-items:center;gap:4px;animation:.6s ease-out forwards judgment-fade;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.judgment-text{text-shadow:0 0 20px #ffffff4d;letter-spacing:2px;font:700 48px/1 system-ui,sans-serif}.judgment-combo{color:#fff9;text-shadow:0 0 8px #fff3;font:600 16px/1 system-ui,sans-serif}@keyframes judgment-fade{0%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}30%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)translateY(-20px)}}.start-buttons{gap:12px;display:flex}#start-screen .btn-secondary{box-shadow:none;background:#ffffff14;border:1px solid #fff3}#start-screen .btn-secondary:hover{background:#ffffff26;box-shadow:0 0 15px #ffffff1a}#chart-editor{z-index:20;pointer-events:auto;background:#0d1117;flex-direction:column;display:flex;position:fixed;inset:0}.ce-toolbar{background:#161b22;border-bottom:1px solid #21262d;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.ce-toolbar-group{align-items:center;gap:6px;display:flex}.ce-toolbar-divider{background:#21262d;width:1px;height:24px}.ce-toolbar-spacer{flex:1}.ce-btn{color:#c9d1d9;cursor:pointer;white-space:nowrap;background:#21262d;border:1px solid #30363d;border-radius:6px;padding:6px 14px;font:500 13px/1 system-ui,sans-serif;transition:background .15s}.ce-btn:hover{background:#30363d}.ce-btn:disabled{opacity:.4;cursor:default}.ce-btn-back{border-color:#30363d}.ce-btn-play{color:#fff;background:#1f6feb;border-color:#1f6feb;min-width:60px}.ce-btn-play:hover{background:#388bfd}.ce-btn-active{color:#fff;background:#da3633;border-color:#da3633;animation:1s infinite pulse-red}@keyframes pulse-red{0%,to{box-shadow:0 0 #da363366}50%{box-shadow:0 0 0 6px #da363300}}.ce-btn-save{color:#fff;background:#238636;border-color:#238636}.ce-btn-save:hover{background:#2ea043}.ce-btn-clear{color:#f85149}.ce-file-input{display:none}.ce-save-name{color:#c9d1d9;background:#0d1117;border:1px solid #30363d;border-radius:4px;outline:none;width:100px;padding:5px 8px;font:500 12px/1 system-ui,sans-serif}.ce-save-name:focus{border-color:#1f6feb}.ce-bpm-input{color:#c9d1d9;text-align:center;background:#0d1117;border:1px solid #30363d;border-radius:4px;outline:none;width:54px;padding:5px 6px;font:500 12px/1 system-ui,sans-serif}.ce-bpm-input:focus{border-color:#1f6feb}.ce-label{color:#8b949e;text-transform:uppercase;font:500 11px/1 system-ui,sans-serif}.ce-time{color:#c9d1d9;min-width:100px;font:400 13px/1 ui-monospace,monospace}.ce-seek{appearance:none;cursor:pointer;background:#30363d;border-radius:2px;outline:none;width:140px;height:4px}.ce-seek::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1f6feb;border-radius:50%;width:12px;height:12px}.ce-vol-slider{appearance:none;cursor:pointer;background:#30363d;border-radius:2px;outline:none;width:60px;height:4px}.ce-vol-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#8b949e;border-radius:50%;width:10px;height:10px}.ce-note-count{color:#8b949e;font:400 12px/1 ui-monospace,monospace}.ce-body{flex:1;position:relative;overflow:hidden}.ce-empty{color:#8b949e;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font:400 15px/1 system-ui,sans-serif;display:flex}.ce-empty p{margin:0}.ce-hint{color:#6e7681;font-size:13px}.ce-hint strong{color:#c9d1d9}.ce-lane-legend{gap:20px;margin-top:8px;display:flex}.ce-legend-item{color:#8b949e;align-items:center;gap:6px;font:400 13px/1 system-ui,sans-serif;display:flex}.ce-legend-dot{border-radius:2px;width:10px;height:10px}.editor-canvas-container{width:100%;height:100%}.editor-canvas{cursor:crosshair;width:100%;height:100%;display:block}.ce-btn-sm{padding:4px 8px;font-size:11px}.ce-btn-detect{color:#58a6ff}.ce-tap-value{color:#eab308;cursor:pointer;background:#eab3081a;border:1px solid #eab30833;border-radius:4px;padding:2px 6px;font:700 13px/1 ui-monospace,monospace}.ce-tap-value:hover{background:#eab30833}.ce-btn-tap-active{color:#eab308;border-color:#eab308}.ce-check-label{color:#8b949e;cursor:pointer;white-space:nowrap;align-items:center;gap:4px;font:500 11px/1 system-ui,sans-serif;display:flex}.ce-checkbox{accent-color:#1f6feb;cursor:pointer}.ce-countin-overlay{z-index:10;pointer-events:none;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ce-countin-text{color:#fff;text-shadow:0 0 40px #aa3bff99,0 0 80px #aa3bff4d;font:700 120px/1 system-ui,sans-serif;animation:.4s ease-out count-pop}@keyframes count-pop{0%{opacity:0;transform:scale(2)}60%{opacity:1;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#song-select{pointer-events:auto;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:500px;display:flex}.ss-title{color:#fff;margin-bottom:8px;font:600 28px/1 system-ui,sans-serif}.ss-hint{color:#6b7280;font:400 14px/1 system-ui,sans-serif}.ss-song-list{flex-direction:column;gap:8px;width:100%;display:flex}.ss-song-card{color:#fff;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:4px;width:100%;padding:14px 18px;transition:background .15s,border-color .15s;display:flex}.ss-song-card:hover{background:#ffffff14;border-color:#aa3bff66}.ss-song-title{font:600 18px/1 system-ui,sans-serif}.ss-song-artist{color:#9ca3af;font:400 13px/1 system-ui,sans-serif}.ss-song-meta{color:#6b7280;text-transform:uppercase;letter-spacing:1px;font:400 11px/1 system-ui,sans-serif}.ss-chart-select{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.ss-selected-song{flex-direction:column;align-items:center;gap:4px;display:flex}.ss-chart-label{color:#9ca3af;text-transform:uppercase;letter-spacing:2px;font:500 13px/1 system-ui,sans-serif}.ss-chart-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ss-chart-card{color:#d1d5db;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;padding:10px 24px;font:500 15px/1 system-ui,sans-serif;transition:all .15s}.ss-chart-card:hover{background:#ffffff1a;border-color:#aa3bff4d}.ss-actions{gap:12px;margin-top:8px;display:flex}.ss-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;padding:10px 32px;font:600 15px/1 system-ui,sans-serif;transition:background .15s}.ss-btn:hover{background:#ffffff26}.ss-btn:disabled{opacity:.35;cursor:default}.ss-play{background:linear-gradient(135deg,#aa3bff,#6d28d9);border:none;min-width:120px;box-shadow:0 0 20px #aa3bff66}.ss-play:hover{box-shadow:0 0 30px #aa3bff99}.ss-play:disabled{opacity:.35}.ss-back{color:#9ca3af;background:0 0;border-color:#ffffff1a}.admin-screen{color:#e5e7eb;background:#0a0a14;padding:32px;font-family:system-ui,sans-serif;position:fixed;inset:0;overflow:auto}.admin-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-header h1{margin:0;font-size:24px}.admin-logout{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;padding:8px 14px}.admin-login{flex-direction:column;gap:12px;max-width:320px;margin:12vh auto 0;display:flex}.admin-login h1{text-align:center;margin-bottom:8px;font-size:20px}.admin-login input{color:#e5e7eb;background:#11111c;border:1px solid #ffffff26;border-radius:8px;padding:10px 12px;font-size:14px}.admin-login button{color:#fff;cursor:pointer;background:#6d28d9;border:none;border-radius:8px;padding:10px 12px;font-weight:600}.admin-login button:disabled{opacity:.6;cursor:default}.admin-error{color:#ef4444;text-align:center;font-size:13px}.admin-song-list{flex-direction:column;gap:12px;max-width:720px;display:flex}.admin-song-card{background:#11111c;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.admin-song-info{flex-direction:column;display:flex}.admin-song-title{font-weight:600}.admin-song-artist{color:#9ca3af;font-size:12px}.admin-instrument-row{flex-wrap:wrap;gap:8px;display:flex}.admin-instrument-btn{color:#cbd5e1;cursor:pointer;background:#1a1a2a;border:1px solid #ffffff26;border-radius:8px;padding:8px 12px;font-size:13px}.admin-instrument-btn.has-chart{color:#86efac;border-color:#22c55e}.admin-instrument-btn:disabled{opacity:.5;cursor:default}.admin-hint{color:#6b7280;margin-top:18px;font-size:12px}.admin-toast{z-index:60;color:#86efac;background:#11111c;border:1px solid #86efac66;border-radius:8px;padding:10px 16px;font-size:13px;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 16px #0006}#results-screen{pointer-events:auto;justify-content:center;align-items:center;height:100dvh;display:flex;position:fixed;inset:0}.results-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f061ed1;border:1px solid #aa3bff73;border-radius:20px;flex-direction:column;align-items:center;gap:18px;padding:36px 56px;display:flex;box-shadow:0 0 40px #aa3bff59,inset 0 0 30px #00ffff0f}.results-title{color:#fff;text-shadow:0 0 18px #ff19cc99;margin:0;font:700 40px/1 system-ui,sans-serif}.results-song{color:#c4b5fd;margin-top:-8px;font:500 16px/1 system-ui,sans-serif}.results-difficulty{letter-spacing:.04em;color:#cbd5e1;margin-top:2px;font:700 15px/1 Open Sans Condensed,system-ui,sans-serif}.results-difficulty .diff-star-on{color:var(--pichi-orange)}.results-difficulty .diff-star-off{color:#fff3}.results-rank{letter-spacing:2px;font:800 96px/1 system-ui,sans-serif}.results-rank.rank-s{color:#fde047;text-shadow:0 0 30px #fde047cc}.results-rank.rank-a{color:#4ade80;text-shadow:0 0 26px #4ade80b3}.results-rank.rank-b{color:#22d3ee;text-shadow:0 0 26px #22d3eeb3}.results-rank.rank-c{color:#a78bfa;text-shadow:0 0 26px #a78bfab3}.results-rank.rank-d{color:#fb923c;text-shadow:0 0 26px #fb923cb3}.results-rank.rank-f{color:#ef4444;text-shadow:0 0 26px #ef4444b3}.results-stats{gap:36px;display:flex}.results-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.results-stat-label{color:#9ca3af;text-transform:uppercase;letter-spacing:1px;font:500 13px/1 system-ui,sans-serif}.results-stat-value{color:#fff;font:700 28px/1 system-ui,sans-serif}.results-judgments{gap:10px;display:flex}.results-judgment{background:#ffffff0a;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:70px;padding:8px 12px;font:600 14px/1 system-ui,sans-serif;display:flex}.results-judgment span:first-child{text-transform:uppercase;letter-spacing:.5px;font-size:12px}.results-judgment span:last-child{color:#fff;font-size:20px}.results-judgment.j-perfect span:first-child{color:#22d3ee}.results-judgment.j-great span:first-child{color:#4ade80}.results-judgment.j-good span:first-child{color:#fde047}.results-judgment.j-miss span:first-child{color:#ef4444}.results-buttons{gap:16px;margin-top:6px;display:flex}#results-screen button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#aa3bff,#6d28d9);border:none;border-radius:12px;padding:12px 40px;font:600 20px/1 system-ui,sans-serif;transition:transform .15s,box-shadow .15s;box-shadow:0 0 20px #aa3bff66}#results-screen button:hover{transform:scale(1.05);box-shadow:0 0 30px #aa3bff99}#results-screen button:active{transform:scale(.97)}#results-screen button.btn-secondary{box-shadow:none;background:#ffffff14;border:1px solid #fff3}#results-screen button.btn-secondary:hover{background:#ffffff24}.results-mobile{justify-content:stretch;align-items:stretch}.results-mobile .results-step{width:100%;height:100dvh;padding:max(16px, env(safe-area-inset-top)) 18px max(16px, env(safe-area-inset-bottom));flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:12px;display:flex;overflow:hidden}.results-step-top{flex:none;justify-content:space-between;align-items:center;width:100%;display:flex}.results-back{pointer-events:auto;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font:700 22px/1 system-ui,sans-serif;display:flex}.results-back:active{transform:scale(.94)}.results-back-spacer{width:40px;height:40px}.results-steps-dots{gap:8px;display:flex}.results-steps-dots .dot{background:#ffffff40;border-radius:999px;width:8px;height:8px}.results-steps-dots .dot-on{background:var(--pichi-orange);box-shadow:0 0 10px #f26a1cb3}.results-step-body{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:clamp(8px,2.4vh,16px);width:100%;min-height:0;display:flex}.results-step-actions{flex-direction:column;flex:none;align-items:center;gap:10px;width:100%;display:flex}.results-step-next{pointer-events:auto;color:#fff;background:linear-gradient(135deg, var(--pichi-orange), var(--pichi-orange-deep));width:100%;max-width:360px;box-shadow:var(--pichi-shadow);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;padding:14px 18px;font:600 18px/1 system-ui,sans-serif}.results-step-next:active{transform:scale(.98)}.results-skip{pointer-events:auto;color:#cbd5e1;cursor:pointer;background:0 0;border:none;padding:4px;font:500 14px/1 system-ui,sans-serif;text-decoration:underline}.results-done{color:#fff;text-align:center;font:700 clamp(24px,7vw,34px)/1.2 Lilita One,system-ui,sans-serif}.results-practice-note{text-align:center;color:#9ca3af;margin:0;font:400 13px/1.35 system-ui,sans-serif}@media (width<=560px){.results-mobile .results-title{font-size:clamp(22px,6.5vw,32px)}.results-mobile .results-song{margin-top:0;font-size:14px}.results-mobile .results-rank{font-size:clamp(56px,16vw,84px)}.results-mobile .results-stats{gap:clamp(16px,6vw,32px)}.results-mobile .results-stat-value{font-size:clamp(20px,6vw,28px)}.results-mobile .results-judgments{gap:8px}.results-mobile .results-judgment{flex:1 1 0;min-width:0;padding:8px 6px}.results-mobile .arcade-letter{font-size:clamp(30px,9vw,42px)}.results-mobile .sb-list{max-height:38vh}}.ss-error{color:#fecaca;text-align:center;background:#ef444426;border:1px solid #ef444480;border-radius:10px;max-width:320px;margin-top:4px;padding:10px 16px;font:500 14px/1.4 system-ui,sans-serif}.touch-controls{z-index:8;pointer-events:none;gap:6px;padding:6px;display:flex;position:fixed;inset:64px 0 0}.touch-lane{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:#ffffff08;border:2px solid #ffffff2e;border-radius:14px;flex:1 1 0;height:100%;position:relative;transform:translateZ(0)}.touch-lane-0{border-color:#3b82f6;box-shadow:inset 0 0 24px #3b82f640}.touch-lane-1{border-color:#ef4444;box-shadow:inset 0 0 24px #ef444440}.touch-lane-2{border-color:#22c55e;box-shadow:inset 0 0 24px #22c55e40}.touch-lane-3{border-color:#eab308;box-shadow:inset 0 0 24px #eab30840}.touch-lane:after{content:"";opacity:0;will-change:opacity;pointer-events:none;border-radius:14px;transition:opacity 60ms;position:absolute;inset:-2px}.touch-lane-active:after{opacity:1}.touch-lane-0:after{background:#3b82f673;box-shadow:0 0 30px #3b82f6cc,inset 0 0 30px #3b82f680}.touch-lane-1:after{background:#ef444473;box-shadow:0 0 30px #ef4444cc,inset 0 0 30px #ef444480}.touch-lane-2:after{background:#22c55e73;box-shadow:0 0 30px #22c55ecc,inset 0 0 30px #22c55e80}.touch-lane-3:after{background:#eab30873;box-shadow:0 0 30px #eab308cc,inset 0 0 30px #eab30880}@media (hover:hover) and (pointer:fine){.touch-controls{display:none}}#orientation-notice{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#05020cf5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.orientation-card{text-align:center;background:#0f061ed9;border:1px solid #aa3bff73;border-radius:20px;flex-direction:column;align-items:center;gap:14px;max-width:88vw;padding:36px 40px;display:flex;box-shadow:0 0 40px #aa3bff59,inset 0 0 30px #00ffff0f}.orientation-icon{font-size:64px;line-height:1;animation:2s ease-in-out infinite rotate-phone}.orientation-title{color:#fff;text-shadow:0 0 20px #aa3bff99;margin:0;font:700 26px/1 system-ui,sans-serif}.orientation-text{color:#cbd5e1;max-width:280px;margin:0;font:400 15px/1.5 system-ui,sans-serif}@keyframes rotate-phone{0%,30%{transform:rotate(-90deg)}60%,to{transform:rotate(0)}}@media (width<=560px){#hud{flex-wrap:wrap;gap:16px;padding:10px 12px}.hud-value{font-size:20px}#start-screen h1{font-size:44px}}.quality-fab{z-index:30;pointer-events:auto;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f061eb3;border:1px solid #aa3bff73;border-radius:10px;padding:8px 12px;font:600 12px/1 system-ui,sans-serif;position:fixed;top:10px;right:10px}.quality-fab:active{transform:scale(.96)}.key-hint-cap{background:#0a041699;border:2px solid;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 8px;font:700 16px/1 Courier New,monospace;display:inline-flex;box-shadow:0 0 12px,inset 0 0 8px #ffffff14}.key-hint-cap-lg{border-radius:12px;min-width:56px;height:56px;font-size:26px}.key-hints-legend{z-index:20;pointer-events:none;opacity:.8;gap:12px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.key-hints-intro{z-index:40;pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:14px;animation:.4s key-hints-fade;display:flex;position:fixed;top:38%;left:50%;transform:translate(-50%)}.key-hints-intro-title{letter-spacing:.18em;text-transform:uppercase;color:#e9d5ff;font:700 18px/1 system-ui,sans-serif}.key-hints-row{gap:16px;display:flex}.key-hints-intro-sub{color:#cbd5e1;font:400 14px/1.4 system-ui,sans-serif}@keyframes key-hints-fade{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.landing{pointer-events:auto;-webkit-user-select:none;user-select:none;font-family:Open Sans Condensed,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.landing-bg{z-index:0;filter:blur(5px);background-position:50%;background-size:cover;position:absolute;inset:-3%;transform:scale(1.06)}.landing-glow{z-index:1;pointer-events:none;background:radial-gradient(72% 75% at 50% 44%,#eeeeee4d 0%,#0088ff73 52%,#0088ffd1 100%);position:absolute;inset:0}.landing-char{z-index:3;pointer-events:none;filter:drop-shadow(0 12px 16px #00000052);height:auto;animation:.55s cubic-bezier(.2,.7,.3,1) both landing-rise;position:absolute}.landing-ellipse{z-index:2;aspect-ratio:339/114;pointer-events:none;filter:blur(5px);background:radial-gradient(52% 52%,#0006,#0000002e 48%,#0000 72%);border-radius:50%;animation:.55s cubic-bezier(.2,.7,.3,1) both landing-rise;position:absolute}.landing-logo{z-index:4;filter:drop-shadow(0 4px 12px #0006);height:auto;animation:.55s cubic-bezier(.2,.7,.3,1) both landing-rise-c;position:absolute}.landing-social{z-index:6;gap:14px;animation:.55s cubic-bezier(.2,.7,.3,1) both landing-rise;display:flex;position:absolute}.landing-social a{opacity:.95;width:clamp(26px,6.5vw,34px);height:clamp(26px,6.5vw,34px);transition:transform .12s,opacity .12s;display:block}.landing-social a:hover{opacity:1;transform:scale(1.12)}.landing-social img{object-fit:contain;filter:drop-shadow(0 1px 2px #0000008c);width:100%;height:100%;animation:5.5s ease-in-out infinite social-wiggle;display:block}.landing-social a:nth-child(2) img{animation-delay:.4s}.landing-social a:nth-child(3) img{animation-delay:.8s}@keyframes social-wiggle{0%,70%,to{transform:rotate(0)scale(1)}77%{transform:rotate(-14deg)scale(1.15)}84%{transform:rotate(11deg)scale(1.15)}91%{transform:rotate(-7deg)scale(1.08)}}.landing-social-soon{opacity:.5;cursor:default;width:clamp(26px,6.5vw,34px);height:clamp(26px,6.5vw,34px);display:block;position:relative}.landing-social-badge{color:#fff;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#0000008c;border-radius:999px;padding:1px 5px;font:700 8px/1.4 Open Sans Condensed,system-ui,sans-serif;position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%)}.landing-play{z-index:5;cursor:pointer;color:#fff;background:var(--pichi-orange);box-shadow:var(--pichi-shadow);letter-spacing:.02em;border:none;border-radius:999px;padding:.32em 0;font-family:Lilita One,system-ui,sans-serif;transition:transform .12s,box-shadow .12s,background .12s;animation:.5s cubic-bezier(.2,.7,.3,1) both landing-pop-c;position:absolute;left:50%}.landing-play:hover{background:#ff8c3a;box-shadow:0 7px 16px 3px #00000047,0 1px 3px #0000004d}.landing-play:active{transform:translate(-50%)scale(.97)}.landing-play:disabled{opacity:.85;cursor:default}.landing-tagline{z-index:5;text-align:center;color:#fff;text-shadow:0 1px 4px #00000073;margin:0;animation:.55s cubic-bezier(.2,.7,.3,1) both landing-rise-c;position:absolute;left:50%;transform:translate(-50%)}.landing-credit{z-index:5;color:#fff;opacity:.85;letter-spacing:.02em;text-shadow:0 1px 3px #00000080;white-space:nowrap;margin:0;font-size:12px;animation:.55s cubic-bezier(.2,.7,.3,1) both landing-rise-c;position:absolute;left:50%;transform:translate(-50%)}.landing-error{z-index:7;color:#fff;text-align:center;max-width:80vw;box-shadow:var(--pichi-shadow);background:#d92d20eb;border-radius:12px;padding:12px 18px;font:600 14px/1.4 system-ui,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes landing-in{0%{opacity:0}to{opacity:1}}@keyframes landing-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-rise-c{0%{opacity:0;transform:translate(-50%,28px)}to{opacity:1;transform:translate(-50%)}}@keyframes landing-pop-c{0%{opacity:0;transform:translate(-50%,14px)scale(.85)}to{opacity:1;transform:translate(-50%)scale(1)}}.landing-mobile .landing-social{top:14px;right:16px}.landing-mobile .landing-logo{width:27%;max-width:130px;top:9%;left:50%;transform:translate(-50%)}.landing-mobile .landing-zorro{width:64%;top:44%;left:50%;transform:translate(-50%)}.landing-mobile .landing-play{width:66%;max-width:320px;font-size:clamp(28px,9vw,46px);top:63%;transform:translate(-50%)}.landing-mobile .landing-credit{top:76.5%}.landing-mobile .landing-agata{z-index:3;width:51%;bottom:-6%;left:-14%}.landing-mobile .landing-gato{z-index:3;width:59%;bottom:-9%;left:10%}.landing-mobile .landing-rocky{z-index:3;width:56%;bottom:-8%;left:68%}.landing-mobile .landing-raul{z-index:4;width:53%;bottom:-12%;left:33%}.landing-desktop .landing-social{top:18px;right:24px}.landing-desktop .landing-char,.landing-desktop .landing-ellipse{transform:translate(-50%)}.landing-desktop .landing-logo{height:20.2vh;top:7.8%;left:50%;transform:translate(-50%)}.landing-desktop .landing-agata{height:32.7vh;top:14.5%;left:16.2%}.landing-desktop .landing-gato{height:36.6vh;top:10.4%;left:82.3%}.landing-desktop .landing-zorro{height:32.5vh;top:46%;left:50.6%}.landing-desktop .landing-rocky{height:39.3vh;top:71.9%;left:19.4%}.landing-desktop .landing-raul{height:42.6vh;top:68.6%;left:81.9%}.landing-desktop .landing-ellipse-agata{width:34.5vh;top:39.9%;left:17.3%}.landing-desktop .landing-ellipse-gato{width:34.5vh;top:38.4%;left:81.9%}.landing-desktop .landing-play{width:22%;max-width:340px;font-size:clamp(28px,2.8vw,50px);top:67%;transform:translate(-50%)}.landing-desktop .landing-tagline{width:28%;font:300 clamp(13px,1.35vw,22px)/1.25 Open Sans Condensed,system-ui,sans-serif;top:82%}.landing-desktop .landing-credit{top:95%}.landing-desktop .landing-char,.landing-desktop .landing-ellipse{animation-name:landing-rise-c}.landing-logo{animation-delay:.12s}.landing-social{animation-delay:.24s}.landing-play{animation-delay:.92s}.landing-credit{animation-delay:1.08s}.landing-desktop .landing-ellipse-agata{animation-delay:.3s}.landing-desktop .landing-agata{animation-delay:.34s}.landing-desktop .landing-ellipse-gato{animation-delay:.42s}.landing-desktop .landing-gato{animation-delay:.46s}.landing-desktop .landing-zorro{animation-delay:.56s}.landing-desktop .landing-rocky{animation-delay:.66s}.landing-desktop .landing-raul{animation-delay:.76s}.landing-desktop .landing-tagline{animation-delay:1s}.landing-mobile .landing-zorro{animation-name:landing-rise-c;animation-delay:.42s}.landing-mobile .landing-agata{animation-delay:.54s}.landing-mobile .landing-gato{animation-delay:.64s}.landing-mobile .landing-raul{animation-delay:.74s}.landing-mobile .landing-rocky{animation-delay:.84s}.preloader{z-index:300;opacity:1;background:#0a0a14;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.preloader-hidden{opacity:0;pointer-events:none}.preloader-bg{filter:blur(6px)brightness(.7);background-position:50%;background-size:cover;position:absolute;inset:-3%;transform:scale(1.06)}.preloader-bg:after{content:"";background:radial-gradient(72% 75% at 50% 44%,#eeeeee2e 0%,#0088ff6b 52%,#0088ffc7 100%);position:absolute;inset:0}.preloader-content{z-index:1;flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.preloader-logo{filter:drop-shadow(0 4px 12px #00000073);width:clamp(80px,18vw,120px);height:auto;animation:.6s landing-in}.preloader-bar{background:#ffffff2e;border-radius:999px;width:clamp(180px,60vw,320px);height:12px;overflow:hidden;box-shadow:inset 0 1px 3px #00000059}.preloader-bar-fill{background:linear-gradient(90deg, var(--pichi-orange), #ffb15a);border-radius:999px;height:100%;transition:width .25s}.preloader-pct{color:#fff;letter-spacing:.04em;text-shadow:0 1px 4px #00000080;font-family:Lilita One,system-ui,sans-serif;font-size:20px}.combo-cheer{z-index:25;pointer-events:none;flex-direction:column;align-items:flex-start;animation:2.2s forwards combo-cheer-in;display:flex;position:fixed;bottom:0;left:0}.combo-cheer-zorro{filter:drop-shadow(0 6px 12px #00000073);width:clamp(120px,22vw,220px);height:auto}.combo-cheer-bubble{color:#1f2937;white-space:nowrap;box-shadow:var(--pichi-shadow);background:#fff;border-radius:18px;margin-bottom:-4px;margin-left:clamp(70px,14vw,150px);padding:.4em .75em;font-family:Lilita One,system-ui,sans-serif;font-size:clamp(18px,4vw,30px);position:relative}.combo-cheer-bubble:after{content:"";border:8px solid #0000;border-top-color:#fff;border-bottom:0;position:absolute;bottom:-11px;left:26px}@keyframes combo-cheer-in{0%{opacity:0;transform:translateY(112%)}12%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(112%)}}#results-screen button,.ss-play{background:linear-gradient(135deg, var(--pichi-orange), var(--pichi-orange-deep));box-shadow:var(--pichi-shadow)}#results-screen button:hover,.ss-play:hover{box-shadow:0 7px 16px 3px #00000047,0 1px 3px #0000004d}.results-card{border-color:#f26a1c80;box-shadow:0 0 40px #f26a1c47,inset 0 0 30px #7ebfee14}.results-title{text-shadow:0 0 18px #f26a1c99}.results-song{color:#bfe0ff}.results-stat-score .results-stat-value{color:#ffd9b0;text-shadow:0 0 14px #f26a1c80}.ss-chart-card:hover{border-color:#f26a1c66}.ss-chart-selected{color:#fff;background:#f26a1c38;border-color:#f26a1cb3}.ss-song-card:hover{border-color:#f26a1c66}.orientation-card{border-color:#f26a1c73;box-shadow:0 0 40px #f26a1c4d,inset 0 0 30px #7ebfee14}.orientation-title{text-shadow:0 0 20px #f26a1c99}.landing-ranking{z-index:6;cursor:pointer;color:#fff;letter-spacing:.03em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--pichi-shadow);background:#00000052;border:none;border-radius:999px;align-items:center;gap:4px;padding:7px 14px;font:700 14px/1 Open Sans Condensed,system-ui,sans-serif;animation:.55s cubic-bezier(.2,.7,.3,1) .24s both landing-rise;display:inline-flex;position:absolute;top:14px;left:16px}.landing-ranking:hover{background:var(--pichi-orange)}.landing-desktop .landing-ranking{top:18px;left:24px}.sb-list{flex-direction:column;gap:6px;width:100%;max-height:52vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.sb-row{color:#fff;background:#ffffff0f;border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px 14px;display:grid}.sb-row-me{background:#f26a1c47;box-shadow:inset 0 0 0 1px #f26a1cb3}.sb-pos{color:#bfe0ff;text-align:center;font:700 16px/1 Lilita One,system-ui,sans-serif}.sb-name{letter-spacing:.08em;font:700 20px/1 Lilita One,system-ui,sans-serif}.sb-score{color:#ffd9b0;font:700 16px/1 ui-monospace,monospace}.sb-empty{color:#cbd5e1;text-align:center;padding:18px;font:400 15px/1.4 system-ui,sans-serif}.pichi-dialog{color:#fff;background:0 0;border:none;width:fit-content;max-width:100vw;height:fit-content;max-height:100dvh;margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.pichi-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05122899}.ranking-modal{z-index:1;background:#0c1e38eb;border:1px solid #f26a1c80;border-radius:18px;flex-direction:column;gap:12px;width:min(92vw,420px);max-height:80vh;padding:22px;display:flex;position:relative;box-shadow:0 0 40px #00000080}.ranking-modal-head{justify-content:space-between;align-items:center;display:flex}.ranking-tabs{flex-wrap:wrap;gap:6px;display:flex}.ranking-tab{color:#cbd5e1;letter-spacing:.03em;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;flex:auto;padding:7px 10px;font:700 13px/1 Open Sans Condensed,system-ui,sans-serif;transition:background .12s,color .12s,border-color .12s}.ranking-tab:hover{color:#fff}.ranking-tab-active{background:var(--pichi-orange);border-color:var(--pichi-orange);color:#fff}.ranking-modal-title{color:#fff;font:400 24px/1 Lilita One,system-ui,sans-serif}.ranking-close{color:#cbd5e1;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:28px;line-height:1}.ranking-close:hover{color:#fff}.score-save,.results-ranking{pointer-events:auto;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:360px;display:flex}.score-save-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:2px;font:500 13px/1 system-ui,sans-serif}.arcade-initials{border:0;justify-content:center;gap:16px;min-width:0;margin:0;padding:0;display:flex}.arcade-slot{flex-direction:column;align-items:center;gap:6px;display:flex}.arcade-arrow{cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;background:#ffffff1f;border:none;border-radius:8px;justify-content:center;align-items:center;width:46px;height:32px;font-size:15px;line-height:1;transition:background .12s,transform 80ms;display:flex}.arcade-arrow:hover{background:var(--pichi-orange)}.arcade-arrow:active{transform:scale(.9)}.arcade-letter{text-align:center;color:#fff;text-shadow:0 2px 6px #00000073;width:46px;font:700 42px/1 Lilita One,system-ui,sans-serif}.score-save-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--pichi-orange), var(--pichi-orange-deep));box-shadow:var(--pichi-shadow);border:none;border-radius:10px;padding:10px 22px;font:600 15px/1 system-ui,sans-serif}.score-save-btn:disabled{opacity:.4;cursor:default}.score-subscribe{color:#cbd5e1;cursor:pointer;align-items:center;gap:8px;font:400 14px/1.3 system-ui,sans-serif;display:flex}.score-subscribe input{accent-color:var(--pichi-orange);cursor:pointer}.score-email{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:10px;outline:none;width:100%;padding:9px 12px;font:400 14px/1 system-ui,sans-serif}.score-email:focus{border-color:var(--pichi-orange)}.score-save-error{color:#fecaca;text-align:center;font:500 13px/1.3 system-ui,sans-serif}.results-ranking-title{color:#fff;text-align:center;font:400 20px/1 Lilita One,system-ui,sans-serif}.score-news{background:#f26a1c1a;border:1px solid #f26a1c80;border-radius:12px;flex-direction:column;align-items:center;gap:7px;width:100%;padding:12px 14px;display:flex}.score-news-title{color:#fff;text-align:center;font:600 15px/1.2 system-ui,sans-serif}.score-news-hint{color:#cbd5e1;text-align:center;font:400 12px/1.2 system-ui,sans-serif}.results-instagram{color:#fff;pointer-events:auto;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;margin-top:2px;padding:9px 16px;font:500 14px/1 system-ui,sans-serif;text-decoration:none;transition:background .12s,transform .12s;display:inline-flex}.results-instagram:hover{background:#ffffff2e;transform:scale(1.03)}.results-instagram img{object-fit:contain;width:22px;height:22px}.results-instagram strong{font-weight:700}.instr-modal{z-index:1;background:#0c1e38eb;border:1px solid #f26a1c80;border-radius:18px;flex-direction:column;gap:16px;width:min(92vw,420px);padding:22px;display:flex;position:relative;box-shadow:0 0 40px #00000080}.instr-modal-head{justify-content:space-between;align-items:center;display:flex}.instr-modal-title{color:#fff;font:400 24px/1 Lilita One,system-ui,sans-serif}.instr-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.instr-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:18px 10px;transition:background .12s,border-color .12s,transform 80ms;display:flex;position:relative}.instr-btn:hover:not(:disabled){background:var(--pichi-orange);border-color:var(--pichi-orange)}.instr-btn:active:not(:disabled){transform:scale(.97)}.instr-btn:disabled{opacity:.4;cursor:default}.instr-icon{font-size:34px;line-height:1}.instr-label{letter-spacing:.03em;font:700 16px/1 Open Sans Condensed,system-ui,sans-serif}.instr-soon{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#00000080;border-radius:999px;padding:1px 6px;font:700 9px/1.4 Open Sans Condensed,system-ui,sans-serif;position:absolute;top:8px;right:8px}.instr-loading{text-align:center;color:#cbd5e1;font:500 14px/1 system-ui,sans-serif}.instr-picked{text-align:center;color:var(--pichi-orange);letter-spacing:.04em;font:700 18px/1 Open Sans Condensed,system-ui,sans-serif}.instr-modal-actions{justify-content:center;gap:12px;display:flex}.diff-picker{flex-direction:column;gap:10px;display:flex}.diff-options{gap:10px;display:flex}.diff-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:12px 8px;transition:background .12s,border-color .12s,transform 80ms;display:flex}.diff-btn:hover:not(:disabled){border-color:var(--pichi-orange)}.diff-btn:active:not(:disabled){transform:scale(.97)}.diff-btn:disabled{opacity:.4;cursor:default}.diff-btn-active{border-color:var(--pichi-orange);background:#f26a1c2e}.diff-stars{letter-spacing:1px;font-size:18px;line-height:1}.diff-star-on{color:var(--pichi-orange)}.diff-star-off{color:#fff3}.diff-label{letter-spacing:.03em;font:700 14px/1 Open Sans Condensed,system-ui,sans-serif}.diff-btn-practice{flex-direction:row;justify-content:center;gap:10px;padding:10px 8px}.diff-practice-note{color:#9ca3af;font:400 12px/1 system-ui,sans-serif}.diff-hint{text-align:center;color:#9ca3af;margin:0;font:400 12px/1.35 system-ui,sans-serif}.countdown-overlay{z-index:50;pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:22px;display:flex;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.countdown-number{color:#fff;text-shadow:0 0 40px #aa3bff99,0 0 80px #aa3bff4d;font:800 140px/1 system-ui,sans-serif;animation:.4s ease-out count-pop}.key-hint-cap-xl{border-radius:14px;min-width:76px;height:76px;font-size:34px}.countdown-hint{color:#e9d5ff;text-shadow:0 0 16px #0009;font:600 18px/1.4 system-ui,sans-serif}@media (width<=640px){.countdown-number{font-size:100px}.countdown-hint{padding:0 16px;font-size:16px}}