.home-hero{position:relative;min-height:475px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;padding:42px 0 44px}.hero-copy h1{font-size:clamp(40px,4.4vw,70px);line-height:1.04;font-weight:950;letter-spacing:-.062em;margin:22px 0}.hero-copy h1 span{color:transparent;-webkit-text-stroke:1px #adbddbb0}.hero-description{font-size:15px;color:#94a1bc;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:29px}.hero-actions .button{min-height:52px;min-width:196px}.hero-proof{display:flex;align-items:center;gap:22px;margin-top:25px;color:#63718f;font-size:9px;letter-spacing:.04em}.hero-proof span:first-child{display:flex;align-items:center;gap:7px}.hero-proof span+span{font-size:8px;letter-spacing:.12em}.performer-caption{position:absolute;right:14%;bottom:44px;display:flex;gap:9px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.15em}.performer-caption small{position:absolute;left:14px;top:23px;white-space:nowrap;font-size:7px;color:#7481a4;letter-spacing:.14em}.home-bottom{position:relative;z-index:3;max-width:1440px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode-card{position:relative;display:flex;gap:18px;align-items:flex-start;text-align:left;background:linear-gradient(115deg,#122b374d,#11172bf2 55%);border:1px solid #8ca2df28;border-radius:17px;padding:26px 28px 42px;overflow:hidden;transition:border-color .2s,transform .2s;min-height:154px}.mode-card:hover{border-color:#00f0ff70;transform:translateY(-3px)}.mode-card:after{content:"";position:absolute;right:-30px;top:-60px;width:180px;height:240px;transform:rotate(35deg);border-left:1px solid #00f0ff10;background:linear-gradient(90deg,#00f0ff04,transparent)}.mode-card h2{font-size:20px;letter-spacing:-.035em;margin:9px 0 6px}.mode-card p:not(.eyebrow){font-size:11px;color:#7787a6}.mode-card .eyebrow{font-size:8px;color:#62c4d0}.mode-icon{width:45px;height:45px;background:#00f0ff0c;border:1px solid #00f0ff20;color:var(--cyan);border-radius:13px;display:grid;place-items:center;flex-shrink:0}.mode-mini{position:absolute;bottom:18px;left:92px;font-size:7px;letter-spacing:.12em;color:#506f88}.card-arrow{margin:auto 0 auto auto;color:#6885a0}.coliseum-card{background:linear-gradient(115deg,#34214f66,#11172bee 55%)}.coliseum-card:hover{border-color:#d000ff70}.coliseum-card .mode-icon{color:#de88ff;background:#d000ff0c;border-color:#d000ff28}.coliseum-card .eyebrow{color:#b48fd9}.coliseum-card .mode-mini{color:#82679e}.featured-bar{display:flex;align-items:center;gap:20px;margin-top:18px;padding:17px 22px;border:1px solid #9ba7dc19;border-radius:14px;background:#101527c9}.record-art{width:50px;height:50px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#00c6d566,#5106b555);border:1px solid #77daff25}.record-art span{width:30px;height:30px;border-radius:50%;background:repeating-radial-gradient(circle,#172842 0 3px,#123442 3px 4px);border:1px solid #64c4d144;position:relative}.record-art span:after{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--cyan)}.featured-info .eyebrow{font-size:7px;color:#608f9f}.featured-info h3{font-size:14px;letter-spacing:-.025em;margin:5px 0}.featured-info h3 span{font-size:8px;letter-spacing:.02em;color:#8492b0;font-weight:500;margin-left:10px}.featured-info>p:last-child{font-size:9px;color:#72819d}.featured-bar .wave{margin-left:auto}.featured-bar .round-button{width:38px;height:38px}.workshop-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding-top:20px;min-height:700px}.workshop-intro{position:relative;min-height:580px}.workshop-intro .page-heading{padding-top:28px}.workshop-intro .page-heading h1{font-size:40px}.avatar-label{position:absolute;bottom:48px;left:0;right:0;text-align:center}.avatar-label .eyebrow{font-size:9px}.rotate-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:18px}.rotate-controls .button{min-width:45px;padding:0;font-size:25px}.rotate-controls>span{font-size:8px;letter-spacing:.17em;color:#6d819c}.workshop-panel{align-self:start;margin-top:32px;padding:27px;position:relative}.workshop-panel .pill{color:#70d6ca;border-color:#4fc7b42f}.category-tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:21px}.category-tabs button{background:none;color:#7889aa;padding:9px 11px;font-size:10px;border-radius:7px;min-height:35px}.category-tabs button.active{background:#00f0ff10;color:var(--cyan)}.part-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;min-height:296px}.part-option{border:1px solid #8396c025;border-radius:11px;padding:16px 8px 13px;background:#0c1224;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:9px;position:relative;min-height:138px}.part-option.selected{background:#00f0ff09;border-color:#00f0ff80}.part-option.selected:after{content:"✓";position:absolute;right:10px;top:8px;font-size:10px;color:var(--cyan)}.part-option>span:last-of-type{font-size:11px;font-weight:600}.part-option small{font-size:7px;letter-spacing:.12em;color:#7e8eac}.part-illustration{width:48px;height:62px;position:relative;display:block;filter:drop-shadow(0 6px 7px #0007)}.part-illustration i{display:block;position:absolute;width:36px;height:40px;left:6px;top:12px;background:linear-gradient(90deg,#173a53,#006879);border-top:7px solid #00f0ff6e;border-radius:4px 4px 0 0;box-shadow:-12px 0 0 -3px #14546a,12px 0 0 -3px #14546a;transform:skewY(-5deg)}.part-illustration.variant-1 i{background:#513566;border-top-color:#d000ff}.part-illustration.variant-2 i{background:#615333;border-top-color:#ffb547}.part-body i{width:28px;left:10px;height:32px;top:22px}.part-body b{position:absolute;left:14px;top:0;width:22px;height:21px;background:#d79c75;border-top:5px solid #18152d}.part-hair i{background:#c79b87;border-top:18px solid #352445;box-shadow:none;width:38px;height:50px;top:5px}.part-hair.variant-1 i{border-top:20px solid #a816af}.part-hair.variant-2 i{box-shadow:-9px -10px 0 -8px #352445,9px -10px 0 -8px #352445}.part-bottom i{height:48px;background:#28364c;border-top:5px solid #536978;box-shadow:none;top:4px}.part-bottom i:after{content:"";position:absolute;bottom:0;left:15px;width:6px;height:25px;background:#0c1224}.part-bottom.variant-2 i{height:29px}.part-shoes i{height:29px;top:23px;border-top:0;background:#245267;transform:skewY(-8deg);border-bottom:7px solid #dbe6ff;box-shadow:10px -6px 0 -2px #41486c}.color-orb{width:47px;height:47px;border-radius:50%;background:var(--part-color);box-shadow:0 0 25px color-mix(in srgb,var(--part-color) 20%,transparent)}.skin-picker{margin-top:23px;padding:20px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.skin-picker>div{display:flex;gap:11px}.swatch{width:25px;height:25px;border-radius:50%;background:var(--part-color)}.swatch.active{outline:2px solid #00f0ff;outline-offset:3px}.workshop-actions{display:flex;gap:10px}.workshop-actions .primary{flex:1}.workshop-panel .fine-print{margin-top:14px;font-size:9px}.library-layout{max-width:1500px;margin:auto}.library-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:15px}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.track-card{padding:0;text-align:left;background:#101628ee;border:1px solid #94a5d826;border-radius:16px;overflow:hidden;transition:border-color .2s,transform .2s}.track-card.selected{border-color:var(--track-color);box-shadow:0 0 35px color-mix(in srgb,var(--track-color) 6%,transparent)}.track-card:hover{transform:translateY(-3px)}.track-art{height:173px;position:relative;overflow:hidden;background:linear-gradient(145deg,#093c5044,#15274b,#0c1124);border-bottom:1px solid #a4b5e212}.track-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#0001 4px 5px);pointer-events:none}.art-1{background:linear-gradient(145deg,#442164,#1f1640,#12162c)}.art-2{background:linear-gradient(145deg,#694725,#362638,#11162a)}.track-number{position:absolute;top:16px;left:17px;font-size:10px;color:#fff6;font-family:ui-monospace,monospace}.track-type{position:absolute;bottom:14px;left:17px;font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:#dfe9ffb3}.orbit-art{position:absolute;left:50%;top:50%;width:140px;height:140px;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-art i,.orbit-art b,.orbit-art em{position:absolute;inset:0;border:2px solid var(--track-color);border-radius:50%;box-shadow:inset 0 0 20px color-mix(in srgb,var(--track-color) 20%,transparent),0 0 20px color-mix(in srgb,var(--track-color) 10%,transparent)}.orbit-art b{inset:14px;border-width:10px;opacity:.18}.orbit-art em{inset:35px;border-radius:8px;transform:rotate(45deg);border-width:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--track-color) 50%,#111),transparent)}.art-1 .orbit-art{transform:translate(-50%,-50%) rotate(35deg)}.art-1 .orbit-art i{border-radius:0;transform:rotate(15deg)}.art-1 .orbit-art b{border-radius:0}.art-2 .orbit-art i{transform:scaleY(.5);border-width:3px}.art-2 .orbit-art em{border-radius:50%;background:var(--track-color);box-shadow:0 0 60px #ffb54755}.track-description{padding:21px}.track-description .eyebrow{font-size:7px;color:var(--track-color)}.track-description h2{font-size:23px;margin:9px 0 6px}.track-description>p:not(.eyebrow){font-size:8px;letter-spacing:.12em;color:#7d8bac}.track-description .wave{width:100%;height:34px;margin:16px 0 8px}.track-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.03em;color:#8b9ab8}.track-meta span:last-child{font-size:6px}.play-deck{padding:23px 27px;margin:24px 0 10px;display:flex;align-items:center;gap:24px;justify-content:space-between}.play-deck .eyebrow{font-size:8px}.difficulty-tabs{display:flex;gap:8px;margin-top:11px}.difficulty-tabs button{background:#0b1226;border:1px solid #899bcc25;border-radius:7px;padding:11px 14px;font-size:11px;color:#8999ba}.difficulty-tabs button span{font-size:7px;letter-spacing:2px;display:block;margin-top:5px}.difficulty-tabs button.active{color:var(--cyan);border-color:#00f0ff55;background:#00f0ff0a}.deck-hint{font-size:10px;color:#7f90af;display:flex;gap:10px;line-height:1.7}.library-layout>.fine-print{padding:5px}.calibration-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.calibration-card,.tutorial-card{padding:29px}.calibration-card>.muted{font-size:12px;max-width:450px;line-height:1.75}.calibration-pad{width:200px;height:200px;border-radius:50%;border:1px solid #00f0ff30;background:radial-gradient(circle,#00f0ff10,#0c132700 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;color:var(--cyan);margin:29px auto;position:relative;box-shadow:0 0 50px #00f0ff06;transition:background .07s,box-shadow .07s}.calibration-pad strong{font-size:11px;letter-spacing:.12em}.calibration-pad small{font-size:8px;letter-spacing:.1em;color:#8696b7}.calibration-orbit{position:absolute;inset:13px;border:1px dashed #00f0ff22;border-radius:50%}.calibration-pad.on-beat{background:#00f0ff16;box-shadow:0 0 50px #00f0ff17}.calibration-status{font-size:12px;text-align:center;color:#94a6c8;min-height:36px}.calibration-card .fine-print{margin-top:18px;text-align:center}.calibration-card .center-actions{gap:8px}.calibration-card .button{font-size:10px;padding:0 14px}.tutorial-card>.eyebrow{font-size:9px}.tutorial-card h2{font-size:29px;margin:12px 0 24px}.tutorial-keys{display:flex;gap:10px;margin:22px 0 27px}.tutorial-keys kbd{width:48px;height:48px;border:1px solid #00f0ff55;border-bottom:3px solid var(--lane-color);background:#142137;display:grid;place-items:center;color:#d6e9ff;font-size:18px;border-radius:9px}.tutorial-steps{list-style:none;counter-reset:step;padding:0;margin:0}.tutorial-steps li{counter-increment:step;padding-left:34px;position:relative;margin-bottom:23px}.tutorial-steps li:before{content:"0" counter(step);position:absolute;left:0;top:0;color:#456382;font-family:ui-monospace,monospace;font-size:10px}.tutorial-steps strong{font-size:13px;font-weight:650;display:block;margin-bottom:7px}.tutorial-steps span{font-size:11px;line-height:1.7;color:#8c9bbc;display:block;max-width:310px}.judgment-legend{display:flex;gap:14px;margin:29px 0}.judgment-legend span{font-size:9px;color:#8394b2}.judgment-legend b{display:block;margin-bottom:6px;font-size:8px;color:var(--cyan)}.judgment-legend span:nth-child(2) b{color:#bc9efa}.judgment-legend span:nth-child(3) b{color:var(--gold)}body[data-screen=play] .scene-vignette{background:linear-gradient(180deg,#080b1877,transparent 40%,#080b1866)}body[data-screen=play] #main{padding:0 28px;height:calc(100dvh - var(--header));min-height:0;overflow:hidden}body[data-screen=play] .sidebar{opacity:.75}.play-layout{height:100%;position:relative;max-width:1500px;margin:auto}.match-top{position:absolute;top:22px;left:0;right:0;display:flex;align-items:center;z-index:5}.match-song .eyebrow{font-size:8px;color:#62a7b7}.match-song h1{font-size:24px;margin-top:8px;font-weight:700}.match-song p{font-size:10px;color:#7f91b4;margin-top:8px}.match-song p span{margin:0 6px}.match-song p #song-clock{margin:0}.match-score{margin-left:auto;margin-right:30px;text-align:right}.match-score small{display:block;font-size:8px;color:#9aaaca;letter-spacing:.16em}.match-score strong{font-family:ui-monospace,monospace;font-size:31px;font-weight:500;letter-spacing:-.05em;display:block;margin-top:5px}.pause-control{width:39px;height:39px;background:#14213eb8;border-color:#acbbeb33;color:#d7e4ff}.lane-stage{position:absolute;width:min(530px,56vw);height:calc(100% - 50px);left:50%;transform:translate(-50%);bottom:27px}.lane-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0;pointer-events:none}.touch-zones{position:absolute;bottom:23px;left:4.5%;right:4.5%;display:flex;gap:7px}.touch-zone{height:58px;background:#11192bbb;border:1px solid #7196d242;border-bottom:2px solid #00f0ff66;flex:1;border-radius:5px;color:#acc8df;display:flex;align-items:center;justify-content:center;gap:10px;touch-action:none;user-select:none;-webkit-user-select:none}.touch-zone span{font-size:9px;color:#6cbfc9}.touch-zone kbd{font-family:inherit;font-size:20px;font-weight:600}.touch-zone.lane-1{border-color:#8ba6ff66}.touch-zone.lane-2{border-color:#d875ff66}.touch-zone.lane-3{border-color:#d000ff66}.touch-zone.pressed{background:#00f0ff33;box-shadow:0 -10px 30px #00f0ff14;color:#fff}.touch-zone.lane-2.pressed,.touch-zone.lane-3.pressed{background:#d000ff2a;box-shadow:0 -10px 30px #d000ff14}.left-handed .touch-zone:first-child{border-left-width:3px}.combo-display{position:absolute;left:12%;top:37%;text-align:center}.combo-display strong{font-size:72px;letter-spacing:-.06em;font-weight:800;line-height:1}.combo-display>span{display:block;color:#7894b6;font-size:10px;letter-spacing:.3em;margin-top:8px}#spotlight-label{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;letter-spacing:.13em;color:var(--gold);opacity:0}.spotlight #spotlight-label{opacity:1}.spotlight .combo-display strong{color:var(--gold)}#countdown{position:absolute;left:0;right:0;top:38%;text-align:center;font-size:86px;font-weight:850;color:var(--cyan);text-shadow:0 0 50px #00f0ff33;pointer-events:none}.hit-feedback{position:absolute;left:0;right:0;bottom:178px;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none}.hit-feedback strong{font-size:25px;font-weight:900;letter-spacing:.08em;text-shadow:0 3px 20px #000b}.hit-feedback small{font-size:8px;color:#c6d5ef;letter-spacing:.17em}.perfect{color:var(--cyan)}.great{color:#bb9eff}.good{color:var(--gold)}.miss{color:#ff6786}.match-bottom{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:space-between;font:8px ui-monospace,monospace;color:#7286a5}.track-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#65709322}.track-progress>div{height:100%;background:var(--cyan);width:0}.loading-screen{margin:100px auto 0;max-width:550px;padding:42px;text-align:center}.loading-screen h1{font-size:34px;margin:18px 0}.loading-screen p{margin:15px 0 30px}.loading-screen .button{margin:10px}.loading-line{height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);margin:30px 0;animation:loading 1.5s ease-in-out infinite}@keyframes loading{50%{opacity:.25}}.results-layout{max-width:1260px;margin:auto}.results-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:24px}.score-card{padding:31px;text-align:center}.grade{font-size:70px;font-style:italic;font-weight:950;color:var(--cyan);width:120px;height:110px;margin:0 auto 20px;background:linear-gradient(135deg,#00f0ff16,#00f0ff03);border:1px solid #00f0ff33;display:grid;place-items:center;clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%)}.grade-D,.grade-C{color:#bc9eff;border-color:#bb9eff44;background:#b27dff0a}.final-score{font-size:clamp(39px,4vw,60px);font-weight:800;letter-spacing:-.055em;margin:9px 0 2px}.score-max{font-size:11px;color:#637594;font-family:ui-monospace,monospace}.result-stats{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin:27px 0}.result-stats strong{display:block;font-size:25px;letter-spacing:-.04em}.result-stats strong small{font-size:12px;margin-left:3px;color:#8592b5}.result-stats span{display:block;font-size:7px;letter-spacing:.12em;color:#8493b6;margin-top:8px}.result-stats>div+div{border-left:1px solid var(--line)}.result-actions{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.results-detail{display:flex;flex-direction:column;gap:18px}.timing-card,.leaderboard-card{padding:25px}.histogram{height:114px;display:flex;gap:6px;align-items:end;border-bottom:1px solid #8199ca33;position:relative;padding:0 10px}.histogram>span{width:100%;height:var(--bar-height);background:var(--bar-color);border-radius:2px 2px 0 0;min-height:3px;opacity:.75}.histogram i{position:absolute;left:50%;height:100%;width:1px;background:#ffb54720}.histogram-labels{display:flex;justify-content:space-between;margin:13px 0 22px}.histogram-labels span{font-size:7px;letter-spacing:.08em;color:#798dad}.histogram-labels b{display:block;font-size:13px;letter-spacing:0;color:#c6d3ec;margin-top:5px}.histogram-labels span:nth-child(2){text-align:center}.histogram-labels span:last-child{text-align:right}.result-judgments{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding:18px 0 10px}.result-judgments span{display:block;font-size:7px;letter-spacing:.1em}.result-judgments b{display:block;font-size:20px;margin-top:8px;font-weight:600}.leader-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line);font-size:11px}.leader-row>span{font:10px ui-monospace,monospace;color:#7082a1}.leader-row i{display:block;width:20px;height:20px;border-radius:4px;background:color-mix(in srgb,var(--part-color) 20%,#152335);border:1px solid color-mix(in srgb,var(--part-color) 45%,transparent)}.leader-row strong{font-size:10px;letter-spacing:.08em}.leader-row>b{margin-left:auto;color:#aabbd9;font-family:ui-monospace,monospace;font-size:11px}.leaderboard-card .fine-print{margin-top:10px}body[data-screen=coliseum] .scene-vignette{background:linear-gradient(180deg,#080b1877,transparent 45%,#080b18ee 80%)}.coliseum-layout{position:relative;padding-top:27px;min-height:730px}.coliseum-heading{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.coliseum-heading .eyebrow{width:100%;font-size:8px;color:#ab84d0}.coliseum-heading h1{font-size:36px;line-height:1}.split-labels{display:grid;grid-template-columns:1fr 60px 1fr;margin-top:35px;position:relative;z-index:2}.split-labels>div:last-child{text-align:right}.split-labels h2{font-size:31px;font-weight:900;font-style:italic;letter-spacing:-.035em;margin:7px 0;color:#e6f8ff}.split-labels>div:last-child h2{color:#e7b7ff}.split-labels .eyebrow{font-size:7px}.split-labels p{font-size:10px;color:#7f91b0}.vs{font-weight:950;font-style:italic;font-size:30px;align-self:center;text-align:center;color:#adbfdf44}.split-divider{position:absolute;left:50%;top:147px;height:210px;width:1px;background:linear-gradient(transparent,#d000ff55,transparent);pointer-events:none}.battle-console{position:relative;margin-top:260px;padding:25px;z-index:3}.battle-console-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.battle-console-head h2{font-size:25px;margin-top:8px}.battle-clock{min-width:115px;text-align:right}.battle-clock strong{font:30px ui-monospace,monospace;letter-spacing:-.04em;color:var(--gold)}.battle-clock small{display:block;font-size:7px;letter-spacing:.15em;color:#7d8eaf;margin-top:6px}.battle-options{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:23px 0}.battle-options .eyebrow{font-size:7px;display:block;margin-bottom:10px}.battle-options .segmented button{flex:1;font-size:10px}.window-tabs{display:flex;gap:8px}.window-tabs button{flex:1;background:#10172b;border:1px solid #849bce22;border-radius:9px;font-size:10px;padding:11px 6px;color:#8497b8}.window-tabs button b{font-size:10px;display:block;margin-top:6px;color:#b192d7}.window-tabs button.active{background:#d000ff0b;border-color:#d000ff66;color:#efd0ff}.window-tabs button.active b{color:var(--gold)}.battle-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.reward-preview{display:flex;gap:20px;align-items:center}.reward-preview>span{font-size:10px;color:#b5a1d0;display:flex;flex-wrap:wrap;align-items:center;column-gap:6px}.reward-preview>span:first-child{color:var(--gold)}.reward-preview small{display:block;width:100%;font-size:6px;letter-spacing:.07em;color:#687b9c;margin-top:5px}.battle-actions{display:flex;gap:9px;flex-wrap:wrap}.battle-actions .button{min-height:43px;font-size:10px;padding:0 16px}.battle-console>.fine-print{margin-top:14px;font-size:8px;max-width:1000px}.battle-context{font-size:9px;letter-spacing:.1em;line-height:1.8;color:#ae8acc;margin:23px 0}.analysis-feed{position:absolute;right:0;top:240px;width:370px;max-width:44%;padding:15px 18px;border:1px solid #d000ff23;background:#0b1023e6;border-radius:8px;font:9px ui-monospace,monospace;z-index:4}.feed-title{font-size:8px;color:#d489f7;letter-spacing:.08em;margin-bottom:12px;display:flex;align-items:center;gap:7px}.feed-title i{width:4px;height:4px;border-radius:50%;background:#d489f7}.analysis-feed p{color:#8d9abb;line-height:1.8;margin:5px 0;animation:feed .5s ease-out both}.analysis-feed p:nth-child(2){animation-delay:.2s}.analysis-feed p:nth-child(3){animation-delay:.4s}.analysis-feed b{font-size:7px;color:#798bbb;display:block;letter-spacing:.1em}.analysis-feed small{display:block;margin-top:9px;font-size:7px;color:#576b8a}@keyframes feed{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.settings-layout{max-width:1200px;margin:auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-card{padding:28px}.settings-card h2{font-size:18px;display:flex;align-items:center;gap:12px;margin-bottom:23px}.settings-card h2 svg{color:#8bcfdc}.range-label{display:block;font-size:12px;color:#a2b2ce;margin:24px 0}.range-label output{float:right;font-size:11px;color:var(--cyan)}input[type=range]{display:block;width:100%;height:5px;margin:20px 0 0;accent-color:var(--cyan);cursor:pointer}.toggle-row{display:flex;position:relative;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-top:1px solid var(--line);font-size:12px}.toggle-row small{display:block;font-size:10px;color:#7c8cae;margin-top:6px;line-height:1.5}.toggle-row input{position:absolute;right:0;width:40px;height:28px;opacity:0;cursor:pointer;z-index:2}.toggle-track{display:block;width:38px;height:22px;flex-shrink:0;border-radius:20px;border:1px solid #5e759b55;background:#10182b;position:relative;pointer-events:none}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#637599;transition:transform .2s}.toggle-row input:checked+.toggle-track{background:#00f0ff16;border-color:#00f0ff66}.toggle-row input:checked+.toggle-track:after{transform:translate(15px);background:var(--cyan)}.toggle-row input:focus-visible+.toggle-track{outline:2px solid var(--cyan);outline-offset:3px}.controls-settings>.muted{font-size:12px}.key-pickers{display:flex;gap:13px;margin:24px 0}.key-pickers label{font-size:8px;letter-spacing:.12em;color:#91a3c3;flex:1}.key-pickers select{display:block;width:100%;padding:12px 9px;margin-top:10px;background:#131c33;border:1px solid #7f9ac944;border-radius:7px;color:#dbe8ff;font-size:18px}.settings-card>.muted{font-size:12px}@media(min-width:1500px){.home-hero{min-height:520px}.hero-copy h1{font-size:76px}.mode-card{min-height:165px;padding-top:30px}.battle-console{margin-top:300px}}@media(max-width:1100px){.home-hero{min-height:440px}.hero-copy h1{font-size:48px}.hero-actions{gap:15px}.hero-actions .text-link{font-size:9px}.mode-card{padding:23px 18px 40px;gap:13px}.mode-card h2{font-size:17px}.mode-mini{left:78px;font-size:6px}.workshop-layout{gap:15px}.workshop-panel{padding:22px}.workshop-intro .page-heading h1{font-size:32px}.workshop-panel .category-tabs{gap:2px}.workshop-panel .category-tabs button{padding:9px}.track-description{padding:17px}.track-description h2{font-size:21px}.play-deck{gap:16px;padding:21px}.deck-hint{display:none}.combo-display{left:7%}.combo-display strong{font-size:57px}.battle-options{gap:15px}.reward-preview{gap:13px}.analysis-feed{font-size:8px}.calibration-card,.tutorial-card{padding:23px}.calibration-grid{gap:16px}.results-grid{gap:18px}}@media(max-width:760px){.home-hero{min-height:535px;align-items:flex-start}.hero-copy{padding:30px 0 0;width:100%}.hero-copy h1{font-size:clamp(37px,9.5vw,55px);margin:18px 0;max-width:390px}.hero-copy .eyebrow{font-size:8px}.hero-description{font-size:12px;line-height:1.7;max-width:210px}.hero-actions{position:absolute;top:389px;left:0;right:0;flex-direction:column;align-items:stretch;gap:17px;text-align:center}.hero-actions .text-link{justify-content:center;font-size:11px}.hero-proof{display:none}.performer-caption{right:12%;bottom:180px;font-size:10px}.mode-grid{grid-template-columns:1fr;gap:12px}.mode-card{padding:22px 20px 38px;min-height:137px}.mode-card h2{font-size:19px}.mode-mini{left:78px;bottom:17px;font-size:6px}.featured-bar{padding:15px;gap:13px}.featured-bar .wave{display:none}.featured-bar .round-button{margin-left:auto;flex-shrink:0}.featured-info h3{font-size:12px}.featured-info>p:last-child{font-size:7px}.featured-info h3 span{display:none}.record-art{width:42px;height:42px;flex-shrink:0}.workshop-layout{display:flex;flex-direction:column;padding-top:0;gap:0;min-height:0}.workshop-intro{min-height:427px}.workshop-intro .page-heading{padding-top:26px}.workshop-intro .page-heading h1{font-size:32px}.workshop-intro .muted{font-size:11px}.avatar-label{bottom:15px}.avatar-label>.eyebrow{display:none}.rotate-controls{margin:0;gap:20px}.rotate-controls .button{min-height:38px}.workshop-panel{width:100%;margin-top:0;padding:22px}.part-grid{grid-template-columns:repeat(3,1fr);min-height:138px}.part-option{min-height:123px}.part-option>span:last-of-type{font-size:9px}.part-illustration{transform:scale(.86)}.category-tabs{gap:1px;justify-content:space-between}.category-tabs button{padding:9px;font-size:9px}.workshop-panel .fine-print{font-size:8px}.library-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.library-toolbar .segmented{width:100%}.library-toolbar .segmented button{font-size:10px;flex:1;padding:12px 10px}.library-toolbar .text-link{font-size:10px}.track-grid{grid-template-columns:1fr;gap:13px}.track-card{display:grid;grid-template-columns:100px 1fr}.track-art{height:100%;min-height:147px;border-bottom:0;border-right:1px solid #ffffff0c}.track-art .orbit-art{width:85px;height:85px}.track-art .orbit-art em{inset:25px}.track-number{left:11px;top:12px;font-size:8px}.track-type{left:10px;bottom:12px;font-size:6px}.track-description{padding:16px 18px}.track-description h2{font-size:22px;margin:7px 0}.track-description .wave{height:20px;margin:13px 0 5px}.track-meta{font-size:7px}.track-meta span:last-child{font-size:5px}.play-deck{flex-direction:column;align-items:stretch;padding:22px;gap:20px}.difficulty-tabs button{flex:1}.play-deck .button{width:100%}.library-layout>.fine-print{font-size:9px}.calibration-grid{grid-template-columns:1fr}.calibration-card,.tutorial-card{padding:23px}.calibration-pad{width:178px;height:178px;margin:23px auto}.calibration-card .button{font-size:9px;padding:0 13px;min-height:43px}.calibration-card .fine-print{font-size:9px}.tutorial-card{margin-top:0}.tutorial-steps span{max-width:none}.tutorial-card>.button{width:100%}.tutorial-keys{justify-content:center}.judgment-legend{justify-content:space-between}body[data-screen=play] .sidebar,body[data-screen=play] .build-footer{display:none}body[data-screen=play] #main{padding:0 14px;height:calc(100dvh - var(--header));padding-bottom:env(safe-area-inset-bottom)}.match-top{top:18px;align-items:flex-start}.match-song h1{font-size:18px}.match-song .eyebrow{font-size:6px;letter-spacing:.08em}.match-song p{font-size:8px;margin-top:7px}.match-score{margin-right:13px}.match-score strong{font-size:21px}.match-score small{font-size:6px}.pause-control{width:31px;height:31px;margin-top:6px}.pause-control svg{width:15px}.lane-stage{width:min(100%,500px);height:calc(100% - 114px);bottom:23px}.combo-display{top:94px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:9px;z-index:4}.combo-display strong{font-size:26px}.combo-display>span{font-size:7px;margin:0;letter-spacing:.2em}.combo-display #spotlight-label{margin:0;font-size:6px}.match-bottom{font-size:6px;bottom:10px}.match-bottom>span:nth-child(2){display:none}.touch-zone{height:61px;gap:5px}.touch-zone kbd{font-size:21px}.touch-zone span{font-size:7px}.touch-zones{bottom:19px;gap:5px}.hit-feedback{bottom:168px}.hit-feedback strong{font-size:21px}.hit-feedback small{font-size:7px}.loading-screen{margin:70px auto 0;padding:28px}.loading-screen h1{font-size:28px}.results-grid{grid-template-columns:1fr}.score-card{padding:25px}.grade{font-size:55px;width:95px;height:90px;margin-bottom:16px}.final-score{font-size:49px}.result-stats{margin:22px 0;padding:20px 0}.result-stats strong{font-size:22px}.result-actions .button{font-size:10px;flex:1;padding:0 14px}.timing-card,.leaderboard-card{padding:23px}.results-layout>.page-heading h1{font-size:30px}.coliseum-layout{padding-top:26px;min-height:0}.coliseum-heading{gap:10px}.coliseum-heading .eyebrow{font-size:7px}.coliseum-heading h1{font-size:30px}.coliseum-heading .pill{font-size:6px}.split-labels{margin-top:30px;grid-template-columns:1fr 36px 1fr}.split-labels .eyebrow{font-size:6px;letter-spacing:.05em}.split-labels h2{font-size:26px}.split-labels p{font-size:8px;line-height:1.6;max-width:140px}.split-labels>div:last-child p{margin-left:auto}.vs{font-size:24px}.split-divider{top:140px;height:180px}.battle-console{margin-top:265px;padding:20px}.battle-console-head h2{font-size:21px;max-width:200px}.battle-console-head .eyebrow{font-size:7px}.battle-clock{min-width:82px}.battle-clock strong{font-size:23px}.battle-clock small{font-size:6px}.battle-options{grid-template-columns:1fr;gap:20px}.battle-options .segmented button{padding:10px 8px;font-size:9px}.reward-preview{gap:14px;justify-content:space-between;width:100%}.reward-preview>span{font-size:9px}.reward-preview small{font-size:5px}.battle-actions{width:100%;gap:9px}.battle-actions .button{flex:1;font-size:9px;padding:0 11px;min-height:46px}.battle-console>.fine-print{font-size:8px}.analysis-feed{top:225px;width:210px;max-width:61%;padding:10px 12px;font-size:7px}.analysis-feed p{line-height:1.5;margin:4px 0}.analysis-feed b,.analysis-feed small{font-size:6px}.feed-title{font-size:6px;margin-bottom:8px}.battle-context{font-size:8px}.settings-grid{grid-template-columns:1fr;gap:16px}.settings-card{padding:24px}.settings-card .setting-row .button{font-size:9px;padding:0 13px}.setting-row>span{font-size:11px}}@media(max-width:370px){.topbar .preview-tag{display:none}.hero-copy h1{font-size:36px}.mode-card h2{font-size:17px}.mode-icon{width:37px;height:37px}.mode-mini{left:70px}.category-tabs button{padding:8px 6px}.reward-preview{gap:8px}.reward-preview>span{font-size:8px}.match-song h1{font-size:16px}.match-score strong{font-size:19px}.calibration-card .center-actions{gap:7px}.calibration-card .button{font-size:8px;padding:0 9px}}.ghost-score{display:block;font:8px ui-monospace,monospace;color:#cb91e8;margin-top:7px}.ghost-verdict{color:#ceb0e9;font-size:12px;margin-top:16px}.ghost-verdict small{display:block;color:#7988a9;font-size:9px;margin-top:7px}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf1ff;background:#080b18;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--cyan:#00f0ff;--violet:#d000ff;--gold:#ffb547;--muted:#8994b2;--line:#c3d0ff16;--sidebar:88px;--header:90px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em}h1:focus{outline:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button:disabled:focus-visible{outline:0}::selection{background:#00f0ff44;color:#fff}.skip-link{position:fixed;z-index:200;left:110px;top:-70px;background:var(--cyan);color:#081223;padding:15px}.skip-link:focus-visible{top:10px}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#080b18e8;border-right:1px solid var(--line);z-index:30;display:flex;align-items:center;flex-direction:column}.brand-mark{display:grid;place-items:center;width:48px;height:48px;margin:23px 0 48px;color:var(--cyan);background:#00f0ff0b;border:1px solid #00f0ff24;border-radius:15px}.sidebar nav{display:flex;flex-direction:column;gap:16px}.sidebar nav a,.settings-link{width:48px;height:48px;display:grid;place-items:center;color:#6e7897;border-radius:13px;position:relative;transition:color .18s,background .18s}.sidebar nav a:hover,.settings-link:hover{background:#ffffff08;color:#eaf2ff}.sidebar nav a.active,.settings-link.active{color:var(--cyan);background:#00f0ff10}.sidebar nav a.active:before{content:"";position:absolute;left:-20px;top:14px;width:3px;height:20px;background:var(--cyan);box-shadow:0 0 16px #00f0ff66}.sidebar nav a span{position:absolute;left:63px;white-space:nowrap;background:#171d33;border:1px solid #ffffff15;padding:8px 12px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .15s}.sidebar nav a:hover span{opacity:1}.settings-link{margin-top:auto}.sidebar-word{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.3em;color:#515d7a;margin:22px 0 30px}.topbar{height:var(--header);position:relative;z-index:20;margin-left:var(--sidebar);display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#090e1aab,#090e1a40)}.wordmark{display:flex;align-items:center;gap:17px}.wordmark strong{font-size:21px;font-weight:900;letter-spacing:-.055em}.wordmark strong span{font-weight:300;letter-spacing:-.025em;margin-left:5px}.wordmark small{font-size:8px;font-weight:700;letter-spacing:.23em;color:#76819f;border-left:1px solid #6372913b;padding-left:17px}.topbar-right{display:flex;gap:26px;align-items:center}.preview-tag{font-size:9px;letter-spacing:.14em;font-weight:700;color:#94a0bb;display:flex;gap:8px;align-items:center}.preview-tag i,.live-dot{width:5px;height:5px;background:#6cf5ac;border-radius:50%;box-shadow:0 0 8px #6cf5ac77}.profile-chip{display:flex;align-items:center;gap:11px;background:none;padding:0;text-align:left;font-size:12px;font-weight:800}.profile-pixel{background:linear-gradient(135deg,#0f344d,#32215d);border:1px solid #5beaff45;border-radius:11px;display:grid;place-items:center;color:var(--cyan);width:36px;height:36px;font-size:18px}.profile-chip small{display:block;font-size:8px;letter-spacing:.12em;color:#6f7e9e;margin-top:4px}#world{position:fixed;inset:var(--header) 0 0 var(--sidebar);width:calc(100% - var(--sidebar));height:calc(100dvh - var(--header));outline:none;z-index:0;pointer-events:none;opacity:0;transition:opacity .6s}.stage-ready #world{opacity:1}.scene-vignette{position:fixed;inset:var(--header) 0 0 var(--sidebar);z-index:1;pointer-events:none;background:linear-gradient(90deg,#080b18ee,#080b18bc 27%,#080b1800 66%),linear-gradient(0deg,#080b18 0%,transparent 30%)}.world-fallback{position:fixed;inset:var(--header) 0 0 var(--sidebar);z-index:0;background:radial-gradient(ellipse at 75% 40%,#4d116137,transparent 43%),radial-gradient(ellipse at 65% 80%,#005d8040,transparent 60%);overflow:hidden}.stage-ready:not(.low-power) .world-fallback{opacity:0}.fallback-rings{position:absolute;width:65%;height:40%;right:0;bottom:10%;background:repeating-linear-gradient(0deg,#00f0ff11 0 1px,transparent 1px 35px),repeating-linear-gradient(90deg,#00f0ff11 0 1px,transparent 1px 35px);transform:perspective(300px) rotateX(45deg);border:1px solid #00f0ff22;box-shadow:0 -4px 60px #d000ff0a}.fallback-avatar{position:absolute;top:30%;left:70%;width:76px;height:90px;background:linear-gradient(90deg,#00b6cc,#182f58);box-shadow:-27px 8px 0 -8px #194458,27px 8px 0 -8px #194458;transform:rotate(-5deg)}.fallback-avatar i{position:absolute;width:56px;height:53px;background:#c89679;top:-60px;left:10px;border-top:12px solid #282336}.fallback-avatar b,.fallback-avatar span{position:absolute;width:29px;height:83px;top:90px;background:#151c35;border-bottom:14px solid #00f0ff77}.fallback-avatar b{left:3px}.fallback-avatar span{right:3px}.low-power #world{display:none}.low-power .world-fallback{opacity:1}#main{margin-left:var(--sidebar);position:relative;z-index:2;padding:0 48px 44px;min-height:calc(100dvh - var(--header));max-width:1920px}.build-footer{position:fixed;bottom:10px;left:calc(var(--sidebar) + 48px);right:32px;display:flex;justify-content:space-between;font:8px ui-monospace,monospace;letter-spacing:.12em;color:#505a77;z-index:8;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:750;color:#8996b6}.tiny-line{display:inline-block;width:22px;height:2px;background:var(--cyan);margin-right:9px;vertical-align:middle}.muted{color:var(--muted);line-height:1.7;font-size:14px}.button{min-height:48px;display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:0 23px;border-radius:10px;font-size:12px;font-weight:750;letter-spacing:.01em;transition:transform .16s,background .16s,box-shadow .16s}.button:hover:not(:disabled){transform:translateY(-2px)}.button.primary{background:var(--cyan);color:#061620;box-shadow:0 4px 25px #00f0ff16}.button.primary:hover:not(:disabled){background:#7bf8ff;box-shadow:0 4px 30px #00f0ff33}.button.secondary{background:#141b30;border:1px solid #8196cb25;color:#c6d1ed}.button.secondary:hover:not(:disabled){background:#202a42}.text-link{font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:9px;color:#a6b4d3}.text-link:hover{color:var(--cyan)}.round-button{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#00f0ff14;border:1px solid #00f0ff40;color:var(--cyan)}.round-button:hover{background:#00f0ff2a}.glass{background:linear-gradient(135deg,#12182deb,#0c1121ed);border:1px solid #acbeff1d;border-radius:20px;box-shadow:0 20px 70px #00000025}.pill{font-size:8px;letter-spacing:.09em;color:#aabbdc;border:1px solid #8196bc30;border-radius:5px;padding:6px 9px;white-space:nowrap;font-weight:700}.pill.violet{color:#e590ff;background:#d000ff12;border-color:#d000ff44}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.panel-heading h2{font-size:18px;letter-spacing:-.025em}.page-heading{padding:40px 0 28px}.page-heading h1{font-size:clamp(30px,3vw,45px);font-weight:850;letter-spacing:-.06em;margin:12px 0 10px}.page-heading .muted{font-size:13px}.fine-print{font-size:10px;line-height:1.7;color:#7f8aa7}.segmented{display:flex;border:1px solid #c4d4ff20;border-radius:10px;overflow:hidden;background:#10162a}.segmented button{padding:12px 17px;background:none;color:#8392b4;font-size:11px;font-weight:700;min-height:44px}.segmented button.active{background:#26334880;color:var(--cyan)}.segmented button small{display:block;font-size:9px;margin-top:4px;opacity:.65}.segmented button+button{border-left:1px solid var(--line)}.wave{width:230px;height:44px;opacity:.6}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.setting-row>span{font-size:12px;color:var(--muted)}.setting-row strong{display:block;color:#edf1ff;margin-top:9px;font-size:18px}.center-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}#toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%,20px);background:#17243df5;color:#eaf4ff;border:1px solid #5bb4c044;border-radius:12px;padding:14px 22px;max-width:min(90vw,550px);font-size:12px;line-height:1.6;box-shadow:0 10px 40px #0007;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%)}dialog{background:#101729;color:#edf1ff;border:1px solid #6579a843;border-radius:22px;padding:36px;width:min(440px,90vw);box-shadow:0 30px 100px #000a}dialog::backdrop{background:#030711ce;backdrop-filter:blur(5px)}dialog h2{font-size:34px;margin:12px 0}dialog .muted{font-size:13px}.dialog-actions{display:flex;flex-direction:column;gap:10px;margin-top:26px}.reduced-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(min-width:1700px){#main{padding-right:72px;padding-left:72px}.topbar{padding:0 72px}.home-hero{min-height:560px}}@media(max-width:1100px){:root{--sidebar:72px;--header:78px}.topbar{padding:0 28px}#main{padding:0 28px 40px}.brand-mark{margin-top:17px}.sidebar nav a.active:before{left:-12px}.wordmark small{display:none}.preview-tag{font-size:8px}.build-footer{left:calc(var(--sidebar) + 28px)}}@media(max-width:760px){:root{--sidebar:0px;--header:72px}.sidebar{position:fixed;inset:auto 0 0;width:100%;height:66px;flex-direction:row;justify-content:center;border-right:0;border-top:1px solid var(--line);background:#0c1022f7;padding-bottom:env(safe-area-inset-bottom);z-index:40}.sidebar .brand-mark,.sidebar-word{display:none}.sidebar nav{flex-direction:row;gap:13px}.sidebar nav a,.settings-link{width:42px;height:48px}.sidebar nav a svg{width:20px}.sidebar nav a.active:before{width:18px;height:2px;top:-1px;left:12px}.sidebar nav a span{display:none}.settings-link{margin:0 0 0 13px}.topbar{padding:0 19px}.wordmark strong{font-size:19px}.topbar-right{gap:12px}.preview-tag{font-size:7px;letter-spacing:.08em}.profile-chip>span:last-child{display:none}.profile-pixel{width:31px;height:31px}.topbar .preview-tag i{display:none}#main{padding:0 19px 96px;min-height:calc(100dvh - var(--header))}.build-footer{display:none}.page-heading{padding-top:28px}.page-heading h1{font-size:33px}.page-heading .muted{max-width:330px;font-size:12px}.scene-vignette{background:linear-gradient(0deg,#080b18 0%,#080b18d0 15%,transparent 60%)}.button{padding:0 18px;min-height:47px}.glass{border-radius:16px}#toast{bottom:83px;font-size:11px}.fallback-avatar{left:62%;top:26%;transform:scale(.9)}.world-fallback{background:radial-gradient(ellipse at 50% 25%,#37195255,transparent 50%)}}body[data-screen=library] #world,body[data-screen=calibration] #world,body[data-screen=settings] #world{visibility:hidden}body[data-screen=workshop] .scene-vignette{background:linear-gradient(0deg,#080b18 0%,transparent 30%,transparent 88%,#080b1844)}body[data-screen=coliseum] .scene-vignette{background:linear-gradient(0deg,#080b18 0%,transparent 45%,#080b1833)}.signin-shell{min-height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 15% 60%,#00374538,transparent 50%),radial-gradient(ellipse at 86% 33%,#48176325,transparent 50%),#080b18}.signin-header{height:96px;max-width:1390px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b}.signin-brand{display:flex;gap:16px;align-items:center}.signin-brand>svg{color:#00f0ff}.signin-brand strong{font-size:23px;letter-spacing:-.05em}.signin-brand strong span{font-weight:350;margin-left:5px}.signin-preview{display:flex;align-items:center;gap:9px;color:#8392af;font-size:9px;letter-spacing:.17em}.signin-preview i{width:5px;height:5px;border-radius:50%;background:#6cf5ac;box-shadow:0 0 10px #6cf5ac55}body[data-screen=login] #main.signin-main{margin:0 auto;max-width:1240px;min-height:calc(100dvh - 160px);padding:65px 56px;display:grid;grid-template-columns:1.15fr 1fr;gap:105px;align-items:center}.signin-story{position:relative}.signin-story>.eyebrow{font-size:9px;color:#9ba7c0}.signin-story h1{font-size:clamp(42px,4.6vw,67px);line-height:1.05;font-weight:850;letter-spacing:-.065em;margin:23px 0}.signin-story h1 span{color:transparent;-webkit-text-stroke:1px #8895b4}.signin-intro{font-size:14px;line-height:1.8;color:#8d9eb9}.signin-stage{height:240px;position:relative;margin-top:10px;overflow:hidden}.signin-grid{position:absolute;inset:20% -15% -25%;background:repeating-linear-gradient(0deg,#00f0ff12 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,#00f0ff12 0 1px,transparent 1px 24px);transform:perspective(230px) rotateX(61deg);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}.signin-ring{position:absolute;width:215px;height:58px;bottom:30px;left:calc(50% - 108px);border:2px solid #00f0ff87;border-radius:50%;box-shadow:0 0 25px #00f0ff18,inset 0 0 24px #00f0ff10}.signin-beam{position:absolute;width:2px;height:145px;top:15px;opacity:.7;box-shadow:0 0 14px currentColor}.beam-cyan{background:#00f0ff;color:#00f0ff;left:20%;transform:rotate(-22deg)}.beam-violet{background:#d000ff;color:#d000ff;right:18%;transform:rotate(22deg)}.signin-character{position:absolute;top:25px;left:calc(50% - 35px);width:70px;height:160px;transform:rotate(-5deg)}.signin-character i{display:block;position:absolute}.signin-face{width:44px;height:43px;left:13px;top:3px;background:#c18f71;box-shadow:5px 3px #845c46}.signin-hair{left:10px;top:0;width:51px;height:14px;background:#282639;z-index:2;transform:skewY(-9deg)}.signin-face b:after{content:"";position:absolute;top:22px;left:10px;width:5px;height:5px;background:#15182c;box-shadow:19px 0 #15182c}.signin-body{top:51px;left:7px;width:56px;height:66px;background:#192e4c;border-left:9px solid #00d6e9;border-right:9px solid #00d6e9;box-shadow:6px 4px #0c1d35}.signin-body b{display:block;position:absolute;left:16px;width:4px;height:55px;background:#b9dbef}.signin-arm{top:56px;width:19px;height:57px;background:#19425c;border-bottom:15px solid #c18f71}.arm-left{left:-14px;transform:rotate(13deg)}.arm-right{right:-16px;transform:rotate(-20deg)}.signin-leg{top:118px;width:24px;height:54px;background:#19243b;border-bottom:10px solid #d0e7f3}.leg-left{left:8px;transform:rotate(4deg)}.leg-right{right:3px;transform:rotate(-7deg)}.signin-stage-tag{position:absolute;bottom:0;width:100%;text-align:center;color:#6e849e;font-size:7px;letter-spacing:.25em}.signin-modes{display:flex;gap:30px;margin-top:26px;padding-top:23px;border-top:1px solid #ffffff0d}.signin-modes span{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.13em;color:#8a9eb7}.signin-modes span:first-child svg{color:#00f0ff}.signin-modes span:last-child svg{color:#d875ff}.signin-card{padding:42px 36px;background:linear-gradient(145deg,#151c31ee,#0c1224f7);border-color:#a5c2e923;box-shadow:0 30px 90px #0005;position:relative}.signin-card:before{content:"";position:absolute;left:36px;right:36px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#00f0ff60,transparent)}.signin-emblem{width:54px;height:54px;display:grid;place-items:center;border:1px solid #00f0ff2a;border-radius:15px;background:#00f0ff08;color:#00f0ff;margin-bottom:30px}.signin-card>.eyebrow{font-size:8px;letter-spacing:.2em;color:#8697b4}.signin-card h2{font-size:43px;line-height:1.08;letter-spacing:-.055em;margin:15px 0 19px}.signin-description{font-size:13px;line-height:1.8;color:#91a0bd}.signin-button{display:flex;width:100%;margin-top:29px;min-height:54px;padding:0 16px;font-size:12px;gap:12px}.signin-button svg:last-child{margin-left:auto}.signin-explanation{font-size:10px;line-height:1.8;color:#91a2be;margin-top:17px;text-align:center}.signin-access{display:flex;gap:13px;align-items:center;padding:23px 0;margin-top:23px;border-top:1px solid #a0bfff16;border-bottom:1px solid #a0bfff16}.signin-lock{width:34px;height:34px;border-radius:9px;background:#ad84ff10;color:#bfa6f4;display:grid;place-items:center}.signin-access strong{font-size:11px;font-weight:600;color:#d0dbec}.signin-access p{margin-top:6px;font-size:10px;color:#8191ae}.signin-footnote{font-size:9px;line-height:1.8;color:#7586a3;text-align:center;margin-top:21px}.signin-notice{padding:13px 14px;border:1px solid #00f0ff30;border-radius:9px;color:#a9e9e8;font-size:11px;line-height:1.65;background:#00f0ff09;display:flex;gap:10px;margin-top:20px}.signin-notice.error{color:#f3b4c4;border-color:#ff678633;background:#ff67860a}.signin-notice svg{flex-shrink:0;margin-top:2px}.signin-footer{max-width:1390px;margin:0 auto;padding:0 64px 26px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.17em;color:#5e708e}.signin-loading{min-height:100dvh;display:flex;justify-content:center;align-items:center;gap:14px;color:#aabbd2;font-size:13px}.signin-loading span{width:8px;height:8px;background:#00f0ff;border-radius:50%;box-shadow:0 0 20px #00f0ff55}.account-signout{background:transparent;color:#91a2be;border:1px solid #8798b82b;border-radius:8px;padding:9px 12px;font-size:10px;white-space:nowrap}.account-signout:hover{color:#00f0ff;border-color:#00f0ff66}@media(max-width:1000px){body[data-screen=login] #main.signin-main{gap:40px;padding:45px 36px}.signin-header{padding:0 36px}.signin-card{padding:32px 27px}.signin-story h1{font-size:49px}.signin-modes{gap:18px}.signin-card h2{font-size:37px}.signin-footer{padding:0 36px 24px}}@media(max-width:700px){.signin-header{height:75px;padding:0 23px}.signin-brand{gap:11px}.signin-brand strong{font-size:20px}.signin-brand>svg{width:23px}.signin-preview{font-size:6px;letter-spacing:.1em}body[data-screen=login] #main.signin-main{grid-template-columns:1fr;padding:32px 23px 38px;gap:26px;min-height:0}.signin-story h1{font-size:41px;margin:16px 0}.signin-story>.eyebrow{font-size:7px}.signin-intro{font-size:11px;line-height:1.7;max-width:205px}.signin-stage{position:absolute;width:145px;height:165px;right:-17px;bottom:-4px;pointer-events:none;transform:scale(.76);transform-origin:bottom right}.signin-stage-tag,.signin-beam,.signin-modes{display:none}.signin-character{top:-5px}.signin-grid{inset:50% -15% -25%}.signin-ring{bottom:0;width:140px;left:calc(50% - 70px);height:35px}.signin-card{padding:29px 26px;border-radius:17px}.signin-emblem{width:43px;height:43px;margin-bottom:21px;border-radius:12px}.signin-emblem svg{width:23px}.signin-card h2{font-size:35px;margin:13px 0 17px}.signin-card h2 br{display:none}.signin-description{font-size:12px}.signin-button{margin-top:24px;font-size:11px;gap:9px}.signin-explanation{font-size:9px}.signin-access{margin-top:20px;padding:18px 0}.signin-footer{padding:0 23px 24px;font-size:6px}.account-signout{font-size:8px;padding:7px 8px}.topbar-right{gap:9px}}