:root{color-scheme:light;--paper: #eee7d8;--ink: #20201d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.6),transparent 28%),linear-gradient(135deg,#f4efe4 0%,var(--paper) 47%,#e1d5be 100%);color:var(--ink);font-family:ui-serif,Songti SC,"Noto Serif CJK SC",Georgia,serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}body:before{position:fixed;inset:0;pointer-events:none;content:"";opacity:.35;background-image:linear-gradient(rgba(58,50,39,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(58,50,39,.04) 1px,transparent 1px);background-size:42px 42px;mix-blend-mode:multiply}button,input{font:inherit}.shell,.startup-screen,.home-screen,.settings-screen,.intro-screen,.editor-screen{position:fixed;inset:0}.home-screen,.settings-screen{z-index:1;display:grid;place-items:center;padding:24px}.home-screen.is-preview{pointer-events:none}.startup-screen{z-index:5;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 34%,rgba(255,253,247,.52),transparent 34%),linear-gradient(135deg,#f4efe4 0%,var(--paper) 50%,#dfd2bb 100%);cursor:default;outline:none}.startup-screen:before{position:absolute;inset:0;content:"";opacity:.28;background-image:linear-gradient(rgba(58,50,39,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(58,50,39,.04) 1px,transparent 1px);background-size:42px 42px;mix-blend-mode:multiply}.startup-screen.is-leaving{pointer-events:none;animation:startupScreenFade .68s ease forwards}.startup-ink-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.startup-ink-dot{position:absolute;display:block;border-radius:var(--ink-radius);opacity:0;background:radial-gradient(ellipse at 43% 46%,var(--ink-core) 0%,var(--ink-core) 18%,var(--ink-wash) 48%,transparent 76%),radial-gradient(ellipse at 66% 58%,var(--ink-edge),transparent 50%),radial-gradient(ellipse at 30% 66%,rgba(247,242,232,.18),transparent 36%);filter:blur(1.2px);mix-blend-mode:multiply;transform:translate(-50%,-50%) scale(.18) rotate(0) scaleX(var(--ink-ratio-x)) scaleY(var(--ink-ratio-y));animation:startupInkDot 8.6s ease-in-out infinite}.startup-ink-dot:before,.startup-ink-dot:after{position:absolute;inset:-18%;border-radius:inherit;content:"";pointer-events:none}.startup-ink-dot:before{background:radial-gradient(ellipse at 38% 42%,var(--ink-wash),transparent 46%),radial-gradient(ellipse at 70% 54%,var(--ink-edge),transparent 38%);filter:blur(10px);transform:rotate(13deg) scaleX(1.18) scaleY(.9)}.startup-ink-dot:after{inset:8%;background:radial-gradient(ellipse at 26% 44%,rgba(247,242,232,.22),transparent 18%),radial-gradient(ellipse at 58% 66%,rgba(247,242,232,.16),transparent 14%),radial-gradient(ellipse at 72% 36%,rgba(24,24,21,.12),transparent 18%);mix-blend-mode:screen}.startup-logo{position:relative;z-index:1;align-self:start;margin-top:min(22vh,190px);text-align:center}.startup-logo h1{margin:0;color:#20201ddb;font-size:clamp(46px,7.2vw,98px);font-weight:500;line-height:.9;letter-spacing:0;text-shadow:0 18px 60px rgba(45,38,28,.12);animation:startupLogoIn .76s ease both}.startup-logo small{display:block;margin-top:16px;color:#20201d75;font-size:clamp(15px,1.8vw,20px);letter-spacing:.16em}.startup-progress{position:absolute;right:max(28px,calc((100vw - min(100vw,860px))/2 + 28px));bottom:46px;left:max(28px,calc((100vw - min(100vw,860px))/2 + 28px));z-index:1;height:16px;border-radius:999px;opacity:1;transition:opacity .36s ease,transform .36s ease}.startup-progress span{position:relative;display:block;width:0;height:9px;margin-top:4px;border-radius:inherit;background:linear-gradient(90deg,#181815eb,#181815a8 72%,#1818152e);box-shadow:0 1px #20201d2e,0 6px 18px #2d261c1f;transition:width .18s ease}.startup-progress span:before,.startup-progress span:after{position:absolute;inset:-3px 0;border-radius:999px;content:"";pointer-events:none}.startup-progress span:before{background:radial-gradient(ellipse at 8% 40%,rgba(24,24,21,.28),transparent 18%),radial-gradient(ellipse at 32% 65%,rgba(247,242,232,.32),transparent 14%),radial-gradient(ellipse at 62% 35%,rgba(247,242,232,.24),transparent 12%),radial-gradient(ellipse at 88% 55%,rgba(24,24,21,.2),transparent 18%);mix-blend-mode:screen}.startup-progress span:after{right:-10px;left:auto;width:28px;background:radial-gradient(ellipse at 0% 50%,rgba(24,24,21,.5),rgba(24,24,21,.06) 58%,transparent 70%)}.startup-screen.is-ready{cursor:pointer}.startup-screen.is-ready .startup-progress{opacity:0;transform:translateY(8px)}.startup-enter{position:absolute;right:28px;bottom:clamp(86px,13vh,132px);left:28px;z-index:1;color:#20201d94;font-size:clamp(16px,2vw,22px);letter-spacing:.08em;text-align:center;opacity:0;transform:translateY(10px);transition:opacity .42s ease,transform .42s ease;pointer-events:none}.startup-screen.is-ready .startup-enter{opacity:1;transform:translateY(0);animation:startupEnterPulse 1.8s ease-in-out infinite}@keyframes startupLogoIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes startupInkDot{0%{opacity:0;filter:blur(.4px);transform:translate(-50%,-50%) scale(.16) rotate(0) scaleX(var(--ink-ratio-x)) scaleY(var(--ink-ratio-y))}18%{opacity:.68;filter:blur(.95px);transform:translate(-50%,-50%) scale(.72) rotate(5deg) scaleX(var(--ink-ratio-x)) scaleY(var(--ink-ratio-y))}64%{opacity:.54;filter:blur(1.8px);transform:translate(-50%,-50%) scale(1.18) rotate(13deg) scaleX(var(--ink-ratio-x)) scaleY(var(--ink-ratio-y))}82%{opacity:.34;filter:blur(2.4px);transform:translate(-50%,-50%) scale(1.34) rotate(19deg) scaleX(var(--ink-ratio-x)) scaleY(var(--ink-ratio-y))}to{opacity:0;filter:blur(3px);transform:translate(-50%,-50%) scale(1.52) rotate(26deg) scaleX(var(--ink-ratio-x)) scaleY(var(--ink-ratio-y))}}@keyframes startupScreenFade{to{opacity:0}}@keyframes startupEnterPulse{0%,to{opacity:.58}50%{opacity:.86}}.home-nav{position:fixed;top:24px;right:28px;left:28px;display:flex;align-items:center;justify-content:flex-end;z-index:3;pointer-events:none}.home-actions{display:flex;gap:8px;pointer-events:auto}.home-screen.is-song-mode .home-actions{opacity:.52}.home-nav>div>span,.settings-panel header>div>span{display:block;font-size:30px;line-height:1}.home-nav>div>small,.settings-panel header>div>small{display:block;color:#20201d70;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.settings-panel button,.start-button,.mode-button,.mode-option,.mode-confirm,.difficulty-option,.result-header button,.menu-panel button{border:0;border-radius:6px;background:#fffdf785;color:var(--ink);cursor:pointer;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.settings-panel button:hover,.settings-entry:hover,.start-button:not(:disabled):hover,.mode-button:hover,.mode-option:hover,.mode-confirm:hover,.difficulty-option:hover,.result-header button:hover,.menu-panel button:hover{transform:translateY(-1px)}.settings-entry{display:inline-flex;align-items:center;gap:7px;min-width:76px;min-height:34px;padding:0 13px;border:0;border-radius:999px;background:#fffdf752;color:#20201dad;box-shadow:0 8px 22px #2d261c14,inset 0 1px #ffffff5c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.settings-entry svg{width:15px;height:15px}.settings-entry span{font-size:13px;letter-spacing:.04em}.settings-entry:hover{background:#fffdf785}.editor-screen{z-index:1;display:grid;grid-template-rows:auto 1fr;gap:14px;padding:22px}.editor-topbar,.editor-panel,.lane-panel,.editor-transport{border-radius:8px;background:#f7f2e89e;box-shadow:0 18px 60px #2d261c1a,inset 0 1px #ffffff52;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.editor-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.editor-topbar>div>span{display:block;font-size:26px;line-height:1}.editor-topbar>div>small{display:block;margin-top:4px;color:#20201d7a;font-size:12px}.editor-actions,.tool-grid,.editor-transport{display:flex;align-items:center;gap:8px}.editor-actions button,.tool-grid button,.editor-transport button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:0;border-radius:6px;background:#fffdf770;color:#20201db8;font-size:13px;cursor:pointer}.editor-actions button span,.tool-grid button span,.editor-transport button span,.danger-button span{font-size:inherit;line-height:1}.editor-layout{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr) minmax(190px,230px);gap:14px;min-height:0}.editor-panel,.lane-panel{overflow:auto;padding:14px}.editor-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0}.editor-panel-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:8px;background:#fffdf742;box-shadow:inset 0 0 0 1px #20201d14}.editor-panel-tabs button{min-width:0;min-height:30px;border:0;border-radius:6px;background:transparent;color:#20201d8a;font-size:12px;cursor:pointer}.editor-panel-tabs button.is-active{background:#20201dc2;color:#f7f2e8f0}.editor-tab-panel{overflow:auto;min-height:0;padding-right:2px}.editor-panel h2,.lane-panel h2{margin:0 0 10px;color:#20201da8;font-size:14px;font-weight:500}.file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:34px;margin-bottom:8px;border-radius:6px;background:#fffdf770;color:#20201db8;font-size:13px;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.editor-field,.selected-editor label{display:grid;gap:6px;margin-bottom:10px;color:#20201d8f;font-size:12px}.editor-field input,.editor-field select,.selected-editor input,.selected-editor select,.selected-editor textarea,.wide-select{width:100%;min-height:34px;border:0;border-radius:6px;background:#fffdf775;color:#20201dbd;padding:0 10px;font:inherit}.selected-editor textarea{min-height:132px;padding:10px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.45}.editor-range-field{gap:8px}.editor-range-control{display:grid;grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:8px}.editor-range-control input[type=range]{width:100%;min-height:24px;padding:0;appearance:none;background:transparent}.editor-range-control input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#20201d3d}.editor-range-control input[type=range]::-webkit-slider-thumb{width:15px;height:15px;margin-top:-5.5px;appearance:none;border-radius:50%;background:#20201dc7}.editor-range-control input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:#20201d3d}.editor-range-control input[type=range]::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:#20201dc7}.editor-range-control output{color:#20201da8;font-size:12px;text-align:right}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr)}.tool-grid button{min-width:0}.tool-grid button.is-active{background:#20201dc7;color:#f7f2e8f2}.wide-select{margin-top:10px}.tool-direction-field{margin-top:12px}.tool-opacity-field{margin-top:10px}.selected-editor{display:grid}.event-editor{display:grid;gap:7px;margin:2px 0 10px}.event-editor-head,.event-card,.event-card-top,.event-card-grid,.event-path-points,.event-path-point-row,.event-center-grid,.event-value-grid{display:grid;align-items:center;gap:6px}.event-editor-head{grid-template-columns:1fr auto auto auto;color:#20201d8f;font-size:12px}.event-editor-head button,.event-card button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:6px;background:#b43d3024;color:#7e2c25db;box-shadow:none;cursor:pointer}.event-editor-head button{min-height:24px;padding:0 7px;border:1px solid rgba(32,32,29,.12);background:#fffdf761;color:#20201d94;font-size:11px}.event-editor-head button svg{width:12px;height:12px}.event-editor-head button:hover{background:#fffdf794;color:#20201dbd}.event-card button{min-height:28px;padding:0 8px;background:#b43d3024;color:#7e2c25db;font-size:12px}.event-card button:hover{background:#b43d3033}.event-card{align-items:stretch;padding:8px;border-radius:6px;background:#fffdf747;box-shadow:inset 0 0 0 1px #20201d14}.event-card-top{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) 30px}.event-card-grid{grid-template-columns:70px 70px minmax(0,1fr)}.event-value-grid,.event-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-card label{display:grid;gap:3px;margin:0;color:#20201d7a;font-size:10px}.event-card select,.event-card input{width:100%;min-height:28px;border:0;border-radius:4px;background:#fffdf77a;color:#20201db3;padding:0 5px;font:inherit;font-size:11px}.event-card input{text-align:right}.event-target-field input{text-align:left}.event-path-points{gap:5px}.event-path-hint{color:#20201d70;font-size:10px}.event-path-point-row{grid-template-columns:38px minmax(0,1fr) minmax(0,1fr) 26px 26px;gap:5px}.event-path-point-row>span{color:#20201d85;font-size:11px}.event-card .event-path-point-row button{min-height:26px;padding:0}.event-card .event-path-point-row button:first-of-type{background:#fffdf780;color:#20201d9e}.event-card .event-path-point-row button:disabled{opacity:.34;cursor:default}.event-easing-field input{text-align:left}.event-curve-preview{width:100%;height:44px;border-radius:5px;background:#f7f2e852;box-shadow:inset 0 0 0 1px #20201d14}.event-curve-grid{fill:none;stroke:#20201d24;stroke-width:1}.event-curve-line{fill:none;stroke:#20201db8;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.selected-editor .event-custom-easing{margin:0}.event-custom-easing input{text-align:left}.hold-path-editor{display:grid;gap:6px;margin:2px 0 12px}.hold-path-actions,.hold-point-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:6px}.hold-path-actions>span,.hold-point-row>span{color:#20201d85;font-size:12px}.hold-path-actions button{min-height:28px;padding:0 9px;font-size:12px}.hold-point-row input{width:58px;min-height:30px;padding:0 8px;text-align:right}.danger-button{background:#b43d3024;color:#7e2c25db}.empty-copy{margin:0;color:#20201d70;font-size:13px;line-height:1.5}.editor-main{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;min-width:0;min-height:0}.editor-preview{width:100%;aspect-ratio:16 / 9;align-self:center;display:block;border-radius:8px;background:#f7f2e866;box-shadow:0 24px 90px #2d261c1f;cursor:crosshair}.editor-transport{padding:10px}.editor-transport input[type=range]{flex:1;appearance:none;height:24px;background:transparent}.editor-transport input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#20201d47}.editor-transport input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;appearance:none;border-radius:50%;background:#20201dc7}.editor-transport output{min-width:64px;color:#20201d8f;font-size:13px;font-variant-numeric:tabular-nums;text-align:right}.lane-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.lane-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.lane-panel header h2{margin:0}.lane-panel header label{display:flex;align-items:center;gap:6px;color:#20201d8c}.lane-panel header input{width:86px;appearance:none;background:transparent}.lane-panel header input::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:#20201d40}.lane-panel header input::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px;appearance:none;border-radius:50%;background:#20201db8}.one-key-lane{position:relative;overflow-x:auto;overflow-y:hidden;min-height:0;height:520px;border-radius:8px;background:#fffdf752;box-shadow:inset 0 0 0 1px #20201d14;cursor:crosshair;scrollbar-width:thin;scrollbar-color:rgba(32,32,29,.26) transparent}.one-key-lane::-webkit-scrollbar{height:7px}.one-key-lane::-webkit-scrollbar-track{background:transparent}.one-key-lane::-webkit-scrollbar-thumb{border-radius:999px;background:#20201d3d}.one-key-lane-content{position:relative;min-width:100%;height:100%}.judge-line{position:absolute;right:0;left:0;z-index:3;height:2px;background:#b43d3094;box-shadow:0 0 0 .5px #f7f2e857;pointer-events:none}.lane-line{position:absolute;right:8px;left:8px;height:1px;background:#20201d1a}.lane-line.is-beat{background:#20201d2e}.lane-line.is-bar{background:#141412ad}.lane-note{position:absolute;left:50%;z-index:2;width:26px;height:4px;border:0;border-radius:1px;background:#181815db;color:transparent;transform:translate(-50%,-50%);cursor:pointer}.lane-note span{display:none}.lane-note.is-flicker{background:#b43d30e0}.lane-note.is-drag{height:4px;background:transparent;box-shadow:inset 0 0 0 1px #181815d1}.lane-note.is-dragFlicker{height:4px;background:transparent;box-shadow:inset 0 0 0 1px #b43d30e0}.lane-note.is-slider{border-radius:1px;background:#2f70b094;transform:translate(-50%);cursor:grab}.lane-note.is-hold{border-radius:999px;background:#20201d80;box-shadow:inset 0 0 0 1px #f7f2e87a;transform:translate(-50%);cursor:grab}.lane-note.is-duration{transform:translate(-50%);cursor:grab}.lane-note.has-approach{background:#1818156b}.lane-note.is-flicker.has-approach{background:#b43d3075}.lane-note.is-drag.has-approach{background:#1818152e;box-shadow:inset 0 0 0 1px #181815b8}.lane-note.is-dragFlicker.has-approach{background:#b43d3033;box-shadow:inset 0 0 0 1px #b43d30c7}.lane-note.is-slider.has-approach{background:#2f70b075}.lane-note.is-hold.has-approach{background:#20201d57}.lane-note.is-text.has-approach{background:#2a7e6a75}.lane-note.is-text{min-width:10px;height:8px;border-radius:999px;background:#2a7e6ad6}.lane-note.is-shape{min-width:10px;height:5px;border-radius:1px;background:#20201d5c;box-shadow:inset 0 0 0 1px #20201d94}.lane-note.is-eventSet{min-width:10px;height:5px;border-radius:2px;background:#7e541fb8;transform:translate(-50%)}.lane-note.is-text span,.lane-note.is-shape span,.lane-note.is-eventSet span{position:absolute;left:calc(100% + 6px);top:50%;display:block;max-width:72px;overflow:hidden;color:#20201d8f;font-size:10px;line-height:1;text-overflow:ellipsis;white-space:nowrap;transform:translateY(-50%);pointer-events:none}.lane-note.is-active{outline:1px solid rgba(196,142,38,.88);outline-offset:3px}.lane-hold-point{position:absolute;right:-7px;left:-7px;z-index:3;height:1px;background:#1c548ee6;box-shadow:0 0 0 .5px #f7f2e89e;transform:translateY(-.5px);cursor:ns-resize}.lane-trigger-point,.lane-approach-point,.lane-duration-end{position:absolute;right:-6px;left:-6px;z-index:4;height:1px;transform:translateY(-.5px)}.lane-trigger-point{background:#141412b8;pointer-events:none}.lane-approach-point{background:#c48e26e6;cursor:ns-resize}.lane-duration-end{background:#7e541fe6;cursor:ns-resize}.lane-hold-point.is-head,.lane-hold-point.is-tail{height:2px;transform:translateY(-1px)}.song-select{position:relative;display:grid;grid-template-columns:minmax(250px,.36fr) minmax(0,.64fr);align-items:center;width:min(1180px,calc(100vw - 44px),calc((100vh - 74px)*1.82));aspect-ratio:1180 / 648;min-height:0;gap:34px;margin-top:22px;animation:homePanelIn .36s cubic-bezier(.22,.9,.24,1) both}.pack-select{display:grid;grid-template-columns:58px minmax(0,1180px) 58px;align-items:center;gap:14px;width:min(1340px,calc(100vw - 48px));min-height:min(620px,calc(100vh - 118px));margin-top:44px;animation:homePanelIn .36s cubic-bezier(.22,.9,.24,1) both}.pack-carousel-frame{position:relative;min-width:0;overflow:visible}.pack-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(420px,52vw,620px);align-items:center;gap:30px;overflow-x:auto;overflow-y:hidden;padding:96px clamp(170px,18vw,240px);scroll-snap-type:x mandatory;scroll-padding-inline:clamp(170px,18vw,240px);scrollbar-width:none}.pack-carousel::-webkit-scrollbar{display:none}.pack-card{position:relative;overflow:hidden;display:grid;align-content:end;aspect-ratio:2 / 1;min-height:0;padding:24px 28px;border:0;border-radius:8px;background:#f7f2e894;color:#fffdf7eb;text-align:left;scroll-snap-align:center;box-shadow:0 16px 36px #2d261c29;cursor:pointer;transition:transform .22s ease,opacity .22s ease,box-shadow .22s ease}.pack-card:not(.is-active){opacity:.52;transform:scale(.88)}.pack-card.is-active{transform:scale(1.06);box-shadow:0 30px 56px #2d261c3d}.pack-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pack-card:after{position:absolute;inset:0;background:linear-gradient(180deg,#20201d0a,#20201d1f 42%,#20201db8),radial-gradient(ellipse at 12% 12%,#fffdf729,#fffdf700);content:""}.pack-card span,.pack-card small{position:relative;z-index:1;display:block}.pack-card span{font-size:32px;font-weight:500;line-height:1}.pack-card small{margin-top:8px;color:#fffdf7ad;font-size:13px}.pack-nav-button{width:56px;height:72px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#20201d94;cursor:pointer;transition:color .18s ease,transform .18s ease}.pack-nav-button:hover{color:#20201dc7;transform:scale(1.08)}.song-list-frame{position:relative;width:100%;height:100%;min-height:0;padding:18px 0 24px;overflow:visible}.song-track-title{position:absolute;top:0;right:18px;left:46px;z-index:2;overflow:hidden;color:#20201da3;font-size:clamp(15px,1.7vw,22px);line-height:1;text-overflow:ellipsis;white-space:nowrap}.song-track{position:absolute;inset:42px 0 18px;overflow:visible;cursor:grab}.song-track:active{cursor:grabbing}.song-track-line{position:absolute;top:18%;bottom:18%;left:10px;width:1px;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(32,32,29,.18) 16%,rgba(32,32,29,.38) 50%,rgba(32,32,29,.18) 84%,transparent);z-index:0}.song-track-center{position:absolute;top:50%;right:2px;left:0;height:1px;border-radius:0;background:linear-gradient(90deg,rgba(32,32,29,.34),rgba(32,32,29,.1) 54%,transparent);box-shadow:none;transform:translateY(-50%);pointer-events:none;z-index:1}.song-list{position:absolute;top:50%;right:10px;left:0;display:grid;grid-auto-rows:76px;gap:0;transform:translateY(calc(-1 * var(--song-index) * 76px - 38px));transition:transform .36s cubic-bezier(.22,.9,.24,1);will-change:transform;z-index:2}.pack-back-button{position:fixed;top:12px;left:12px;z-index:4;display:grid;place-items:center;width:66px;height:66px;padding:0;border:0;border-radius:0 0 8px;background:transparent;color:#20201db3;cursor:pointer;transition:color .16s ease,transform .16s ease}.pack-back-button:hover{color:#20201dd6;transform:translate(-2px)}.pack-back-button span{display:none}.song-card{position:relative;width:100%;height:76px;padding:0 18px 0 34px;border:0;border-radius:0;background:transparent;color:rgba(32,32,29,calc(.68 - var(--song-distance) * .07));text-align:left;cursor:pointer;box-shadow:none;opacity:var(--song-opacity);transform:none;transform-origin:left center;transition:background .16s ease,box-shadow .16s ease,color .16s ease,opacity .22s ease,transform .16s ease}.song-card.is-active{background:#fffdf7d1;box-shadow:0 16px 34px #2d261c24,inset 0 1px #ffffff80,inset 0 0 0 1px #20201d29;border-radius:0;color:#20201de6;opacity:1;text-shadow:0 10px 24px rgba(45,38,28,.12);transition:background .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.song-card.is-active span{font-size:clamp(19px,2.25vw,28px)}.song-card.is-active small{font-size:clamp(11px,1.1vw,14px)}.song-card:hover{color:#20201de0}.song-card span,.song-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-card span{font-size:clamp(16px,1.9vw,24px);line-height:1.1}.song-card small{margin-top:6px;color:#20201d6b;font-size:clamp(10px,1vw,13px);letter-spacing:.04em}.song-showcase{position:relative;align-self:center;justify-self:center;width:min(720px,100%);min-width:0;padding:0 0 74px}.song-detail{position:relative;overflow:hidden;min-height:0;aspect-ratio:2 / 1;border:0;border-radius:8px;background:#f7f2e894;box-shadow:0 24px 90px #2d261c21;animation:songArtworkIn .62s ease both}.song-detail img{width:100%;height:100%;display:block;object-fit:cover}.song-info-card{position:absolute;right:clamp(-34px,-3vw,-18px);bottom:0;width:min(410px,calc(100% - 44px));padding:18px;border:0;border-radius:8px;background:#f7f2e873;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 18px 60px #2d261c29,inset 0 1px #ffffff80;animation:songInfoIn .56s ease both}.trial-loading{position:absolute;top:12px;right:14px;display:grid;grid-template-columns:auto auto;align-items:center;gap:6px 8px;color:#20201d8a;font-size:11px;pointer-events:none}.trial-loading>span{width:13px;height:13px;border:1px solid rgba(32,32,29,.18);border-top-color:#20201d9e;border-radius:999px;animation:trialLoadingSpin .78s linear infinite}.trial-loading small{font-size:inherit}.trial-loading div{grid-column:1 / -1;overflow:hidden;width:112px;height:3px;border-radius:999px;background:#20201d1f}.trial-loading b{display:block;width:100%;height:100%;border-radius:inherit;background:#20201d75;transform-origin:left center;transition:transform .12s ease}.song-info-main{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:14px}.song-info-card h1{margin:0;font-size:clamp(28px,3.8vw,44px);font-weight:500;line-height:.96}.song-info-card p{margin:8px 0 0;color:#20201d94;font-size:15px}.start-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}.start-button,.mode-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 18px;border:0;border-radius:8px;background:#fffdf752;box-shadow:0 8px 22px #2d261c14,inset 0 1px #ffffff5c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.start-button{width:100%;color:#20201dc2;font-size:15px;letter-spacing:.08em}.start-button svg{width:16px;height:16px}.start-button span,.start-button svg,.mode-button span,.mode-button svg,.difficulty-option span,.mode-option span,.mode-option svg,.mode-confirm{position:relative;z-index:1}.mode-button{min-width:68px;padding:0 12px;color:#20201dad;font-size:13px;letter-spacing:.04em}.mode-button.is-active{color:#20201dd6;background:#fffdf7ad;box-shadow:0 8px 22px #2d261c1a,inset 0 1px #ffffff6b,inset 0 0 0 1px #20201d57}.start-button:not(:disabled):hover{background:#fffdf78a;color:#20201dd6}.start-button:disabled{opacity:.45;cursor:default}.mode-dialog-backdrop{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:24px;background:#eee7d857;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mode-dialog{display:grid;justify-items:center;gap:18px;width:min(340px,calc(100vw - 48px));padding:22px;border-radius:8px;background:#f7f2e8c2;box-shadow:0 24px 90px #2d261c29,inset 0 1px #ffffff70;-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12)}.mode-options{display:flex;justify-content:center;gap:10px}.mode-option{position:relative;overflow:hidden;display:grid;place-items:center;gap:6px;min-width:86px;min-height:74px;padding:10px;border:0;border-radius:8px;background:#fffdf752;color:#20201da8;font-size:12px;letter-spacing:.02em;box-shadow:0 8px 22px #2d261c14,inset 0 1px #ffffff5c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mode-option.is-active{color:#20201de0;background:#fffdf7ad;box-shadow:0 8px 22px #2d261c1a,inset 0 1px #ffffff6b,inset 0 0 0 1px #20201d5c}.mode-confirm{min-width:120px;min-height:38px;padding:0 20px;border:0;border-radius:8px;background:#fffdf76b;color:#20201dc7;font-size:14px;letter-spacing:.08em;box-shadow:0 8px 22px #2d261c14,inset 0 1px #ffffff5c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.difficulty-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;margin-bottom:14px;padding-top:12px;box-shadow:inset 0 1px #20201d1a}.difficulty-option{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:0;border-radius:8px;background:#fffdf74d;color:#20201da8;text-align:center;box-shadow:0 8px 22px #2d261c0f,inset 0 1px #ffffff57;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.difficulty-option span{font-size:14px;line-height:1.1}.difficulty-option:hover{background:#fffdf77a;transform:translateY(-1px)}.difficulty-option.is-active{background:#fffdf794;color:#20201de0;box-shadow:0 8px 22px #2d261c14,inset 0 1px #ffffff6b}@keyframes homePanelIn{0%{opacity:0;transform:translateY(14px) scale(.992);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes songArtworkIn{0%{opacity:.78;transform:translateY(3px) scale(.998);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes songInfoIn{0%{opacity:.82;transform:translate(4px,2px)}to{opacity:1;transform:translate(0)}}@keyframes trialLoadingSpin{to{transform:rotate(360deg)}}.intro-screen{z-index:4;display:grid;place-items:center;overflow:hidden;background:#eee7d8}.intro-bg{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(0);opacity:.78;animation:introArtwork 2.6s cubic-bezier(.22,.9,.24,1) forwards}.intro-screen:after{position:absolute;inset:0;content:"";background:radial-gradient(circle at 50% 44%,#eee7d859,#eee7d8c7 62%),linear-gradient(180deg,#eee7d84d,#eee7d8d1)}.intro-copy{position:relative;z-index:1;text-align:center;color:#20201dd1;opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease;animation:introCopyIn .72s ease both}.intro-screen.is-complete .intro-copy{opacity:0;transform:translateY(-12px)}.intro-copy small,.intro-copy span{display:block;color:#20201d80;font-size:15px;letter-spacing:.18em;text-transform:uppercase}.intro-copy h1{margin:12px 0 10px;font-size:clamp(58px,10vw,132px);font-weight:500;line-height:.9}.intro-copy p{margin:0 0 18px;font-size:clamp(24px,4vw,42px)}.intro-progress{position:absolute;right:max(28px,calc((100vw - min(100vw,1180px))/2 + 28px));bottom:42px;left:max(28px,calc((100vw - min(100vw,1180px))/2 + 28px));z-index:1;height:4px;overflow:hidden;border-radius:999px;background:#20201d24;box-shadow:0 0 0 1px #f7f2e85c,0 10px 24px #2d261c1f;animation:introProgressIn .82s ease forwards}.intro-progress span{display:block;width:0;height:100%;border-radius:inherit;background:#20201db8;transition:width .18s ease}@keyframes introArtwork{0%{transform:scale(.78);filter:blur(0)}42%{transform:scale(1.04);filter:blur(8px)}to{transform:scale(1.16);filter:blur(16px)}}@keyframes introCopyIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes introProgressIn{0%,42%{opacity:0;transform:translateY(8px)}56%,to{opacity:1;transform:translateY(0)}}.settings-layout{display:grid;grid-template-columns:minmax(480px,560px) minmax(280px,360px);align-items:stretch;gap:18px;width:min(960px,calc(100vw - 40px));animation:settingsDuangIn .24s ease-out both;transform-origin:50% 48%}.settings-panel,.latency-panel{padding:20px;border:0;border-radius:8px;background:#f7f2e8b8;box-shadow:0 24px 90px #2d261c24,inset 0 1px #ffffff5c}@keyframes settingsDuangIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-panel header,.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-panel header{margin-bottom:18px}.settings-panel button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:68px;min-height:34px;padding:0 12px;background:#fffdf780;color:#20201dad;font-size:13px;box-shadow:0 6px 18px #2d261c0f}.setting-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(230px,1.15fr);padding:18px 0;border-top:0}.setting-row+.setting-row{box-shadow:inset 0 1px #20201d14}.setting-row b,.setting-row small{display:block}.setting-row b{font-size:18px;font-weight:500}.setting-row small{margin-top:4px;color:#20201d7a;font-size:12px}.range-control{display:grid;grid-template-columns:1fr 78px;align-items:center;gap:14px}.range-control input[type=range]{width:100%;height:26px;margin:0;appearance:none;background:transparent}.range-control input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#20201d47}.range-control input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px;appearance:none;border:2px solid rgba(32,32,29,.68);border-radius:50%;background:#f7f2e8f0;box-shadow:0 4px 14px #2d261c29}.range-control input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:#20201d47}.range-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid rgba(32,32,29,.68);border-radius:50%;background:#f7f2e8f0}.range-control output{min-height:34px;display:grid;place-items:center;border:0;border-radius:6px;background:#fffdf76b;color:#20201dad;font-size:14px;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px #ffffff47}.latency-panel{display:grid;grid-template-rows:1fr auto;gap:14px}.latency-stage{position:relative;display:grid;place-items:center;min-height:310px;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 50% 44%,rgba(255,253,247,.54),transparent 46%),linear-gradient(135deg,#f4efe4a3,#dfd2bb6b)}.latency-stage:before{position:absolute;inset:18px;border:1px solid rgba(32,32,29,.1);border-radius:999px;content:""}.latency-canvas{position:relative;z-index:1;width:min(100%,420px);height:auto;aspect-ratio:21 / 16;border:0;background:transparent;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.latency-status{position:absolute;right:18px;bottom:20px;left:18px;z-index:2;display:grid;justify-items:center;gap:5px;min-height:52px;color:#20201d94;font-variant-numeric:tabular-nums;text-align:center;pointer-events:none}.latency-calibration{display:grid;grid-template-columns:auto auto;justify-content:center;justify-items:center;align-items:center;gap:12px;height:40px;min-height:40px}.latency-calibration button{display:inline-flex;align-items:center;justify-content:center;gap:7px;justify-self:center;min-width:68px;min-height:34px;padding:0 12px;border:0;border-radius:6px;background:#fffdf780;color:#20201dad;font-size:13px;box-shadow:0 6px 18px #2d261c0f;cursor:pointer;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.latency-calibration button:not(:disabled):hover{transform:translateY(-1px)}.latency-calibration button:disabled{opacity:.52;cursor:default}.latency-calibration-results{display:grid;grid-template-columns:auto repeat(4,minmax(46px,auto));align-items:center;justify-content:center;justify-self:center;gap:8px;color:#20201d94;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.latency-calibration-results span{color:#20201d8a}.latency-calibration-results b{min-width:42px;color:#20201d70;font-weight:500;text-align:center}.latency-calibration-results b.is-current{color:#236ab2eb}.latency-calibration-results.is-finished{grid-template-columns:auto auto;justify-self:center}@media(max-width:860px){.settings-layout{grid-template-columns:1fr;width:min(560px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto}}#game,.game-backdrop{position:fixed}.game-backdrop{inset:0;z-index:0;overflow:hidden;background:#eee7d8;pointer-events:none}.game-backdrop img{width:100%;height:100%;display:block;object-fit:cover;filter:blur(22px) saturate(1.08);opacity:.42;transform:scale(1.08)}.game-backdrop:after{position:absolute;inset:0;content:"";background:radial-gradient(circle at 50% 42%,#eee7d83d,#eee7d8ad 64%),linear-gradient(180deg,#eee7d838,#eee7d8b8)}#game{top:50%;left:50%;z-index:1;width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);display:block;transform:translate(-50%,-50%);border:0;background:transparent;box-shadow:0 20px 80px #483e2d29;-webkit-touch-callout:none;touch-action:none}.icon-button,.score,.track,.pause-menu,.result-screen{position:fixed;z-index:2}.icon-button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:999px;background:#fffdf747;color:#20201db8;box-shadow:0 10px 26px #2d261c14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.pause-button{top:max(18px,calc((100vh - min(100vh,56.25vw))/2 + 18px));left:max(18px,calc((100vw - min(100vw,calc(100vh * 16 / 9)))/2 + 18px))}.score{top:max(20px,calc((100vh - min(100vh,56.25vw))/2 + 20px));right:max(22px,calc((100vw - min(100vw,calc(100vh * 16 / 9)))/2 + 28px));min-width:180px;text-align:right;font-variant-numeric:tabular-nums;pointer-events:none}.score span{display:block;font-size:clamp(28px,3.1vw,42px);line-height:1.1}.score .accuracy,.track small{display:block;color:#20201d6b;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.score .accuracy{margin-top:2px;font-size:clamp(12px,1.4vw,17px);text-transform:none}.track{right:max(22px,calc((100vw - min(100vw,calc(100vh * 16 / 9)))/2 + 28px));bottom:max(18px,calc((100vh - min(100vh,56.25vw))/2 + 22px));text-align:right;pointer-events:none}.track span{display:block;font-size:clamp(28px,3.3vw,42px);line-height:1.1}.track small{font-size:15px}.pause-menu,.result-screen{inset:0;display:grid;place-items:center;background:#eee7d880;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-panel{display:grid;width:min(280px,calc(100vw - 48px));gap:10px;padding:18px;border:0;border-radius:8px;background:#f7f2e8a8;box-shadow:0 24px 90px #2d261c24,inset 0 1px #ffffff5c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.menu-panel button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;background:#fffdf770;color:#20201db3;font-size:14px;box-shadow:0 6px 18px #2d261c0f}.menu-panel button svg{width:16px;height:16px}.resume-countdown{color:#20201d5c;font-size:clamp(92px,15vw,160px);font-variant-numeric:tabular-nums;line-height:1}.result-screen{z-index:3;padding:24px}.result-panel{width:min(940px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:26px 30px 28px;border:0;border-radius:8px;background:#f7f2e8b8;box-shadow:0 24px 90px #2d261c29,inset 0 1px #ffffff70;-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12)}.result-header,.result-summary,.distribution-head{display:flex;align-items:end;justify-content:space-between;gap:14px}.result-header{align-items:center;margin-bottom:22px;padding-bottom:14px;box-shadow:inset 0 -1px #20201d1a}.result-header>div>span{display:block;font-size:clamp(26px,4vw,42px);line-height:1.1}.result-header>div>small,.result-summary small,.judge-list span,.distribution-head,.result-section-title{color:#20201d7a;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.result-actions{display:flex;gap:8px}.result-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:68px;min-height:34px;border:0;border-radius:6px;background:#fffdf770;color:#20201db3;font-size:13px;cursor:pointer;box-shadow:0 6px 18px #2d261c0f}.result-actions button svg{width:15px;height:15px}.settings-panel button span,.settings-entry span,.start-button span,.menu-panel button span,.result-actions button span{font-size:inherit;line-height:1}.result-actions .is-primary{background:#20201dd1;color:#f7f2e8f5}.result-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-bottom:20px}.score-hero{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;gap:clamp(28px,5vw,64px);min-width:0;padding:0}.result-summary strong{display:block;margin-top:2px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.score-hero strong{font-size:clamp(54px,7.4vw,96px);letter-spacing:.02em}.grade-mark{position:relative;display:grid;place-items:center;min-width:0}.grade-mark span{position:relative;display:block;font-size:clamp(68px,9vw,132px);font-weight:700;font-style:italic;line-height:.82;letter-spacing:-.04em;transform:skew(-7deg) rotate(-3deg)}.grade-mark span:after{position:absolute;top:.06em;right:.08em;left:.1em;height:.18em;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,253,247,.62),transparent);content:"";opacity:.6;transform:skew(-18deg);pointer-events:none}.grade-mark.is-all-perfect{color:#8d5c08f5;text-shadow:0 0 10px rgba(255,226,112,.58),0 0 34px rgba(202,151,47,.42),8px 10px 0 rgba(121,75,9,.13),0 16px 30px rgba(82,56,16,.18)}.grade-mark.is-full-combo{color:#164c8af5;text-shadow:0 0 10px rgba(145,204,255,.5),0 0 34px rgba(47,112,176,.38),8px 10px 0 rgba(18,61,110,.12),0 16px 30px rgba(22,61,110,.16)}.grade-mark.is-omega,.grade-mark.is-s{color:#20201de6;text-shadow:7px 9px 0 rgba(32,32,29,.08),0 14px 28px rgba(45,38,28,.14)}.result-side-stats{display:grid;grid-template-columns:auto auto;align-content:center;align-items:end;gap:26px}.result-side-stats>div{display:grid;align-content:center;justify-items:end;padding:0}.result-side-stats strong{font-size:clamp(26px,4vw,40px)}.result-detail-grid{display:grid;grid-template-columns:minmax(170px,240px) minmax(0,1fr);gap:clamp(28px,5vw,54px);align-items:start;padding-top:18px;box-shadow:inset 0 1px #20201d1a}.judge-list{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:0;box-shadow:none}.judge-row{display:grid;grid-template-columns:minmax(78px,1fr) auto;align-items:baseline;gap:14px}.judge-row strong{font-size:clamp(22px,3.3vw,34px);font-weight:500;font-variant-numeric:tabular-nums;line-height:1}.judge-row.is-perfect strong{color:#9a6a18e6}.judge-row.is-great strong{color:#275b8fe0}.judge-row.is-good strong{color:#2a7e48e0}.judge-row.is-miss strong{color:#8e332ad6}.timing-card{min-width:0;margin-top:0;padding:0}.distribution-head{align-items:center;margin-bottom:8px}.distribution-head b{color:#20201db8;font-size:24px;font-weight:500;font-variant-numeric:tabular-nums;text-transform:none}.histogram{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:5px;height:132px;padding:10px 0 2px;border-bottom:1px solid rgba(32,32,29,.18)}.histogram-bar{position:relative;min-width:0;height:100%}.histogram-bar span{position:absolute;right:0;bottom:18px;left:0;min-height:2px;border-radius:3px 3px 0 0;background:#20201d61}.histogram-bar strong{position:absolute;right:0;bottom:0;left:0;color:#20201d61;font-size:9px;font-weight:400;line-height:1;text-align:center;font-variant-numeric:tabular-nums}@media(max-width:760px){.pack-select{grid-template-columns:1fr;min-height:calc(100vh - 120px)}.pack-nav-button{display:none}.pack-carousel{grid-auto-columns:minmax(320px,88vw);gap:18px;padding:64px 58px;scroll-padding-inline:58px}.pack-card{padding:18px 20px}.pack-card span{font-size:24px}.result-summary{grid-template-columns:1fr;gap:14px}.score-hero{grid-template-columns:auto minmax(0,1fr);gap:22px}.grade-mark span{font-size:clamp(56px,18vw,92px)}.score-hero strong{font-size:clamp(42px,12vw,68px)}.result-side-stats{justify-content:start;gap:22px}.result-side-stats>div{justify-items:start}.result-detail-grid{grid-template-columns:1fr;gap:18px}.judge-list{max-width:260px}.result-header{align-items:stretch;flex-direction:column}.result-actions{width:100%}.result-actions button{flex:1}}