:root{--ink:#f4f4ee;--night:#111311;--panel:#1c201d;--line:#434b45;--acid:#e4e9d4;--pink:#d5ad55;--cyan:#c6dfd6;--danger:#ff644f}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--night);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit}button{color:inherit;font:inherit;cursor:pointer;border:0}button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.game-shell{isolation:isolate;background:var(--night);min-height:100svh;position:relative;overflow:hidden}.game-shell:before{content:"";z-index:-3;background:radial-gradient(circle at 15% 18%,#283209 0,#0000 29%),radial-gradient(circle at 83% 78%,#350b26 0,#0000 31%),repeating-linear-gradient(110deg,#0000 0 54px,#ffffff06 55px 56px);position:fixed;inset:0}.camera{z-index:-2;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:fixed;inset:0;transform:scaleX(-1)}.screen-ready .camera,.screen-playing .camera,.screen-paused .camera{opacity:.48}.camera-shade{z-index:-1;pointer-events:none;background:linear-gradient(#07070a9e,#0000 34% 70%,#07070ab3),repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 4px);position:fixed;inset:0}.eyebrow{color:var(--acid);letter-spacing:.22em;margin:0 0 12px;font-size:.8rem;font-weight:900}.primary-button{background:var(--acid);color:#101105;letter-spacing:.04em;box-shadow:6px 6px 0 var(--pink);padding:16px 28px;font-weight:950;transition:transform .15s,box-shadow .15s;transform:skew(-3deg)}.primary-button:hover{box-shadow:9px 9px 0 var(--pink);transform:skew(-3deg)translate(-2px,-2px)}.primary-button.huge{min-width:min(360px,88vw);padding:20px 32px;font-size:1.05rem}.text-button{color:#c7c7ce;text-underline-offset:5px;background:0 0;padding:12px 20px;text-decoration:underline}.intro-panel{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;width:min(1280px,100%);min-height:100svh;margin:auto;padding:clamp(28px,5vw,70px);display:grid}.brand-lockup{z-index:2;position:relative}.brand-lockup h1{letter-spacing:-.09em;max-width:750px;margin:0;font-size:clamp(4rem,10vw,9rem);line-height:.75;transform:skew(-5deg)}.brand-lockup h1 span{color:var(--pink);text-shadow:6px 6px 0 var(--acid);display:block}.tagline{letter-spacing:.17em;margin:30px 0 0;font-size:clamp(.9rem,2vw,1.25rem);font-weight:900}.hero-bug{filter:brightness(.18)grayscale();justify-self:center;width:clamp(80px,12vw,150px);margin:0;transform:rotate(-12deg)}.intro-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f0f2e9e6;border:1px solid #213d2b38;grid-column:1/-1;grid-template-columns:minmax(180px,.55fr) minmax(0,1.8fr);align-items:center;gap:16px 24px;width:100%;padding:18px;display:grid}.intro-action-heading{text-align:left;gap:4px;display:grid}.intro-action-heading .eyebrow{margin:0}.intro-action-heading strong{color:#263a2c;font-size:1rem;line-height:1.35}.play-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.play-mode-grid button{color:#172a1e;text-align:left;background:#ffffff9e;border:1px solid #829087;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:3px 10px;min-height:92px;padding:14px;transition:transform .15s,border-color .15s,background .15s;display:grid;position:relative}.play-mode-grid button:hover{background:#fff;border-color:#213d2b;transform:translateY(-2px)}.play-mode-grid button>span{color:#fff;letter-spacing:.06em;background:#213d2b;border-radius:50%;grid-row:1/-1;align-self:center;place-items:center;width:42px;height:42px;font-size:.65rem;font-weight:950;display:grid}.play-mode-grid button>strong{align-self:end;font-size:.9rem}.play-mode-grid button>small{color:#526257;font-size:.68rem;line-height:1.35}.play-mode-grid button>b{display:none}.intro-actions .privacy-note{color:#59685e;grid-column:2;margin:0;font-size:.72rem;line-height:1.45}.status-card{text-align:center;border:1px solid var(--line);background:#141419eb;width:min(540px,100% - 36px);padding:clamp(28px,6vw,56px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:12px 12px #ff3fa480}.status-card h2,.ready-panel h2,.pause-overlay h2{letter-spacing:-.05em;margin:0 0 16px;font-size:clamp(2rem,5vw,3.7rem);line-height:.95}.status-card>p:not(.eyebrow){color:#b9b9c3;line-height:1.55}.status-actions{flex-direction:column;align-items:center;gap:10px;margin-top:28px;display:flex}.loading-bar{background:#303038;width:min(300px,80%);height:7px;margin:28px auto 0;overflow:hidden}.loading-bar span{background:var(--acid);width:40%;height:100%;animation:1.2s ease-in-out infinite alternate load;display:block}@keyframes load{to{transform:translate(150%)}}.ready-panel{text-align:center;align-content:center;justify-items:center;gap:34px;min-height:100svh;padding:30px;display:grid}.ready-panel header{max-width:700px}.move-cards{grid-template-columns:repeat(4,1fr);gap:10px;width:min(920px,100%);display:grid}.move-cards article{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f14c7;gap:8px;padding:22px 14px;display:grid}.move-cards span{min-width:46px;color:var(--night);background:var(--cyan);justify-self:center;padding:7px 9px;font-size:.8rem;font-weight:950}.move-cards strong{font-size:1rem}.move-cards small{color:#aaaab4}.playfield{min-height:100svh;position:relative}.hud{z-index:30;text-shadow:0 2px 8px #000;grid-template-columns:1fr auto 1fr auto;align-items:start;gap:22px;display:grid;position:absolute;inset:20px 24px auto}.hud div{display:grid}.hud small{color:var(--acid);letter-spacing:.15em;font-size:.68rem;font-weight:900}.hud strong{font-size:clamp(1.25rem,3vw,2rem)}.hud .song-name{text-align:center}.hud .combo{text-align:right}.battle-hud{grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr) auto}.battle-hud>div>span{color:#ffffffb8;letter-spacing:.08em;font-size:.64rem;font-weight:800}.battle-hud .combo strong{font-size:inherit;display:inline}.battle-hud .score-life .combo{text-align:left}.battle-hud .room-score{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0b120e9e;border:1px solid #fff3;border-radius:999px;justify-items:center;min-width:150px;padding:7px 18px 8px}.battle-hud .room-score strong{color:#fff;line-height:1}.battle-hud .room-score span{text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin-top:4px;overflow:hidden}.battle-hud .rival-score{text-align:right;grid-template-columns:auto auto;justify-content:end;align-items:center;column-gap:8px}.battle-hud .rival-score-copy{justify-items:end;display:grid}.battle-hud .rival-score small{color:#b9e7dd}.icon-button{background:#0a0a0eb8;border:1px solid #ffffff40;width:44px;height:44px;font-weight:900}.progress{z-index:30;background:#27272d;width:100%;height:5px;position:absolute;top:0;left:0}.progress span{background:linear-gradient(90deg,var(--acid),var(--pink));height:100%;display:block}.bug-note{z-index:12;aspect-ratio:1;will-change:transform;place-items:center;width:clamp(82px,11vw,142px);display:grid;position:absolute}.bug-note img{object-fit:contain;filter:brightness(.15)grayscale();width:68%;height:68%;animation:.16s linear infinite alternate insect-flight}.bug-note span{min-width:max-content;color:var(--acid);background:#000000d1;padding:6px 10px;font-size:.78rem;font-weight:950;position:absolute;top:90%}.gesture-duck img,.gesture-clap img{filter:brightness(.15)grayscale()}.feedback{z-index:40;letter-spacing:-.08em;text-shadow:6px 6px #000;font-size:clamp(3.5rem,12vw,8rem);font-weight:950;animation:.82s ease-out both punch;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.feedback.perfect{color:var(--acid)}.feedback.good{color:var(--cyan)}.feedback.miss{color:var(--danger)}@keyframes punch{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-8deg)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.1)rotate(-3deg)}68%{opacity:1;transform:translate(-50%,-53%)scale(1)rotate(-3deg)}to{opacity:0;transform:translate(-50%,-63%)scale(.98)rotate(-3deg)}}.countdown{z-index:40;text-align:center;text-shadow:8px 8px 0 var(--pink);place-content:center;font-size:clamp(7rem,25vw,15rem);font-weight:950;display:grid;position:absolute;inset:0}.countdown small{letter-spacing:.2em;color:var(--acid);text-shadow:none;font-size:1rem}.tracking-warning,.key-hint{z-index:30;border:1px solid var(--danger);text-align:center;background:#0a0a0ed1;padding:10px 16px;font-weight:800;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.key-hint{border-color:var(--line);color:#c5c5cf;font-size:.8rem}.input-mode-hint{z-index:30;left:50%;bottom:max(18px,env(safe-area-inset-bottom));color:#ffffffd1;letter-spacing:.13em;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c140fb3;border:1px solid #ffffff47;border-radius:999px;padding:8px 13px;font-size:.62rem;font-weight:900;position:absolute;transform:translate(-50%)}.pause-overlay{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060609d1;place-items:center;display:grid;position:absolute;inset:0}.pause-overlay>div{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.swarm-cloud{z-index:9;position:absolute;inset:8% 5%}.swarm-cloud img{filter:brightness(.15)grayscale();width:clamp(40px,5vw,65px);animation:.18s ease-in-out infinite alternate buzz;position:absolute}@keyframes buzz{to{transform:translate(8px,-5px)rotate(7deg)}}.swarm-title{z-index:25;text-align:center;pointer-events:none;display:grid;position:absolute;top:16%;left:50%;transform:translate(-50%)rotate(-4deg)}.swarm-title strong{color:var(--pink);text-shadow:6px 6px 0 var(--acid);font-size:clamp(4rem,14vw,10rem);line-height:.8}.swarm-title span{letter-spacing:.14em;margin-top:12px;font-weight:950}@keyframes danger-pulse{to{box-shadow:inset 0 0 100px #ff3fa452}}.result-panel{grid-template-columns:auto minmax(240px,460px);place-content:center;gap:28px 48px;min-height:100svh;padding:32px;display:grid}.grade{color:var(--acid);text-shadow:12px 12px 0 var(--pink);align-self:center;font-size:clamp(8rem,24vw,17rem);font-weight:950;line-height:.7;transform:skew(-7deg)}.result-panel h2{letter-spacing:-.06em;margin:0;font-size:clamp(3rem,8vw,6rem)}.best{color:#a5a5af;font-weight:800}.result-grid{border:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(6,1fr);margin:20px 0;display:grid}.result-grid div{border-right:1px solid var(--line);text-align:center;padding:18px}.result-grid div:last-child{border:0}.result-grid dt{color:#aaaab4;letter-spacing:.1em;font-size:.68rem}.result-grid dd{margin:8px 0 0;font-size:1.5rem;font-weight:950}.result-actions{grid-column:1/-1;justify-content:center;align-items:center;gap:16px;display:flex}.battle-result h2{max-width:560px;font-size:clamp(2rem,5vw,4.4rem);line-height:.95}.duel-score{background:#172019;border:1px solid #536159;grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:22px 26px;display:grid}.duel-score article{gap:4px;display:grid}.duel-score article:last-child{text-align:right}.duel-score small{color:#9aaba0;letter-spacing:.12em;font-size:.67rem;font-weight:900}.duel-score strong{font-size:clamp(1.8rem,5vw,3.4rem)}.duel-score span{color:#aebbb3;font-size:.74rem}.duel-score>i{color:#718078;font-style:normal}@media (max-width:760px){.screen-intro{overflow-y:auto}.intro-panel{text-align:center;padding:76px 14px max(20px,env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-start;display:flex}.brand-lockup h1{font-size:clamp(3.5rem,19vw,6.2rem)}.tagline{margin-top:20px}.hero-bug{width:86px;margin:24px 0}.intro-actions{grid-template-columns:1fr;gap:12px;padding:14px}.intro-action-heading{text-align:center}.play-mode-grid{grid-template-columns:1fr 1fr;width:100%}.play-mode-grid button{min-height:84px;padding:12px}.play-mode-grid button[data-mode=touch]{background:#fff;border:2px solid #213d2b;order:-1;grid-column:1/-1}.play-mode-grid button[data-mode=touch]>b{color:#fff;letter-spacing:.06em;background:#213d2b;border-radius:999px;padding:3px 6px;font-size:.54rem;display:block;position:absolute;top:8px;right:9px}.intro-actions .privacy-note{grid-column:1;margin:0}.move-cards{grid-template-columns:repeat(2,1fr)}.hud{grid-template-columns:1fr 1fr auto;inset:14px 12px auto}.hud .song-name{display:none}.result-panel{text-align:center;flex-direction:column;align-items:center;display:flex}.result-grid{grid-template-columns:repeat(3,1fr);width:100%}.result-grid div:nth-child(3){border-right:0}.result-grid div{border-bottom:1px solid var(--line)}.result-actions{flex-direction:column}}@media (max-height:620px) and (orientation:landscape){.ready-panel{gap:14px;padding:16px}.ready-panel h2{font-size:2rem}.move-cards article{padding:10px}.intro-panel{grid-template-columns:1fr 120px;padding:52px 24px 16px;display:grid}.hero-bug{width:74px;margin:0}.intro-actions{grid-column:1/-1;grid-template-columns:150px 1fr}.play-mode-grid{grid-template-columns:repeat(3,1fr)}.play-mode-grid button[data-mode=touch]{order:0;grid-column:auto}.intro-actions .privacy-note{grid-column:2}}.screen-intro{color:#152019;background:#cfd5c9}.screen-intro:before,.screen-intro .camera-shade{display:none}.screen-intro .eyebrow,.screen-intro .tagline{color:#334737}.screen-intro .brand-lockup h1 span{color:#243c2c;text-shadow:none}.screen-intro .intro-actions p,.screen-intro .text-button{color:#36483b}.screen-intro .primary-button{color:#fff;background:#213d2b;box-shadow:4px 4px #96a790}.screen-playing,.screen-paused{background:#b9c2b5}.screen-playing:before,.screen-paused:before{display:none}.screen-playing .camera,.screen-paused .camera{opacity:1}.screen-playing .camera-shade,.screen-paused .camera-shade{background:linear-gradient(#0000008c,#0000 20% 85%,#00000040)}.ambient-swarm{z-index:7;opacity:.58;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.ambient-mosquito{will-change:left,top;width:72px;height:72px;position:absolute;transform:translate(-50%,-50%)}.ambient-mosquito .insect-shape,.ambient-mosquito .mosquito-body{width:72px;height:72px}.score-life{align-content:start}.bug-note span{color:#fff;background:#121b14bf;font-size:.875rem}.feedback{text-shadow:2px 2px #18221a;font-size:clamp(1.8rem,4vw,3.5rem);top:75%}.swarm-title{top:15%}.swarm-title strong{color:#fff;text-shadow:2px 2px #18221a;font-size:clamp(2rem,6vw,4rem)}.is-swarm{animation:none}.audio-status{z-index:100;color:#fff;background:#18281f;border:1px solid #91ab98;padding:14px 22px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.impact-layer{z-index:45;pointer-events:none;position:fixed;inset:0}.rival-presence{z-index:11;pointer-events:none;position:fixed;inset:0}.rival-swat-mark{width:52px;height:52px;animation:.3s ease-out both rival-mark;position:absolute;transform:translate(-50%,-50%)}.rival-swat-mark i{border:2px solid #b9e7ddb8;border-radius:50%;position:absolute;inset:9px}.rival-swat-mark:before,.rival-swat-mark:after{content:"";background:#d9f7efcc;width:45px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(34deg)}.rival-swat-mark:after{transform:translate(-50%,-50%)rotate(-34deg)}.synchronized-hit{z-index:38;color:#effffb;letter-spacing:.15em;background:#0d1f19c7;border:1px solid #e0fff5a6;border-radius:999px;padding:8px 13px;font-size:.7rem;font-weight:950;animation:.65s ease-out both sync-label;position:absolute;top:27%;left:50%;transform:translate(-50%)}@keyframes rival-mark{0%{opacity:.8;transform:translate(-50%,-50%)scale(.55)}to{opacity:0;transform:translate(-50%,-50%)scale(1.35)}}@keyframes sync-label{0%{opacity:0;transform:translate(-50%,8px)}18%,70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.hit-impact{width:96px;height:96px;margin:-48px;animation:.62s ease-out both slap-impact;position:absolute}.hit-impact .impact-ring{z-index:3;border:5px solid #fff;border-radius:50%;position:absolute;inset:12px;box-shadow:0 0 0 3px #253829,0 0 24px #ffffffd9}.hit-impact .impact-copy{z-index:4;white-space:nowrap;color:#fff;text-shadow:2px 2px #18221a;font-size:1.3rem;position:absolute;top:-12px;left:20px;transform:rotate(-12deg)}.squashed-mosquito{z-index:2;width:88px;height:88px;animation:.62s cubic-bezier(.18,.8,.25,1) both mosquito-squash;position:absolute;top:4px;left:4px}@keyframes slap-impact{0%,76%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes mosquito-squash{0%,76%{opacity:1}to{opacity:0}}@keyframes insect-flight{0%{transform:translate(-2px,1px)rotate(-8deg)}to{transform:translate(2px,-1px)rotate(-3deg)}}@media (max-width:760px){.hero-bug{width:100px;margin:45px 0}}.room-environment{z-index:-2;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.room-mode .camera,.room-mode:before{display:none}.room-mode .camera-shade{background:linear-gradient(#00000073,#0000 16% 88%,#00000040)}.screen-intro .brand-lockup{text-shadow:0 2px 18px #ffffff8c}.screen-intro .hero-bug{width:70px}.bug-note,.swarm-insect{pointer-events:none;width:88px;height:88px;position:absolute;transform:translate(-50%,-50%)}.bug-note .insect-shape,.swarm-insect .insect-shape,.live-bug .insect-shape{transform-origin:50%;will-change:transform;background:0 0;width:88px;min-width:0;height:88px;padding:0;display:block;position:absolute;inset:0}.screen-intro .live-bug{filter:none;width:88px;height:88px;position:relative}.mosquito-body{width:88px;height:88px;display:block}.bug-note .gesture-cue{padding:4px 8px;font-size:.875rem;font-weight:600;top:85%}.swarm-cloud{pointer-events:none;inset:0}.input-touch .playfield{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.screen-paused .insect-shape,.screen-paused .swarm-insect{animation-play-state:paused}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.screen-ready{background:#101713}.song-select{background:#0d1410eb;width:min(1180px,100%);min-height:100svh;margin:auto;padding:42px 36px 28px}.select-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.select-header h2{letter-spacing:-.06em;margin:0 0 12px;font-size:clamp(1.9rem,4vw,3rem)}.select-header p:last-child{color:#acb7af;margin:0}.mode-picker{background:#111a15;border:1px solid #64746a;border-radius:7px;grid-template-columns:repeat(3,1fr);min-width:min(360px,100%);margin:0;padding:4px;display:grid}.mode-picker legend{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.mode-picker button{color:#aebcb2;background:0 0;border-radius:4px;min-height:44px;padding:9px 12px;font-size:.72rem;font-weight:850}.mode-picker button[aria-pressed=true]{color:#142018;background:var(--track-accent);box-shadow:0 1px 8px #0000004d}.preview-button{background:0 0;border:1px solid #64746a;border-radius:4px;padding:13px 16px;font-size:.8rem}.select-layout{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.track-list{gap:14px;display:grid}.track-card{text-align:left;background:#1a241e;border:1px solid #3a473e;border-left:4px solid #0000;border-radius:4px;align-items:center;gap:18px;width:100%;min-height:130px;padding:24px 20px;transition:background .15s;display:flex}.track-card:hover{background:#253029}.track-card.selected{border-color:var(--track-accent);background:#28332a;border-left-width:4px}.track-index{color:#7e9284;font-size:1.4rem;font-weight:800}.track-card-info{flex:1;gap:9px;display:grid}.track-card-info small{letter-spacing:.16em;color:#acb9b0;font-size:.63rem}.track-card-info strong{letter-spacing:-.03em;font-size:clamp(1.05rem,2vw,1.4rem)}.track-card-info>span{color:#acb9b0;font-size:.72rem}.track-difficulty{letter-spacing:.1em;color:var(--track-accent);font-size:.59rem}.track-detail{background:#18221c;border:1px solid #465348;border-radius:5px;padding:0 24px 24px;overflow:hidden}.record-art{background:linear-gradient(135deg,#697b40,#c5d891);height:185px;margin:0 -24px 24px;position:relative;overflow:hidden}.record-electro-cabello{background:linear-gradient(130deg,#874325,#ffbc87)}.record-caption{color:#101713;letter-spacing:-.05em;font-size:1.5rem;font-weight:950;line-height:1.1;position:absolute;top:30px;left:24px}.vinyl{background:repeating-radial-gradient(circle,#1c241e 0 2px,#0e1510 3px 5px);border:6px solid #111b13;border-radius:50%;place-items:center;width:270px;height:270px;display:grid;position:absolute;top:12px;right:-24px;box-shadow:-12px 10px 25px #0005}.vinyl span{text-align:center;background:var(--track-accent);color:#18251a;letter-spacing:.2em;border-radius:50%;place-content:center;width:105px;height:105px;font-size:.7rem;display:grid}.vinyl b{letter-spacing:-.08em;font-size:1.8rem}.spinning .vinyl{animation:8s linear infinite record-spin}@keyframes record-spin{to{transform:rotate(360deg)}}.track-heading .eyebrow{color:var(--track-accent);font-size:.65rem}.track-heading h3{letter-spacing:-.055em;margin:0;font-size:2rem}.track-heading>p:last-child{color:#a5b4aa;margin:8px 0;font-size:.85rem}.track-description{color:#c4cec7;margin:16px 0;font-size:.86rem;line-height:1.6}.difficulty-picker{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;display:grid}.difficulty-picker button{color:#d8e1da;text-align:left;background:#111a15;border:1px solid #506057;border-radius:5px;gap:4px;padding:12px 13px;display:grid}.difficulty-picker button strong{letter-spacing:.12em;font-size:.78rem}.difficulty-picker button span{color:#94a59a;font-size:.65rem;line-height:1.35}.difficulty-picker button[aria-pressed=true]{border-color:var(--track-accent);background:color-mix(in srgb,var(--track-accent) 18%,#162019);box-shadow:inset 0 0 0 1px var(--track-accent)}.difficulty-picker button[aria-pressed=true] strong{color:var(--track-accent)}.track-stats{border-top:1px solid #3c4b40;border-bottom:1px solid #3c4b40;grid-template-columns:repeat(3,1fr);margin:18px 0;padding:16px 0;display:grid}.track-stats dt{color:#93a599;letter-spacing:.13em;margin-bottom:5px;font-size:.6rem}.track-stats dd{margin:0;font-size:1.2rem;font-weight:800}.track-actions{flex-wrap:wrap;gap:12px;display:flex}.track-actions .primary-button{background:var(--track-accent);flex:1;padding:15px 12px;font-size:.8rem;box-shadow:3px 3px #657461}button:disabled{cursor:wait;opacity:.55}.select-footer{grid-template-columns:1fr 1fr;align-items:start;gap:28px;margin-top:28px;display:grid}.control-guide{color:#d8e1da;margin:0;font-size:.82rem;line-height:1.7}.control-guide span{color:#9aae9f;font-size:.74rem;display:block}.music-credits{color:#9fb0a4;font-size:.75rem;line-height:1.7}.music-credits summary{cursor:pointer;color:#c4d1c8}.music-credits a{color:#d7e7da;text-underline-offset:3px}.music-credits p{margin:10px 0}.music-credits ul{padding-left:18px}.preview-error{color:#ffc49b;font-size:.8rem;line-height:1.6}@media (max-width:760px){.song-select{padding:26px 14px}.select-header{flex-direction:column;align-items:stretch;gap:18px;margin-bottom:24px}.mode-picker{width:100%;min-width:0}.mode-picker button{min-height:48px;padding:9px 6px}.select-layout,.select-footer{grid-template-columns:1fr;gap:20px}.track-card{gap:12px;min-height:94px;padding:16px 12px}.track-list{gap:8px}.track-detail{padding:0 16px 18px}.record-art{height:135px;margin:0 -16px 20px}.vinyl{width:210px;height:210px}.record-caption{font-size:1.2rem}.track-heading h3{font-size:1.8rem}.track-actions .primary-button{min-width:190px}}@media (prefers-reduced-motion:reduce){.spinning .vinyl{animation:none}}.mood-filters{flex-wrap:wrap;gap:10px;margin:0 0 14px;display:flex}.mood-filters button{background:#18231b;border:1px solid #526357;border-radius:24px;align-items:center;gap:14px;padding:12px 18px;font-size:.84rem;display:flex}.mood-filters button[aria-pressed=true]{background:var(--track-accent);border-color:var(--track-accent);color:#152019;font-weight:800}.mood-filters span{opacity:.7;font-size:.65rem}.mood-description{color:#b0c0b5;margin:0 0 24px;font-size:.83rem;line-height:1.6}.rival-picker{background:#121d17b8;border:1px solid #3d4d44;border-radius:8px;margin:0 0 28px;padding:18px}.rival-picker>header{justify-content:space-between;align-items:end;gap:18px;margin-bottom:13px;display:flex}.rival-picker>header small{color:#9fb0a5;letter-spacing:.15em;text-transform:uppercase;font-size:.64rem;font-weight:900}.rival-picker>header h3{letter-spacing:-.035em;margin:4px 0 0;font-size:1.15rem}.rival-picker>header>span{color:#cce9df;font-size:.73rem;font-weight:800}.rival-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.rival-list button{color:#dce6df;text-align:left;background:#17211b;border:1px solid #405248;border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 10px;min-width:0;padding:13px;transition:border-color .15s,background .15s,transform .15s;display:grid}.rival-list button:hover{border-color:#71877a;transform:translateY(-1px)}.rival-list button.selected{background:#25362d;border-color:#b8d6c9;box-shadow:inset 0 0 0 1px #b8d6c9}.rival-list .rival-card-identity{min-width:0;display:grid}.rival-list strong{font-size:.92rem}.rival-list small{color:#82968a;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;overflow:hidden}.rival-list button>b{color:#b9e7dd;font-size:.75rem}.rival-list q{color:#aebbb3;quotes:none;grid-column:1/-1;min-height:2.5em;font-size:.7rem;line-height:1.35}.pixel-rival{filter:drop-shadow(0 4px 7px #00000061);transform-origin:50% 88%;flex:0 0 74px;width:74px;height:90px;display:inline-block;position:relative}.pixel-rival:before{content:"";z-index:-1;filter:blur(6px);background:radial-gradient(circle,#cdf1d438,#0000 68%);border-radius:50%;position:absolute;inset:18% 12% 8%}.pixel-rival img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.rival-list button.selected .pixel-rival{animation:1.8s steps(2,end) infinite pixel-idle}.pixel-rival.is-swinging{animation:.32s steps(2,end) both pixel-swat}.pixel-rival.is-compact{flex-basis:34px;width:34px;height:42px;margin-left:-2px}@keyframes pixel-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pixel-swat{0%{transform:rotate(0)translateY(0)}45%{transform:rotate(-8deg)translate(-3px,-3px)}to{transform:rotate(0)translateY(0)}}.rival-stats{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:1px;display:grid}.rival-stats>span{grid-template-columns:auto 1fr auto;align-items:center;gap:4px;min-width:0;display:grid}.rival-stats small{color:#8ea298;letter-spacing:.04em;font-size:.47rem;font-weight:900}.rival-stats i{background:#34443b;border-radius:999px;height:4px;overflow:hidden}.rival-stats i b{border-radius:inherit;background:linear-gradient(90deg,#9dd9c1,#e0ecb0);height:100%;display:block}.rival-stats em{color:#bfd6c9;font-size:.48rem;font-style:normal;font-weight:900}.song-select .track-detail{position:sticky;top:24px}.song-select .record-caption{white-space:pre-line;z-index:2;font-size:1.3rem;line-height:1.15}.mood-christmas{background:linear-gradient(135deg,#12261ffa,#251619f5)}.mood-christmas .record-art{background:radial-gradient(circle at 12% 78%,#f9d78d99 0 2px,#0000 4px) 0 0/87px 73px,radial-gradient(circle at 38% 14%,#fff0c3aa 0 2px,#0000 5px) 0 0/123px 101px,radial-gradient(circle at 76% 40%,#fff0c3aa 0 2px,#0000 5px) 0 0/153px 117px,linear-gradient(120deg,#193f30,#622a32) 0 0/100% 100%}.mood-christmas .record-caption{color:#ffe7b9}.mood-christmas .vinyl{background:repeating-radial-gradient(circle,#542c32 0 2px,#2a1c21 3px 5px);border-color:#2a1c21}.mood-christmas .season-decoration{background:radial-gradient(circle at 30% 25%,#f7dfaa,#ba7440 60%,#60351c);border-radius:50%;width:36px;height:40px;position:absolute;top:118px;left:32px;box-shadow:61px -11px 0 -5px #992d39}.mood-christmas .season-decoration:before{content:"";opacity:.5;background:#d1ab68;width:1px;height:130px;position:absolute;bottom:100%;left:50%}.record-disco-con-tutti{background:radial-gradient(circle at 15% 90%,#ffa694,#0000 55%),linear-gradient(130deg,#51426d,#cca9e9)}.record-beachfront-celebration{background:radial-gradient(circle at 27% 78%,#ffe4ac 0 34px,#0000 35px),linear-gradient(#d17d85,#f0ad75 72%,#718a89 73%)}.mood-summer{background:linear-gradient(135deg,#20231cf7,#2f1e19f5)}@media (max-width:760px){.mood-filters{gap:7px}.mood-filters button{gap:8px;padding:10px 12px;font-size:.76rem}.song-select .track-detail{position:static}.mood-christmas .season-decoration{width:26px;height:30px;top:96px}.song-select .record-caption{font-size:1.1rem}}.song-select .track-list{scrollbar-width:thin;scrollbar-color:#738576 #1a241e;max-height:600px;padding:3px 8px 3px 3px;overflow-y:auto}@media (max-width:760px){.song-select .track-list{max-height:310px}}.game-content-links{z-index:70;align-items:center;gap:18px;display:flex;position:absolute;top:18px;right:24px}.game-content-links nav{gap:14px;display:flex}.game-content-links a{color:inherit;text-underline-offset:4px;font-size:.72rem;font-weight:800}.locale-switcher{color:#aebbb2;align-items:center;gap:8px;font-size:.72rem;font-weight:800;display:flex}.locale-switcher select{min-height:34px;color:inherit;font:inherit;background:#172019;border:1px solid #59675e;border-radius:4px;padding:5px 28px 5px 9px}.screen-intro .game-content-links,.screen-intro .locale-switcher{color:#26382b}.screen-intro .locale-switcher select{background:#f4f6efe0;border-color:#758379}.content-page{color:#e7eee8;background:radial-gradient(circle at 12% 10%,#293726 0,#0000 28%),linear-gradient(145deg,#101713,#171d18 55%,#111411);min-height:100svh}.site-header{background:#0c120ed1;border-bottom:1px solid #3a473e;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:64px;padding:12px clamp(18px,4vw,56px);display:grid}.site-brand{letter-spacing:-.03em;justify-self:start;font-size:.88rem;font-weight:950;text-decoration:none}.site-brand span{color:#d5ad55}.site-header nav,.site-footer nav{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.site-header nav a,.site-footer a{color:#b9c6bd;text-underline-offset:4px;font-size:.78rem;font-weight:800}.site-header .locale-switcher{justify-self:end}.content-main{width:min(980px,100% - 36px);margin:auto;padding:clamp(64px,9vw,112px) 0 90px}.content-main>h1{letter-spacing:-.065em;max-width:850px;margin:0;font-size:clamp(2.7rem,7vw,5.6rem);line-height:.96}.content-main>.eyebrow{color:#dbe7d4}.content-intro{color:#b8c3bb;max-width:760px;margin:28px 0 52px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.8}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.content-grid article,.tip-list article{background:#1d2720d1;border:1px solid #435046;border-radius:6px}.content-grid article{min-height:230px;padding:30px}.content-grid h2,.tip-list h2,.content-cta h2{letter-spacing:-.035em;margin:0 0 14px;font-size:1.35rem}.content-grid p,.tip-list p,.content-cta p{color:#b9c5bc;margin:0;line-height:1.75}.tip-list{gap:12px;display:grid}.tip-list article{grid-template-columns:60px 1fr;gap:24px;padding:26px 30px;display:grid}.tip-list article>span{color:#d5ad55;font-size:1.25rem;font-weight:950}.content-cta{background:#202c23;border:1px solid #83947f;justify-content:space-between;align-items:center;gap:30px;margin-top:36px;padding:32px;display:flex}.content-cta>div{max-width:650px}.content-cta .primary-button{flex:none;text-decoration:none}.safety-note,.source-note{background:#4439183d;border:1px solid #655f3f;margin-top:24px;padding:28px 30px}.safety-note h2,.source-note h2{margin:0 0 12px;font-size:1.3rem}.safety-note p,.source-note p{color:#c6c7b8;margin:0;line-height:1.75}.source-note{background:#161f19b8;border-color:#435046}.source-note ul{flex-wrap:wrap;gap:10px 24px;margin:18px 0 0;padding:0;list-style:none;display:flex}.source-note a{color:#dce9d7;text-underline-offset:4px;font-size:.82rem}.site-footer{color:#87978b;border-top:1px solid #3a473e;justify-content:space-between;align-items:center;gap:24px;padding:26px clamp(18px,4vw,56px);font-size:.75rem;display:flex}.site-footer p{margin:0}@media (max-width:760px){.game-content-links{justify-content:space-between;gap:8px;top:10px;left:12px;right:12px}.game-content-links nav{gap:10px}.locale-switcher span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.intro-panel{padding-top:72px}.intro-panel .brand-lockup h1{font-size:clamp(3.2rem,18.5vw,6rem);transform:none}.song-select{padding-top:68px}.site-header{grid-template-columns:1fr auto}.site-header nav{grid-area:2/1/auto/-1;justify-content:flex-start}.site-header .locale-switcher{grid-area:1/2}.content-grid{grid-template-columns:1fr}.content-grid article{min-height:0;padding:24px}.tip-list article{grid-template-columns:40px 1fr;gap:12px;padding:22px 18px}.content-cta,.site-footer{flex-direction:column;align-items:flex-start}.site-footer nav{justify-content:flex-start}}.rhythm-target{z-index:10;pointer-events:none;width:120px;height:120px;position:absolute;transform:translate(-50%,-50%)}.timing-ring{fill:none;pointer-events:none;color:#f3e7b9;filter:drop-shadow(0 2px 3px #142018);width:120px;height:120px;display:block;overflow:visible}.rhythm-target.current-target{z-index:16}.timing-ring.queued-target{filter:grayscale(.35)drop-shadow(0 2px 3px #142018);opacity:.48!important}.timing-ring.next-target{filter:drop-shadow(0 0 9px #ff465fd9);opacity:1!important}.next-target .target-approach{stroke:#ff465f;stroke-width:4px;filter:drop-shadow(0 0 6px #ff465fe6)}.next-target .target-fill{stroke:#ff465f;stroke-width:4px}.next-target .target-center{fill:#fff;stroke:#ff465f}.target-shadow{stroke:#16221d;stroke-width:6px;opacity:.8}.target-track{stroke:#fff;stroke-width:2px;opacity:.22}.target-approach{stroke:#f6ffcf;stroke-width:3px;opacity:.78;filter:drop-shadow(0 0 5px #e1ffc2cc)}.target-fill{stroke:var(--acid);stroke-width:4px;stroke-linecap:round}.target-strike .target-fill{stroke:#fff;stroke-width:6px}.target-center{fill:#fff;stroke:var(--acid);stroke-width:2px;filter:drop-shadow(0 0 8px #fff)}.target-late .target-fill{stroke:#ffb15d}.target-flash{stroke:#fff;stroke-width:3px}.roaming-hit{opacity:.3}.approaching-hit{opacity:1}.target-strike{color:#eaffcd;opacity:1;filter:drop-shadow(0 0 9px #eaffcd)}.target-late{color:#ffb15d}.target-expired{opacity:.18;color:#c5c5c5}.bug-note .gesture-cue{top:calc(100% + 14px);left:50%;transform:translate(-50%)}.bug-note .cue-strike{color:#eaffcd;background:#1b3228;font-weight:900}.bug-note .cue-expired{display:none}.result-grid{grid-template-columns:repeat(5,1fr)}@media (max-width:760px){.result-grid{grid-template-columns:repeat(3,1fr)}}.beat-pulse{z-index:6;pointer-events:none;transform-origin:50%;border:5px solid #ebffd5cc;position:absolute;inset:8px;box-shadow:inset 0 0 46px #e1ffc233,0 0 28px #e1ffc229}.rhythm-guide{z-index:31;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0d1410b8;border:1px solid #ebffd547;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;width:min(820px,86vw);padding:11px 20px 13px;display:grid;position:absolute;top:88px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000047,inset 0 1px #ffffff14}.rhythm-guide small{color:#ffffffc2;letter-spacing:.16em;text-shadow:0 1px 3px #000;font-size:.68rem;font-weight:900}.rhythm-key{gap:3px;min-width:max-content;display:grid}.offbeat-help{color:#ffe389;letter-spacing:-.02em;font-size:.68rem;font-weight:800}.offbeat-help b{border:1px solid;border-radius:50%;place-items:center;width:18px;height:18px;margin-right:3px;font-size:.78rem;display:inline-grid}.beat-window{width:100%;height:34px;position:relative;overflow:hidden}.beat-strip{will-change:transform;height:34px;position:absolute;inset:0}.beat-strip i{background:#ffffff38;border-radius:4px;width:calc(3.125% - 3px);height:7px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #000}.beat-strip .beat-tick.offbeat{opacity:.72;width:calc(3.125% - 6px);height:4px}.beat-strip .beat-tick.downbeat:not(:first-of-type):before{content:"";background:#fff3;width:1px;height:25px;position:absolute;top:50%;left:-3px;transform:translateY(-50%)}.beat-strip .beat-hit{background:#ffffffd6;height:20px}.beat-strip .beat-hit.offbeat{background:#ffe389;width:calc(3.125% - 6px);height:14px}.beat-strip .beat-hit>b{color:#ffe389;text-shadow:0 1px 4px #000;font:.8rem/1 sans-serif;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.beat-strip .past{opacity:.3}.beat-strip .beat-hit.active{background:var(--acid);box-shadow:0 0 12px var(--acid)}.beat-playhead{z-index:2;background:#fff;border-radius:3px;width:3px;margin-left:-1.5px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 10px #fff}.offbeat-target .timing-ring{color:#ffe389}.offbeat-cue{z-index:3;color:#fff3bd;letter-spacing:.04em;background:#1e1908e0;border:1px solid #ffe389;border-radius:999px;min-width:max-content;padding:3px 8px;font-size:.68rem;font-weight:900;position:absolute;top:-19px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000059}.offbeat-cue b{margin-right:3px;font-size:.9rem}.judgment-flash{z-index:39;pointer-events:none;animation:.22s ease-out both judgment-flash;position:absolute;inset:0}.judgment-flash.perfect{box-shadow:inset 0 0 90px 12px #e2ffc280}.judgment-flash.good{box-shadow:inset 0 0 70px 5px #c6dfd652}.judgment-flash.miss{box-shadow:inset 0 0 70px #ff644f40}.feedback{justify-items:center;gap:2px;min-width:max-content;animation:.82s cubic-bezier(.16,.9,.28,1.1) both punch;display:grid}.feedback strong{font:inherit;line-height:.86}.feedback small{letter-spacing:.12em;text-shadow:none;background:#101812db;border:1px solid;padding:5px 10px;font-size:clamp(.7rem,1.5vw,.95rem);font-weight:900}.combo-hit strong{color:#fff;text-shadow:0 0 13px var(--acid),2px 2px #18221a}.hit-impact.perfect .impact-ring{border-width:7px;box-shadow:0 0 0 4px #253829,0 0 34px 9px #ebffd5e6}.hit-impact.good{filter:saturate(.7)}@keyframes judgment-flash{0%{opacity:1}to{opacity:0}}@media (max-width:760px){.rhythm-target,.timing-ring{width:102px;height:102px}.rhythm-target{margin:0}.rhythm-guide{grid-template-columns:1fr;gap:4px;width:calc(100% - 20px);padding:7px 10px 9px;top:76px}.rhythm-key{justify-content:center;align-items:center;gap:10px;display:flex}.rhythm-guide small,.offbeat-help{text-align:center;font-size:.57rem}.offbeat-help b{width:15px;height:15px}.beat-window,.beat-strip{height:30px}.beat-strip i{width:calc(3.125% - 2px)}.beat-strip .beat-tick.offbeat,.beat-strip .beat-hit.offbeat{width:calc(3.125% - 4px)}.beat-strip .beat-hit{height:18px}.beat-strip .beat-hit.offbeat{height:13px}.beat-strip .beat-hit>b{font-size:.68rem;top:-13px}.offbeat-cue{font-size:.6rem;top:-16px}.input-mode-hint{bottom:max(10px,env(safe-area-inset-bottom));font-size:.56rem}.rival-picker{margin-bottom:20px;padding:14px}.rival-picker>header{flex-direction:column;align-items:flex-start;gap:5px}.rival-list{scroll-snap-type:x mandatory;padding-bottom:5px;display:flex;overflow-x:auto}.rival-list button{scroll-snap-align:start;flex:0 0 78%}.battle-hud{grid-template-columns:1fr auto 1fr auto;gap:8px}.battle-hud .room-score{min-width:70px;padding:6px 10px}.battle-hud .room-score span,.battle-hud>div>span{display:none}.battle-hud small{font-size:.52rem}.battle-hud strong{font-size:1rem}.synchronized-hit{top:31%}.duel-score{gap:10px;width:100%;padding:17px 14px}.duel-score strong{font-size:1.35rem}}@media (prefers-reduced-motion:reduce){.rival-list button.selected .pixel-rival,.pixel-rival.is-swinging{animation:none}}.rival-preview{z-index:30;pointer-events:none;contain:layout paint style;background:#14211d;border:1px solid #bee3d266;border-radius:13px;width:228px;position:absolute;top:110px;right:24px;overflow:hidden;box-shadow:0 5px 18px #0005}.rival-preview header{align-items:center;gap:6px;height:29px;padding:0 9px;display:flex}.rival-preview header strong{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.64rem;overflow:hidden}.rival-preview header>span:last-child{color:#bce5d5;white-space:nowrap;font-size:.5rem}.rival-preview-badge{color:#14211d;background:#bce5d5;border-radius:3px;padding:2px 4px;font-size:.52rem;font-weight:900}.rival-preview-stage{aspect-ratio:240/135;background:#385341;position:relative;overflow:hidden}.rival-preview-room{object-fit:cover;opacity:.72;width:100%;height:100%;position:absolute}.rival-preview-character{transform-origin:50% 90%;position:absolute;bottom:-5px;left:50%}.rival-preview .pixel-rival{filter:none;width:67px;height:83px;animation:none}.rival-preview .pixel-rival:before{display:none}.rival-preview-action{width:100%;height:100%;position:absolute;inset:0}.rival-preview-judgment{color:#ecffda;text-align:center;text-shadow:0 1px 3px #18221a,0 0 3px #18221a;font-size:.7rem;position:absolute;top:8px;left:0;right:0}.rival-preview-judgment.miss{color:#ffb1a0}.rival-preview-combo{color:#fff;background:#14211dcc;border-radius:4px;padding:3px 5px;font-size:.5rem;position:absolute;bottom:6px;right:7px}.rival-preview-combo b{font-size:.8rem}.rival-preview footer{justify-content:space-between;align-items:center;gap:6px;padding:7px 9px;display:flex}.rival-preview footer strong{font-variant-numeric:tabular-nums;font-size:.85rem}.rival-preview footer span{color:#d7e3d9;font-size:.58rem}.rival-preview footer .ahead{color:var(--acid)}.rival-preview footer .behind{color:#ffd59a}@media (min-width:1024px) and (min-height:600px){.rhythm-guide{width:calc(100% - 302px);max-width:820px;top:110px;left:24px;transform:none}}@media (max-width:1023px),(max-height:599px){.rival-preview{display:none}}@media (prefers-reduced-motion:reduce){.rival-preview-character{transform:translate(-50%)!important}}.mobile-mode-recommendation{font-style:normal;display:none}@media (max-width:760px){.game-shell [data-mode=keyboard]{display:none}.mobile-mode-recommendation{display:inline}.play-mode-grid button[data-mode=touch]{order:0;grid-column:auto}.mode-picker{grid-template-columns:repeat(2,1fr)}}@media (max-height:620px) and (orientation:landscape) and (pointer:coarse){.game-shell [data-mode=keyboard]{display:none}.mobile-mode-recommendation{display:inline}.play-mode-grid,.mode-picker{grid-template-columns:repeat(2,1fr)}}