@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";:root{--background-1: #020203;--background-1-rgb: 2, 2, 3;--background-2: #130f1a;--background-2-rgb: 19, 15, 26;--lower-band-1: #3d527a;--lower-band-1-rgb: 61, 82, 122;--lower-band-2: #496c93;--lower-band-2-rgb: 73, 108, 147;--lower-band-3: #5485ab;--lower-band-3-rgb: 84, 133, 171;--upper-band-1: #93cacd;--upper-band-1-rgb: 147, 202, 205;--upper-band-2: #aad8d8;--upper-band-2-rgb: 170, 216, 216;--upper-band-3: #c1e6e3;--upper-band-3-rgb: 193, 230, 227;--highlight-bg-1: #252b46;--highlight-bg-1-rgb: 37, 43, 70;--mask-white: #ffffff;--tactical-shadow-rgb: 0, 0, 0;--tactical-highlight-rgb: 255, 255, 255;--black: #000000;--black-rgb: 0, 0, 0;--white: #ffffff;--white-rgb: 255, 255, 255;--pill-base: #5ac1cf;--pill-shadow: #004455;--pill-shadow-rgb: 0, 68, 85;--pill-shadow-inner-rgb: 0, 50, 70;--pill-shadow-inner: #003246}[data-theme=light]{--background-1: #f4f7ee;--background-1-rgb: 244, 247, 238;--background-2: #dfecd8;--background-2-rgb: 223, 236, 216;--lower-band-1: #7aab7a;--lower-band-1-rgb: 122, 171, 122;--lower-band-2: #4f8e62;--lower-band-2-rgb: 79, 142, 98;--lower-band-3: #36725a;--lower-band-3-rgb: 54, 114, 90;--upper-band-1: #103a43;--upper-band-1-rgb: 16, 58, 67;--upper-band-2: #0a273a;--upper-band-2-rgb: 10, 39, 58;--upper-band-3: #061b39;--upper-band-3-rgb: 6, 27, 57;--highlight-bg-1: #94b88f;--highlight-bg-1-rgb: 148, 184, 143;--tactical-shadow-rgb: 0, 0, 0;--tactical-highlight-rgb: 255, 255, 255;--black: #000000;--black-rgb: 0, 0, 0;--white: #ffffff;--white-rgb: 255, 255, 255;--pill-base: #4f8e62;--pill-shadow: #103a43;--pill-shadow-rgb: 16, 58, 67;--pill-shadow-inner-rgb: 6, 27, 57;--pill-shadow-inner: #061b39}:root{--status-success: #4ade80;--status-success-rgb: 74, 222, 128;--status-error: #f87171;--status-error-rgb: 248, 113, 113;--status-medium: #f7b989;--status-medium-rgb: 247, 185, 137;--status-hard: #bc5b4c;--status-hard-rgb: 188, 91, 76;--bg-color: var(--background-1);--panel-bg: var(--background-2);--accent-color: var(--upper-band-3);--accent-color-rgb: var(--upper-band-3-rgb);--text-main: var(--upper-band-1);--text-default: var(--lower-band-3);--text-dim: var(--lower-band-1);--glass-bg: rgba(var(--background-2-rgb), .4);--glass-border: rgba(var(--upper-band-1-rgb), .15);--glow-color: var(--upper-band-2);--dull-color: var(--highlight-bg-1);--ui-scale: 1;--vertical-spacing-multiplier: 1;--margin-spacing-multiplier: 1;--category-spacing-multiplier: 1;--scenario-font-multiplier: 1;--rank-font-multiplier: 1;--launch-button-multiplier: 1;--header-font-multiplier: 1;--label-font-multiplier: 1;--dot-cloud-multiplier: 1;--dot-cloud-width-multiplier: 1;--vis-label-color: var(--lower-band-1);--vis-dot-rgb: var(--lower-band-2-rgb);--vis-highlight-rgb: var(--lower-band-3-rgb);--vis-latest-rgb: var(--lower-band-3-rgb)}html{font-size:calc(clamp(1rem,1vw + .75rem,1.5rem) * var(--ui-scale))}body{font-family:Nunito,sans-serif;font-weight:300}:root{--scenario-name-weight: 600;--scenario-name-family: "Nunito", sans-serif}.m-plus-rounded-1c-medium{font-family:"M PLUS Rounded 1c",sans-serif;font-weight:500;font-style:normal}.title-ripple{line-height:1.2;font-family:Nunito,sans-serif;font-size:calc(1.75rem * var(--label-font-multiplier));font-weight:800;letter-spacing:-.02em;text-shadow:calc(.15rem * var(--label-font-multiplier)) calc(.15rem * var(--label-font-multiplier)) calc(.1rem * var(--label-font-multiplier)) var(--upper-band-2)}h1{font-size:calc(1.75rem * var(--label-font-multiplier));font-weight:800;line-height:1.2;letter-spacing:-.02em}.nav-item{font-family:inherit;font-weight:600;font-size:1rem}.tab-button{font-family:Nunito,sans-serif;font-weight:600;font-size:1rem}.settings-action-btn{font-family:inherit;font-weight:600;font-size:.85rem}.action-status-text{font-family:Nunito,sans-serif;font-weight:600}.action-btn-large{font-size:.9rem;font-weight:800;letter-spacing:.05rem}.secondary-btn{font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05rem}.next-btn{font-size:.9rem;font-weight:800}.bonus-btn{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05rem}.column-header{font-size:calc(.65rem * var(--header-font-multiplier));font-weight:400;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.column-header span{text-align:center}.subcategory-header .column-header:last-of-type{font-size:calc(.8rem * var(--header-font-multiplier))}.vertical-text{text-transform:none;letter-spacing:.1em;font-size:calc(.9rem * var(--label-font-multiplier));font-weight:600;white-space:nowrap}.category-label .vertical-text{font-size:calc(1.1rem * var(--label-font-multiplier));text-transform:uppercase;font-weight:700}.subcategory-label .vertical-text{font-size:calc(.9rem * var(--label-font-multiplier));text-transform:lowercase;font-weight:600}.subcategory-label .vertical-text:first-letter{text-transform:uppercase}.scenario-name{font-size:calc(.8rem * var(--scenario-font-multiplier));font-weight:var(--scenario-name-weight);font-family:var(--scenario-name-family)}.rank-badge-container{font-weight:400;text-transform:uppercase}.rank-name{font-size:calc(.9rem * var(--rank-font-multiplier));font-weight:700;text-align:right}.rank-progress{font-size:calc(.65rem * var(--rank-font-multiplier));font-weight:400;text-align:left}.rank-name.unranked-text,.unranked-text{font-size:calc(.9rem * var(--rank-font-multiplier));font-weight:600}.run-score{font-size:1.1rem;font-weight:600}.run-tag{font-size:.6rem;font-weight:600;text-transform:uppercase}.rank-popup-rank-text{font-size:.85rem;font-weight:600;line-height:1.2}.settings-menu-card h2{font-size:calc(1.25rem * var(--label-font-multiplier));font-weight:700;letter-spacing:-.02em}.settings-group-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800}.setting-item label{font-size:.85rem;font-weight:500}.about-section p{font-size:calc(.9rem * var(--scenario-font-multiplier));line-height:1.5}.about-section h3{font-size:calc(.85rem * var(--label-font-multiplier));text-transform:uppercase;letter-spacing:.1em;font-weight:700}.about-quote{font-style:italic}.about-quote p{font-size:calc(.85rem * var(--scenario-font-multiplier))!important;line-height:1.6!important}.about-link-button{text-align:center;font-size:calc(.9rem * var(--scenario-font-multiplier));font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.8rem;white-space:nowrap;-webkit-font-smoothing:antialiased}.folder-status-title{font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:-.02em}.connected-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.folder-name-highlight{font-size:1.1rem;font-weight:700}.folder-action-item{font-family:Nunito,sans-serif;font-weight:600;font-size:.9rem;text-align:center}.app-introduction{line-height:1.8}.app-introduction h2{font-size:calc(2rem * var(--label-font-multiplier));letter-spacing:-.04em;font-weight:800}.app-introduction p{font-size:calc(.9rem * var(--scenario-font-multiplier))}.app-introduction code{font-family:var(--font-mono, monospace)}.ranked-header h2{font-size:calc(1.5rem * var(--label-font-multiplier));letter-spacing:-.02em}.ranked-header .subtitle{font-size:.9rem}.stat-item .label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.15rem;line-height:1}.stat-item .value{font-size:calc(1.1rem * var(--label-font-multiplier));font-weight:800;letter-spacing:-.01em}.ranked-scenario-name{font-size:calc(1.4rem * var(--label-font-multiplier));font-weight:800;letter-spacing:-.02em}.now-playing{font-size:.65rem;font-weight:900;letter-spacing:.4rem;text-transform:uppercase}.instruction{font-size:.85rem;font-style:italic}.ranked-info-card h3{font-size:1.1rem}.ranked-info-card p{font-size:.9rem;line-height:1.5}.ranked-info-card p.minor{font-size:.75rem}.hud-label,.stat-item .label{font-size:calc(.65rem * var(--header-font-multiplier));font-weight:400;letter-spacing:.1em;text-transform:uppercase}.hud-value,.stat-item .value{font-size:calc(1.2rem * var(--label-font-multiplier));font-weight:800;font-family:"M PLUS Rounded 1c",sans-serif}.stat-item .label{line-height:1}.stat-item .value{line-height:1;text-shadow:none}.stat-item .rank-name{font-size:calc(.9rem * var(--label-font-multiplier));font-weight:700;line-height:1}.stat-item .rank-name.unranked-text,.stat-item .rank-progress.unranked-text{font-weight:600!important}.stat-item .rank-progress{font-size:calc(.65rem * var(--label-font-multiplier));font-weight:400;line-height:1}.dot-cloud-container{--vis-label-weight: 400;--vis-label-family: "Nunito", sans-serif}.ranked-stats-bar{display:flex;justify-content:space-around;align-items:flex-start;padding:calc(1rem * var(--margin-spacing-multiplier));background:rgba(var(--background-2-rgb),.2);border-radius:calc(1rem * var(--margin-spacing-multiplier));margin-bottom:calc(1.5rem * var(--margin-spacing-multiplier));border:1px solid var(--glass-border)}.hud-timer,.hud-progress-container,.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hud-label,.stat-item .label{color:var(--lower-band-1)}.hud-value,.stat-item .value{color:var(--lower-band-3)}.stat-item .label{color:var(--lower-band-1);margin:0}.stat-item .value{display:flex;align-items:center;justify-content:center;gap:.2rem}.stat-item.highlight .value{color:var(--lower-band-3)}.stat-item .rank-name{color:inherit}.stat-item .rank-progress{opacity:.75}.hud-progress-track{width:12rem;height:.5rem;background:rgba(var(--lower-band-1-rgb),.1);border-radius:1rem;position:relative;overflow:visible;margin-top:.5rem}.hud-progress-fill{height:100%;background:linear-gradient(90deg,var(--lower-band-1),var(--upper-band-1));border-radius:1rem;transition:width .5s cubic-bezier(.22,1,.36,1);box-shadow:none}.nav-item.ranked-active{position:relative}.nav-item.ranked-active:after{content:"";position:absolute;bottom:-.2rem;left:15%;right:15%;height:.15rem;background:var(--accent-color);border-radius:1rem;box-shadow:none;animation:pulse-glow 2s infinite ease-in-out}@keyframes pulse-glow{0%,to{opacity:.5;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}.header-aligner{display:inline-grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;justify-content:center}.difficulty-tabs-container,.holistic-rank-container{display:flex;justify-content:center;align-items:center}.holistic-rank-container{background:rgba(var(--background-1-rgb),.2);border-radius:calc(1.5rem * var(--margin-spacing-multiplier));padding:calc(.2rem * var(--margin-spacing-multiplier)) 0;min-height:2.2rem;text-transform:uppercase}.holistic-rank-container .badge-content{display:flex;align-items:center;justify-content:center;padding:0 1.5rem}.on-ranked-view.ranked-mode-active .benchmark-header-controls{opacity:0;pointer-events:none;transition:opacity .5s ease}.rank-popup-pane:before{display:none!important}.rank-estimate-badge{opacity:.8}.rank-estimate-badge .rank-name:not(.unranked-text){color:var(--accent-color)}.holistic-rank-container .rank-name:not(.unranked-text){color:var(--accent-color)}.hud-group>div{width:fit-content}.hud-group{display:flex;align-items:center;gap:.5rem;white-space:nowrap;font-family:inherit;font-size:calc(.7rem * var(--label-font-multiplier));font-weight:700;color:var(--lower-band-1);opacity:.5;letter-spacing:.1em;margin-right:-.1em;text-transform:uppercase}.hud-group.left{grid-column:1;justify-self:end;display:flex!important;justify-content:flex-end!important;text-align:right;width:fit-content}.hud-group.right{grid-column:7;justify-self:start;display:flex!important;justify-content:flex-start!important;text-align:left;width:fit-content}.media-controls{display:grid;--btn-size: calc(1.8rem * var(--label-font-multiplier));grid-template-columns:minmax(0,1fr) var(--btn-size) var(--btn-size) auto var(--btn-size) var(--btn-size) minmax(0,1fr);align-items:center;gap:calc(1.5rem * var(--label-font-multiplier));margin-top:0;width:100%}.controls-left,.controls-right{display:contents}.media-btn{background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:background .8s cubic-bezier(.22,1,.36,1),color .8s cubic-bezier(.22,1,.36,1);color:var(--lower-band-1);padding:0;flex-shrink:0}.media-btn svg{width:calc(1.2rem * var(--label-font-multiplier));height:calc(1.2rem * var(--label-font-multiplier));fill:currentColor;pointer-events:none;position:relative;z-index:2}.button-fill{position:absolute;bottom:0;left:0;width:100%;height:0%;pointer-events:none;z-index:1;opacity:0;transition:height .05s linear,opacity .3s ease}.media-btn.destructive .button-fill{background:rgba(var(--status-hard-rgb),.2)}.media-btn.not-full .button-fill,.media-btn.holding .button-fill,.media-btn.highlighted .button-fill{opacity:1}.media-btn.primary{width:calc(2.5rem * var(--label-font-multiplier));height:calc(2.5rem * var(--label-font-multiplier));color:var(--accent-color)}.media-btn.primary svg{width:65%;height:65%;z-index:10}.media-btn.secondary{width:calc(1.8rem * var(--label-font-multiplier));height:calc(1.8rem * var(--label-font-multiplier));grid-row:1}#ranked-play-now,#start-ranked-btn{grid-column:4}.media-btn:hover:not(:disabled){background:rgba(var(--lower-band-1-rgb),.15);color:var(--lower-band-3);box-shadow:inset 0 0 .5rem rgba(var(--lower-band-3-rgb),.2);transition:background .1s ease-out,color .1s ease-out,box-shadow .1s ease-out}.media-btn.primary:hover{color:var(--accent-color)}.media-btn.primary:active:not(:disabled),.media-btn.primary.active{background:rgba(var(--accent-color-rgb),.1);color:var(--accent-color);box-shadow:inset 0 0 0 2px var(--accent-color);transition:none}.media-btn:active:not(:disabled),.media-btn.active{color:var(--accent-color);background:rgba(var(--lower-band-1-rgb),.1);transition:none;transform:none}.media-btn.primary{position:relative;background:transparent;border:none;box-shadow:none;overflow:visible}.media-btn.primary .launch-socket{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:transparent;border:1px solid var(--glass-border);transition:all .2s ease;z-index:1}.media-btn.primary:hover .launch-socket{background:rgba(var(--accent-color-rgb),.1);border-color:var(--accent-color)}.media-btn.primary .launch-triangle{width:0;height:0;border-style:solid;border-width:.44rem 0 .44rem .7rem;border-color:transparent transparent transparent var(--text-dim);margin-left:.16rem;border-radius:.125rem;z-index:5;transition:all .2s ease}.media-btn.primary:hover .launch-triangle{opacity:0;transform:scale(.8)}.media-btn.primary .launch-dot{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:var(--accent-color);background-image:radial-gradient(circle at 30% 30%,rgba(var(--white-rgb),1) 5%,transparent 20%),radial-gradient(circle at 30% 30%,transparent 51%,rgba(var(--highlight-bg-1-rgb),.6) 67%);opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.3,.85,.15,1);z-index:4}.media-btn.primary:hover .launch-dot{opacity:1;transform:scale(1)}.media-btn.primary .launch-progress-container{position:absolute;top:-1.2rem;left:50%;transform:translate(-50%);width:2.4rem;height:.4rem;background:rgba(var(--background-1-rgb),.3);border-radius:.2rem;overflow:hidden;opacity:0;transition:opacity .2s ease;z-index:10;pointer-events:none}.media-btn.primary .launch-progress-bar{width:100%;height:100%;background:var(--accent-color);transform-origin:left;transition:transform .05s linear}.media-btn.primary:hover.not-full .launch-progress-container{opacity:1}.media-btn.primary.highlighted .launch-triangle{border-color:transparent transparent transparent var(--accent-color);opacity:1;transform:scale(1.1)}.media-btn.primary.highlighted .launch-dot{opacity:0;pointer-events:none}.launch-timer-fill-container{position:absolute;top:50%;left:50%;width:calc(100% - calc(.6rem * var(--label-font-multiplier)));height:calc(100% - calc(.6rem * var(--label-font-multiplier)));transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;z-index:2;pointer-events:none;-webkit-mask-image:radial-gradient(circle,transparent 60%,black 61%);mask-image:radial-gradient(circle,transparent 60%,black 61%)}.launch-timer-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--text-dim);transform:translateY(0);border-radius:0}@keyframes fill-vertical{0%{transform:translateY(0)}to{transform:translateY(100%)}}.media-btn.destructive:hover:not(:disabled){color:var(--status-hard);box-shadow:inset 0 0 .5rem rgba(var(--status-hard-rgb),.2)}.media-btn.dull{opacity:.4;filter:grayscale(.8)}.media-btn:disabled{opacity:.2;cursor:default;filter:grayscale(1);pointer-events:none}@keyframes drain-vertical{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.ranked-dot-cloud{min-height:calc(2.2rem * var(--ui-scale));display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.dot-cloud-container{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.dot-inspection-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--background-1-rgb),.2);backdrop-filter:blur(.3rem);-webkit-backdrop-filter:blur(.3rem);z-index:9999;pointer-events:none;opacity:0;transition:opacity .15s ease}.dot-inspection-overlay.visible{opacity:1}.dot-inspection-popup{position:fixed;pointer-events:none;z-index:10000;opacity:0;transition:opacity .15s ease}.dot-inspection-popup.visible{opacity:1}.dot-inspection-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding-bottom:.8rem;display:flex;flex-direction:column;align-items:center}.dot-inspection-text{font-size:.5rem;font-weight:300;color:var(--lower-band-3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;line-height:1.4;text-align:center;pointer-events:none}.dot-cloud-dot{position:absolute;border-radius:50%;clip-path:circle(50%);background:rgba(var(--vis-dot-rgb),var(--dot-opacity, .4));border:none;box-shadow:inset 0 0 0 1px rgba(var(--vis-dot-rgb),.05);box-sizing:border-box;transition:transform .2s ease,background-color .2s ease;z-index:5;will-change:transform,left,top}.dot-cloud-dot.latest{background:rgba(var(--vis-latest-rgb),var(--dot-opacity, .6))}.dot-cloud-dot.highlight{background:rgba(var(--vis-highlight-rgb),var(--dot-opacity, .8));box-shadow:0 0 .5rem rgba(var(--vis-highlight-rgb),.6)}.dot-cloud-notch{position:absolute;top:0;width:1px;background:var(--vis-label-color);opacity:.15;transform:translate(-50%);z-index:1}.dot-cloud-notch.labelled{opacity:.8}.dot-cloud-label-anchor{position:absolute;bottom:0;width:0;height:0;display:flex;justify-content:center;align-items:flex-end;pointer-events:none;overflow:visible;z-index:2}.dot-cloud-label-anchor.anchor-left{justify-content:flex-start}.dot-cloud-label-anchor.anchor-right{justify-content:flex-end}.dot-cloud-label{position:relative;color:var(--vis-label-color);font-weight:700;text-transform:uppercase;white-space:nowrap;opacity:.8}.dot-cloud-marker{position:absolute;width:1px;transform:translate(-50%);z-index:3}.dot-cloud-marker-target{background:var(--vis-label-color);opacity:.4}.dot-cloud-marker-achieved{background:var(--vis-latest-rgb);width:2px}.dot-cloud-marker-achieved:not(.latest-run){background:var(--vis-highlight-rgb)}.rank-timeline-container{position:relative;width:100%;height:6rem;margin:0;overflow:hidden;background:transparent}.timeline-viewport{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:linear-gradient(to right,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 20%,black 80%,transparent 100%)}.timeline-scroller{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 1s cubic-bezier(.22,1,.36,1)}.timeline-axis{position:absolute;top:50%;left:0%;right:-1000%;height:1px;background-color:var(--text-default);opacity:.5;transform:translateY(-50%)}.timeline-tick{position:absolute;top:50%;width:1px;height:.75rem;background-color:var(--text-default);transform:translate(-50%);opacity:.5}.timeline-tick.minor{height:.375rem}.timeline-tick-label{position:absolute;top:calc(50% + 1rem);transform:translate(-50%);font-size:.75rem;color:var(--text-dim);white-space:nowrap;font-weight:500;opacity:.7}.timeline-marker{position:absolute;bottom:50%;width:.5rem;height:.75rem;transform:translate(-50%);z-index:10;border-radius:2px;background-clip:padding-box;border-left:.21875rem solid transparent;border-right:.21875rem solid transparent}.timeline-marker-anchor{position:absolute;bottom:calc(50% + 1.5rem);transform:translate(-50%);width:fit-content;height:1rem;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .4s cubic-bezier(.22,1,.36,1)}.timeline-marker-label{position:relative;font-size:.7rem;font-weight:700;white-space:nowrap;letter-spacing:.05em;text-shadow:0 .125rem .25rem rgba(var(--surface-0-rgb),.5);transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s cubic-bezier(.22,1,.36,1)}.marker-target{background-color:var(--upper-band-2);box-shadow:none;height:.375rem;bottom:calc(50% + .375rem)}.label-target{color:var(--upper-band-2)}.marker-achieved{background-color:var(--accent-color);box-shadow:none}.label-achieved{color:var(--accent-color)}.marker-prev{background-color:var(--lower-band-3);box-shadow:none;height:.375rem;bottom:calc(50% + .375rem)}.label-prev{color:var(--lower-band-3)}.marker-attempt{height:.375rem;background-color:var(--accent-color);opacity:.6}.marker-attempt.secondary{background-color:var(--lower-band-1);opacity:.4}.timeline-progress-line{position:absolute;top:50%;height:2px;background-color:var(--accent-color);transform:translateY(-50%);z-index:2;border-radius:1px;transition:left 2s cubic-bezier(.22,1,.36,1),width 2s cubic-bezier(.22,1,.36,1)}.timeline-scroller.no-transition,.timeline-scroller.no-transition .timeline-progress-line{transition:none!important}.timeline-caret{position:absolute;bottom:50%;width:.6rem;height:.6rem;border-left:.09375rem solid var(--upper-band-2);border-top:.09375rem solid var(--upper-band-2);margin-bottom:.12rem;transform:translate(-50%) rotate(-45deg);z-index:20;filter:none}.timeline-caret.offscreen{position:static;width:.5rem;height:.5rem;margin-right:.35rem;margin-bottom:0;transform:rotate(-45deg);border-left:.125rem solid var(--lower-band-1);border-top:.125rem solid var(--lower-band-1)}.timeline-caret.caret-achieved{border-color:var(--accent-color)}.timeline-caret.caret-prev{border-color:var(--lower-band-3)}.timeline-caret.caret-expected{border-color:var(--lower-band-2)}.timeline-marker-label.offscreen{color:var(--lower-band-1);transform:none;text-align:left;margin-left:0;line-height:1}.timeline-marker-label.label-achieved.offscreen{color:var(--accent-color)}.summary-content-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:clamp(60%,40rem,100%);min-height:0;position:relative;overflow:hidden;padding:calc(1.5rem * var(--margin-spacing-multiplier))}.scenarios-list{width:100%;display:flex;flex-direction:column;gap:calc(1rem * var(--vertical-spacing-multiplier));flex:0 1 auto;max-height:100%;overflow-y:auto;padding:2.5rem .5rem;mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 95%,transparent 100%)}.scenarios-list::-webkit-scrollbar{width:0}.summary-scroll-container .custom-scroll-thumb{right:0}.summary-scroll-container.has-scroll:before{content:"";position:absolute;top:calc(1.5rem * var(--margin-spacing-multiplier));bottom:calc(1.5rem * var(--margin-spacing-multiplier));right:calc(.25rem * var(--margin-spacing-multiplier) - .015625rem);width:.03125rem;background:rgba(var(--lower-band-1-rgb),.25);border-radius:.03125rem;pointer-events:none;z-index:0}.scenario-summary-item{height:4rem;padding:0;background:rgba(var(--background-1-rgb),.05);border:1px solid rgba(var(--accent-color-rgb),.1);border-radius:1.25rem;transition:opacity 2s cubic-bezier(.22,1,.36,1),transform 2s cubic-bezier(.22,1,.36,1),height 2s cubic-bezier(.22,1,.36,1),margin 2s cubic-bezier(.22,1,.36,1),border-color .3s ease,background .3s ease;flex-shrink:0;min-width:0;display:flex;align-items:center;justify-content:stretch;overflow:visible}.scenario-summary-item.entering{opacity:0;transform:translateY(2.5rem);pointer-events:none;border-color:transparent}.summary-timeline-item>div{flex:1;width:100%}.back-to-hub-item{justify-content:center!important}.scenario-summary-item:hover{background:rgba(var(--background-1-rgb),.08);border-color:rgba(var(--accent-color-rgb),.2)}.summary-timeline-component{position:relative;width:100%;height:4rem;display:flex;flex-direction:column;justify-content:center}.summary-timeline-track{position:relative;width:100%;height:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.summary-timeline-scroller{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 2s cubic-bezier(.22,1,.36,1)}.summary-timeline-title{position:relative;white-space:nowrap;font-size:.75rem;font-weight:700;color:var(--upper-band-3);text-transform:uppercase;letter-spacing:.15em;opacity:.8;text-shadow:0 .125rem .25rem rgba(var(--surface-0-rgb),.5);transition:transform .3s cubic-bezier(.22,1,.36,1)}.summary-timeline-component{overflow:visible!important}.summary-timeline-stats{position:relative;white-space:nowrap;font-size:.75rem;font-weight:700;color:var(--lower-band-1);text-transform:uppercase;letter-spacing:.1em;opacity:.5;text-shadow:0 .125rem .25rem rgba(var(--surface-0-rgb),.5);transition:transform .3s cubic-bezier(.22,1,.36,1)}.summary-timeline-axis{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--text-default);opacity:.15;transform:translateY(-50%)}.summary-timeline-tick{position:absolute;top:50%;width:1px;height:.4rem;background:var(--text-default);opacity:.5;transform:translate(-50%)}.summary-timeline-tick.minor{height:.2rem;opacity:.25}.summary-timeline-progress{position:absolute;top:50%;height:2px;background:var(--accent-color);transform:translateY(-50%);z-index:2;transition:left 2s cubic-bezier(.22,1,.36,1),width 2s cubic-bezier(.22,1,.36,1)}.summary-timeline-delta{position:relative;white-space:nowrap;font-size:.75rem;font-weight:700;color:var(--upper-band-3);text-transform:uppercase;letter-spacing:.05em;opacity:.8;text-shadow:0 .125rem .25rem rgba(var(--surface-0-rgb),.5);transition:transform .3s cubic-bezier(.22,1,.36,1)}.summary-timeline-marker-notch{position:absolute;top:50%;width:2px;height:.8rem;transform:translate(-50%);background:var(--text-dim);opacity:1}.summary-timeline-marker-notch.new{background:var(--accent-color);opacity:1}.summary-timeline-label-anchor{position:absolute;width:0;height:0;display:flex;pointer-events:none;overflow:visible}.summary-timeline-label-anchor.anchor-center{justify-content:center}.summary-timeline-label-anchor.anchor-left{justify-content:flex-start}.summary-timeline-label-anchor.anchor-right{justify-content:flex-end}.summary-timeline-label-anchor.top{bottom:50%;align-items:flex-end}.summary-timeline-label-anchor.bottom{top:50%;align-items:flex-start}.summary-timeline-label-anchor.bottom .summary-timeline-rank-label{margin-top:1rem}.summary-timeline-rank-label{position:relative;white-space:nowrap;font-size:.75rem;font-weight:700;color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 .125rem .25rem rgba(var(--surface-0-rgb),.5);transition:transform .3s cubic-bezier(.22,1,.36,1)}.summary-timeline-hitbox{position:absolute;white-space:nowrap;visibility:hidden;pointer-events:none;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transform:translate(0)}.summary-timeline-label-anchor.top .summary-timeline-hitbox.title{letter-spacing:.15em;margin-left:0;transform:none}.summary-timeline-label-anchor.bottom .summary-timeline-hitbox{margin-top:1rem}.summary-timeline-rank-label.old{color:var(--text-dim);opacity:.6}.no-scenarios{opacity:.5;font-style:italic;margin-top:3rem;color:var(--text-dim);font-size:1.1rem;text-align:center}.no-transition{transition:none!important}.start-screen-rank-container{display:flex;flex-direction:column;align-items:center;text-align:center}.ranked-selector-group{display:flex;flex-direction:column;align-items:center;justify-content:center;height:6rem;gap:1rem;width:100%}.start-screen-rank-label{font-size:calc(1.4rem * var(--label-font-multiplier));font-weight:800;letter-spacing:-.02em;color:var(--accent-color);margin-bottom:0;opacity:.8}.start-screen-rank-row{display:flex;align-items:center;justify-content:center;gap:1.5rem}.start-screen-rank-large{display:flex;align-items:center;gap:.8rem;font-size:1rem;font-weight:800;color:var(--accent-color);text-transform:uppercase;letter-spacing:.15em;line-height:1}.start-screen-rank-large.unranked-text{color:var(--text-dim);text-shadow:none;opacity:.4}.start-screen-rank-progress{font-size:.7rem;font-weight:600;color:var(--accent-color)}*,*:before,*:after{box-sizing:border-box}:root{--header-total-offset: 6rem}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-default);overflow:hidden;height:100vh}.background-dynamics{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.4}.base-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(var(--lower-band-3-rgb),1) .12rem,transparent 0);background-size:1rem 1rem;background-position:0 0;opacity:0}.base-grid-offset{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(var(--lower-band-3-rgb),1) .12rem,transparent 0);background-size:1rem 1rem;background-position:.5rem .5rem;opacity:0}.ripple{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--lower-band-1) .12rem,transparent 0),radial-gradient(circle,var(--lower-band-1) .12rem,transparent 0);background-size:1rem 1rem,1rem 1rem;background-position:0 0,.5rem .5rem;opacity:.4;will-change:mask-image,-webkit-mask-image;--ripple-x: -1000px;--ripple-y: -1000px;--ripple-radius: -1000px;--ripple-thickness: 10rem;-webkit-mask-image:radial-gradient(circle at var(--ripple-x) var(--ripple-y),transparent calc(var(--ripple-radius) - var(--ripple-thickness) * .5),var(--mask-white) calc(var(--ripple-radius) - var(--ripple-thickness) * .2),var(--mask-white) calc(var(--ripple-radius) + var(--ripple-thickness) * .2),transparent calc(var(--ripple-radius) + var(--ripple-thickness) * .5));mask-image:radial-gradient(circle at var(--ripple-x) var(--ripple-y),transparent calc(var(--ripple-radius) - var(--ripple-thickness) * .5),var(--mask-white) calc(var(--ripple-radius) - var(--ripple-thickness) * .2),var(--mask-white) calc(var(--ripple-radius) + var(--ripple-thickness) * .2),transparent calc(var(--ripple-radius) + var(--ripple-thickness) * .5))}.title-glow-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.title-ripple{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:flex;align-items:center;padding:calc(.4rem * var(--margin-spacing-multiplier)) calc(.8rem * var(--margin-spacing-multiplier));color:transparent;opacity:0;will-change:mask-image,-webkit-mask-image;--ripple-x: -2000px;--ripple-y: -2000px;--ripple-radius: -2000px;--ripple-thickness: 20rem;-webkit-mask-image:radial-gradient(circle at var(--ripple-x) var(--ripple-y),transparent calc(var(--ripple-radius) - var(--ripple-thickness) * .5),var(--mask-white) calc(var(--ripple-radius) - var(--ripple-thickness) * .2),var(--mask-white) calc(var(--ripple-radius) + var(--ripple-thickness) * .2),transparent calc(var(--ripple-radius) + var(--ripple-thickness) * .5));mask-image:radial-gradient(circle at var(--ripple-x) var(--ripple-y),transparent calc(var(--ripple-radius) - var(--ripple-thickness) * .5),var(--mask-white) calc(var(--ripple-radius) - var(--ripple-thickness) * .2),var(--mask-white) calc(var(--ripple-radius) + var(--ripple-thickness) * .2),transparent calc(var(--ripple-radius) + var(--ripple-thickness) * .5))}.title-ripple-1,.title-ripple-2,.title-ripple-3{opacity:.4}@keyframes ripple-oblique{0%{-webkit-mask-position:-400% 400%;mask-position:-400% 400%}to{-webkit-mask-position:400% -400%;mask-position:400% -400%}}@keyframes ripple-sideways{0%{-webkit-mask-position:350% 0%;mask-position:350% 0%}to{-webkit-mask-position:-350% 0%;mask-position:-350% 0%}}.container{display:flex;flex-direction:column;height:100vh;padding:calc(1.5rem * var(--margin-spacing-multiplier));box-sizing:border-box;width:100%;max-width:87.5rem;margin:0 auto}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:calc(1.5rem * var(--margin-spacing-multiplier));padding-left:calc(2rem * var(--margin-spacing-multiplier));padding-right:calc(2rem * var(--margin-spacing-multiplier));padding-bottom:calc(.5rem * var(--margin-spacing-multiplier));border-bottom:1px solid var(--glass-border)}.header-content{position:relative;display:flex;align-items:center;gap:2rem}.app-title-container{cursor:pointer;padding:calc(.4rem * var(--margin-spacing-multiplier)) calc(.8rem * var(--margin-spacing-multiplier));margin-left:calc(-.8rem * var(--margin-spacing-multiplier));border-radius:calc(.5rem * var(--vertical-spacing-multiplier));transition:all .2s ease;-webkit-user-select:none;user-select:none;width:fit-content}.app-title-container:hover{background:rgba(var(--lower-band-1-rgb),.15);box-shadow:inset 0 0 1.5rem rgba(var(--lower-band-3-rgb),.2)}.app-title-container:active{background:rgba(var(--lower-band-1-rgb),.1)}h1{margin:0;background:linear-gradient(135deg,var(--upper-band-1) 0%,var(--upper-band-2) 50%,var(--upper-band-3) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-menu{display:flex;gap:.5rem}.header-action-btn svg{width:1.25rem;height:1.25rem;fill:currentColor}.theme-icon-light,[data-theme=light] .theme-icon-dark{display:none}[data-theme=light] .theme-icon-light{display:block}.nav-item{position:relative;background:transparent;border:none;color:var(--text-dim);padding:calc(.4rem * var(--margin-spacing-multiplier)) calc(1rem * var(--margin-spacing-multiplier));border-radius:calc(.5rem * var(--margin-spacing-multiplier));cursor:pointer;transition:all .2s ease}.nav-item:hover{background:rgba(var(--lower-band-1-rgb),.15);color:var(--lower-band-3);box-shadow:inset 0 0 1.5rem rgba(var(--lower-band-3-rgb),.2)}.nav-item.active{background:rgba(var(--lower-band-1-rgb),.1);color:var(--accent-color)}.nav-item.inactive{opacity:.5;filter:grayscale(.8);pointer-events:none}.nav-item.not-soon{cursor:default}.nav-item.not-soon:hover{color:var(--text-dim);cursor:default}.header-actions{display:flex;align-items:center;gap:.75rem;justify-self:end}.settings-action-btn{background:rgba(var(--lower-band-1-rgb),.1);border:1px solid var(--glass-border);color:var(--lower-band-3);padding:.4rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.settings-action-btn:hover{background:rgba(var(--lower-band-1-rgb),.2);color:var(--upper-band-1);border-color:var(--lower-band-1);box-shadow:inset 0 0 1.5rem rgba(var(--lower-band-3-rgb),.2)}.settings-action-btn:active{transform:scale(.95);background:rgba(var(--lower-band-1-rgb),.3)}.header-action-btn{background:transparent;border:none;color:var(--lower-band-1);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background .8s cubic-bezier(.22,1,.36,1),color .8s cubic-bezier(.22,1,.36,1);position:relative}.header-action-btn:hover{background:rgba(var(--lower-band-1-rgb),.15);color:var(--lower-band-3);box-shadow:inset 0 0 .5rem rgba(var(--lower-band-3-rgb),.2);transition:background .1s ease-out,color .1s ease-out,box-shadow .1s ease-out}.header-action-btn:active,.header-action-btn.clicked,.header-action-btn.active{color:var(--accent-color);background:rgba(var(--lower-band-1-rgb),.1);transition:none}.header-action-btn svg{width:1.1rem;height:1.1rem;fill:currentColor}#profile-fallback-icon{width:1.1rem;height:1.1rem;stroke:currentColor}.profile-img-container{width:1.2rem;height:1.2rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(var(--white-rgb),.05)}.profile-btn{padding:0}.profile-btn .circular-pfp{width:100%;height:100%;object-fit:cover}.header-divider{width:1px;height:1.5rem;background:var(--glass-border);margin:0 .25rem}.status-dot-container{display:flex;align-items:center}#status-mount-point{width:.5rem;height:.5rem;display:flex;align-items:center;justify-content:center}.status-indicator{width:.375rem;height:.375rem;background:var(--status-soft);border-radius:50%;box-shadow:0 0 .5rem rgba(var(--status-soft-rgb),.5)}.status-indicator.scanning{background:var(--accent-color);box-shadow:0 0 .5rem rgba(var(--accent-color-rgb),.5);animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}#app{flex:1;min-height:0;display:flex;flex-direction:column;background:transparent}#app>*{-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem)}.dashboard-panel{flex:1;margin:0 calc(2rem * var(--margin-spacing-multiplier)) calc(2rem * var(--margin-spacing-multiplier));box-sizing:border-box;background:transparent;border:1px solid var(--glass-border);border-radius:calc(1.5rem * var(--margin-spacing-multiplier));padding:calc(1.5rem * var(--margin-spacing-multiplier));display:flex;flex-direction:column;min-height:0;position:relative;opacity:0;transition:opacity .5s ease}.hidden-view,.hidden{display:none!important}.view-container,.benchmark-view,.folder-view,.ranked-view{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.benchmark-view-container{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.ranked-view{justify-content:center}.ranked-view:after{content:"";flex:0 1 var(--header-total-offset);pointer-events:none}.ranked-view-container{height:calc(13rem + 2rem * var(--vertical-spacing-multiplier));display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:0;padding:0;background:transparent;border:none;position:relative;width:100%;min-height:0;overflow:hidden;transition:height .3s cubic-bezier(.3,.85,.15,1)}.ranked-view-container.summary{height:35rem}.ranked-view-container.idle{gap:0}.pane-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:calc(1.5rem * var(--margin-spacing-multiplier));overflow:hidden;position:relative}.benchmark-table-container{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;background:transparent;isolation:isolate}.benchmark-table-container.has-scroll:before{content:"";position:absolute;top:calc(1.5rem * var(--margin-spacing-multiplier));bottom:calc(1.5rem * var(--margin-spacing-multiplier));right:calc(1rem * var(--margin-spacing-multiplier) - .015625rem);width:.03125rem;background:rgba(var(--lower-band-1-rgb),.25);box-shadow:0 0 0 200vw rgba(var(--background-2-rgb),.2375);border-radius:.03125rem;pointer-events:none;z-index:-1}.benchmark-table{flex:1;overflow-y:auto;min-height:0;padding:0;margin-right:calc(2rem * var(--margin-spacing-multiplier))}.benchmark-table::-webkit-scrollbar{width:0}.benchmark-table::-webkit-scrollbar-track{margin:calc(1.5rem * var(--margin-spacing-multiplier));background:transparent}.benchmark-table::-webkit-scrollbar-thumb{background:transparent}.custom-scroll-thumb{position:absolute;top:calc(1.5rem * var(--margin-spacing-multiplier));right:calc(.75rem * var(--margin-spacing-multiplier));width:calc(.5rem * var(--margin-spacing-multiplier));height:2rem;background-color:var(--bg-color);border:1px solid var(--glass-border);border-radius:calc(.25rem * var(--margin-spacing-multiplier));pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:10;transition:background-color .2s cubic-bezier(.3,.85,.15,1),border-color .2s cubic-bezier(.3,.85,.15,1),box-shadow .2s cubic-bezier(.3,.85,.15,1),background-image .2s cubic-bezier(.3,.85,.15,1)}.grip-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:calc(.1rem * var(--margin-spacing-multiplier));pointer-events:none;z-index:1}.thumb-grip{background-color:var(--text-dim);height:calc(.1rem * var(--margin-spacing-multiplier));border-radius:1rem;opacity:1;transition:opacity .2s cubic-bezier(.3,.85,.15,1)}.grip-0,.grip-2{width:calc(.2rem * var(--margin-spacing-multiplier))}.grip-1{width:calc(.3rem * var(--margin-spacing-multiplier))}.custom-scroll-thumb:hover .grip-container,.custom-scroll-thumb.dragging .grip-container{opacity:0}.custom-scroll-thumb:hover,.custom-scroll-thumb.dragging{background-color:var(--glow-color);background-image:radial-gradient(circle at -100% 0%,rgba(var(--white-rgb),1) 0%,transparent 40%),linear-gradient(90deg,rgba(var(--white-rgb),.5) 0%,transparent 50%),linear-gradient(90deg,transparent 50%,rgba(var(--pill-shadow-rgb),.5) 100%),radial-gradient(circle at 200% 100%,rgba(var(--pill-shadow-rgb),1) 0%,transparent 40%);box-shadow:inset -.1rem -.3rem .4rem -.1rem rgba(var(--pill-shadow-inner-rgb),0);border-color:transparent}.run-item{display:flex;justify-content:space-between;align-items:center;padding:calc(1rem * var(--margin-spacing-multiplier));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:calc(1.5rem * var(--margin-spacing-multiplier));margin-bottom:calc(1.5rem * var(--vertical-spacing-multiplier));transition:transform .2s ease,background .2s ease}.run-item:hover{background:rgba(var(--highlight-font-2-rgb),.05)}.scenario-row{background:transparent;border-bottom:none;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;cursor:pointer;padding-top:calc(.5rem * var(--vertical-spacing-multiplier));padding-bottom:calc(.5rem * var(--vertical-spacing-multiplier));padding-left:calc(.75rem * var(--margin-spacing-multiplier));padding-right:calc(.75rem * var(--margin-spacing-multiplier))}.scenario-row:hover{background:rgba(var(--highlight-font-2-rgb),.02)}.scenario-row.selected{background:rgba(var(--lower-band-1-rgb),.1)}@keyframes row-focus-pulse{0%{background:rgba(var(--highlight-font-2-rgb),0)}30%{background:rgba(var(--highlight-font-2-rgb),.25)}to{background:rgba(var(--highlight-font-2-rgb),0)}}.scenario-row.focused-scenario{animation:row-focus-pulse 2s ease-out}.benchmark-category-group{display:flex;background:transparent;min-height:0;border-bottom:.125rem solid var(--glass-border)}.benchmark-category-group:last-child{border-bottom:none}.subcategory-container{flex:1;display:flex;flex-direction:column}.benchmark-subcategory-group{display:grid;grid-template-columns:auto 1fr;border-bottom:1px solid var(--glass-border)}.benchmark-subcategory-group:last-child{border-bottom:none}.subcategory-header{grid-row:1;grid-column:2;display:flex;align-items:center;padding:calc(1rem * var(--category-spacing-multiplier)) calc(.75rem * var(--margin-spacing-multiplier)) 0 calc(.75rem * var(--margin-spacing-multiplier));height:auto;box-sizing:border-box;border-bottom:none;pointer-events:none;justify-content:space-between}.column-header{position:relative;width:7.5rem;height:auto;flex-shrink:0;color:var(--lower-band-1);padding:calc(.125rem * var(--vertical-spacing-multiplier)) 0}.column-header span{display:block;width:100%;margin-left:20%}.subcategory-header .column-header:last-of-type{color:var(--lower-band-1)}.header-name-spacer{width:var(--scenario-name-width, 15rem);flex-shrink:0}.header-dot-spacer{width:calc(14rem * var(--dot-cloud-width-multiplier));flex-shrink:0}.header-action-spacer{width:calc(1rem * var(--launch-button-multiplier));flex-shrink:0}.subcategory-body{display:contents}.scenario-list{grid-row:2;grid-column:2;display:flex;flex-direction:column;padding:0 0 calc(.5rem * var(--category-spacing-multiplier)) 0}.vertical-label-container{grid-row:1 / span 2;grid-column:1;display:flex;align-items:flex-start;justify-content:center;background:rgba(var(--highlight-bg-1-rgb),.3);border-right:1px solid var(--glass-border)}.category-label{background:rgba(var(--highlight-bg-1-rgb),.5);padding:calc(1rem * var(--category-spacing-multiplier)) calc(.5rem * var(--category-spacing-multiplier))}.subcategory-label{padding:calc(.8rem * var(--category-spacing-multiplier)) calc(.4rem * var(--category-spacing-multiplier))}.vertical-text{position:relative;top:50%;display:block;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);color:var(--text-dim);pointer-events:none;padding:1rem 0}.category-label .vertical-text{color:var(--lower-band-3)}.subcategory-label .vertical-text{color:var(--lower-band-2)}.scenario-name{width:var(--scenario-name-width, 15rem);flex-shrink:0;overflow:hidden;text-overflow:ellipsis;color:var(--lower-band-1);transition:color .2s ease}.scenario-row.selected .scenario-name{color:var(--upper-band-1)}.scenario-row.selected .rank-name{color:var(--upper-band-3)}.scenario-row.selected .rank-progress{color:var(--upper-band-1)}.scenario-row.selected .unranked-text{color:var(--upper-band-1)!important}.scenario-row.selected{--vis-label-color: var(--upper-band-1);--vis-dot-rgb: var(--upper-band-2-rgb);--vis-highlight-rgb: var(--upper-band-3-rgb);--vis-latest-rgb: var(--upper-band-3-rgb)}.rank-badge-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:7.5rem;flex-shrink:0;overflow:visible;cursor:pointer}.rank-badge-container.active-popup{z-index:2001}.scenario-row.selected:hover .difficulty-caret{animation:caretFadeInUp .3s cubic-bezier(.3,.85,.15,1) forwards;pointer-events:auto}.badge-content{display:flex;align-items:center;justify-content:center;width:100%}.rank-name{color:var(--lower-band-3);flex:7;padding-right:.3rem;transition:color .2s ease}.rank-progress{color:var(--lower-band-1);flex:3;transition:color .2s ease}.unranked-text{color:var(--lower-band-1)!important;transition:color .2s ease}.dot-cloud-container{--vis-label-weight: 400;--vis-label-family: "Nunito", sans-serif;width:calc(14rem * var(--dot-cloud-width-multiplier));height:calc(2.2rem * var(--dot-cloud-multiplier));display:flex;align-items:center;background:transparent;border:none;overflow:hidden;position:relative}.dot-cloud-container canvas{display:block}.run-score{color:var(--accent-color)}.run-tag{padding:.15rem .4rem;border-radius:calc(1.5rem * var(--vertical-spacing-multiplier));margin-left:calc(1.5rem * var(--vertical-spacing-multiplier));vertical-align:middle}.tag-easier{background:rgba(var(--upper-band-1-rgb),.1);color:var(--upper-band-1);border:.0625rem solid rgba(var(--upper-band-1-rgb),.3)}.tag-medium{background:rgba(var(--status-medium-rgb),.1);color:var(--status-medium);border:.0625rem solid rgba(var(--status-medium-rgb),.3)}.tag-harder{background:rgba(var(--status-hard-rgb),.1);color:var(--status-hard);border:.0625rem solid rgba(var(--status-hard-rgb),.3)}.benchmark-view-container{display:flex;flex-direction:column;height:100%;min-height:0;position:relative}.difficulty-tabs{display:flex;align-items:center;justify-content:center;gap:.4rem;background:rgba(var(--background-1-rgb),.2);border-radius:calc(1.5rem * var(--margin-spacing-multiplier));width:fit-content;overflow:visible}.tab-button{position:relative;background:transparent;border:none;color:var(--text-dim);padding:calc(.4rem * var(--margin-spacing-multiplier)) calc(1rem * var(--margin-spacing-multiplier));border-radius:calc(.5rem * var(--margin-spacing-multiplier));cursor:pointer;transition:all .2s ease}.tab-button:after{content:"";position:absolute;top:100%;left:0;width:100%;height:1.5rem;background:transparent;pointer-events:none;z-index:1}.tab-button:hover:after{pointer-events:auto}.tab-button:hover{background:rgba(var(--lower-band-1-rgb),.15);color:var(--lower-band-3);box-shadow:inset 0 0 1.5rem rgba(var(--lower-band-3-rgb),.2)}.tab-button.active{background:rgba(var(--lower-band-1-rgb),.1);color:var(--accent-color)}.tab-button:active{background:rgba(var(--lower-band-1-rgb),.1);color:var(--accent-color);transition:none}.benchmark-header-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(1.5rem * var(--margin-spacing-multiplier))}.settings-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--background-1-rgb),.4);backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:calc(1.5rem * var(--vertical-spacing-multiplier));animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-menu-container{position:relative;display:flex;flex-direction:column;width:50rem;max-width:90vw;max-height:85vh;border-radius:calc(1.5rem * var(--margin-spacing-multiplier));overflow:hidden;isolation:isolate;box-shadow:0 1.5rem 4rem rgba(var(--background-1-rgb),.8);background:rgba(var(--background-2-rgb),.2);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);border:1px solid var(--glass-border);animation:scaleIn .25s cubic-bezier(.16,1,.3,1)}.settings-menu-container.visual-settings-container{width:fit-content}.settings-menu-container.peak-warning-container{width:38rem}.peak-warning-card{text-align:center;margin-right:0!important;padding-top:0!important;padding-bottom:0!important}.settings-menu-container.has-scroll:before{content:"";position:absolute;top:calc(1.5rem * var(--margin-spacing-multiplier));bottom:calc(1.5rem * var(--margin-spacing-multiplier));right:calc(1rem * var(--margin-spacing-multiplier) - .015625rem);width:.03125rem;background:rgba(var(--lower-band-1-rgb),.25);box-shadow:0 0 0 200vw rgba(var(--background-2-rgb),.2375);border-radius:.03125rem;pointer-events:none;z-index:-1}.settings-menu-container.no-track:before{display:none}.settings-menu-card{padding:calc(2rem * var(--margin-spacing-multiplier));margin-right:calc(1.5rem * var(--margin-spacing-multiplier));min-width:24rem;overflow-y:auto;display:flex;flex-direction:column;gap:calc(1.25rem * var(--margin-spacing-multiplier));scrollbar-width:none;flex:1;min-height:0}.settings-menu-card::-webkit-scrollbar{display:none}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.settings-menu-card h2{margin:0;color:var(--upper-band-2)}.about-section{display:flex;flex-direction:column;gap:calc(.5rem * var(--margin-spacing-multiplier))}.about-section p{margin:0;color:var(--text-dim)}.about-section h3{margin:calc(.5rem * var(--margin-spacing-multiplier)) 0 calc(.25rem * var(--margin-spacing-multiplier)) 0;color:var(--upper-band-1)}.about-quote{position:relative;margin:calc(.5rem * var(--margin-spacing-multiplier)) 0;padding:calc(.75rem * var(--margin-spacing-multiplier)) calc(1.25rem * var(--margin-spacing-multiplier));background:rgba(var(--upper-band-1-rgb),.03);border-left:calc(.2rem * var(--margin-spacing-multiplier)) solid var(--upper-band-1);border-radius:0 .5rem .5rem 0}.about-quote p{color:var(--text-dim)!important}.about-link-button{display:inline-block;vertical-align:middle;padding:0 calc(.75rem * var(--margin-spacing-multiplier));background:rgba(var(--lower-band-1-rgb),.05);border:none;border-radius:calc(.5rem * var(--margin-spacing-multiplier));color:var(--lower-band-1);text-decoration:none;transition:background .15s ease,color .15s ease;width:fit-content;cursor:pointer;height:1.8rem;box-sizing:border-box;backface-visibility:hidden}.about-link-button:hover{background:rgba(var(--lower-band-1-rgb),.1);color:var(--lower-band-3)}.about-link-button:active{background:rgba(var(--lower-band-1-rgb),.15)}.about-link-button svg{width:1rem;height:1rem;fill:currentColor}.about-icon-group{display:flex;align-items:center;gap:.75rem;margin-top:calc(.5rem * var(--margin-spacing-multiplier))}.about-icon-button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;background:rgba(var(--lower-band-1-rgb),.05);border:none;border-radius:50%;color:var(--lower-band-1);transition:background .15s ease,color .15s ease;cursor:pointer;text-decoration:none;height:1.8rem;width:1.8rem;box-sizing:border-box;backface-visibility:hidden}.about-icon-button:hover{background:rgba(var(--lower-band-1-rgb),.15);color:var(--lower-band-3)}.about-icon-button svg{width:1.1rem;height:1.1rem;fill:currentColor}.settings-group-title{color:var(--text-dim);padding-bottom:calc(.5rem * var(--margin-spacing-multiplier));border-bottom:1px solid var(--glass-border)}.setting-item{display:flex;align-items:center;justify-content:space-between;gap:calc(1rem * var(--margin-spacing-multiplier));padding:calc(.2rem * var(--margin-spacing-multiplier)) 0;min-height:1.5rem;flex-shrink:0}.setting-item.action-item{justify-content:space-between}.action-wrapper{display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex:1}.settings-group{display:flex;flex-direction:column;gap:calc(.25rem * var(--margin-spacing-multiplier))}.settings-sub-rows{display:flex;flex-direction:column;padding-left:1.25rem;gap:.1rem;max-height:200rem;overflow:hidden;transition:max-height .25s ease-out,opacity .25s ease-out}.settings-sub-rows.hidden{max-height:0!important;opacity:0;pointer-events:none;margin:0}.setting-item label{color:var(--text-dim);width:10rem;flex-shrink:0}.circle-checkbox{width:.75rem;height:.75rem;background:var(--bg-color);border-radius:50%;cursor:pointer;transition:none;box-shadow:none}.circle-checkbox.checked{background-color:var(--glow-color);background-image:radial-gradient(circle at 30% 30%,rgba(var(--white-rgb),1) 5%,transparent 20%),radial-gradient(circle at 30% 30%,transparent 51%,rgba(var(--highlight-bg-1-rgb),.6) 67%);box-shadow:none}.dot-slider-container{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;flex:1}.slider-notch{width:.1rem;height:.75rem;background:var(--dull-color);border-radius:1px;cursor:pointer;transition:background .2s ease}.slider-notch.active,.slider-notch.glow{background:var(--glow-color);box-shadow:none}.slider-notch.hidden{display:none}.dot-track{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;cursor:pointer;height:1.25rem}.dot-socket-container{width:.75rem;height:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dot-target{width:.75rem;height:.75rem;border-radius:50%;background:var(--bg-color);flex-shrink:0;transition:all .2s ease;position:relative}.dot-target.glow{background-color:var(--glow-color);box-shadow:none}.dot-target.pill{width:.75rem;height:1.25rem;border-radius:calc(1.5rem * var(--vertical-spacing-multiplier));background-color:var(--glow-color);box-shadow:none}.dot-target:before,.dot-target:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity .2s ease;transition-delay:inherit;pointer-events:none}.dot-target:before{background-image:radial-gradient(circle at 30% 30%,rgba(var(--white-rgb),1) 5%,transparent 20%),radial-gradient(circle at 30% 30%,transparent 51%,rgba(var(--highlight-bg-1-rgb),.6) 67%)}.dot-target:after{background-image:radial-gradient(circle at 30% 20%,rgba(var(--white-rgb),1) 5%,transparent 20%),radial-gradient(circle at 8% 30%,transparent 57%,rgba(var(--highlight-bg-1-rgb),.6) 70%)}.dot-target.glow:before{opacity:1}.dot-target.pill:after{opacity:1}.dot-target.dull,.slider-notch.dull{background:var(--bg-color);box-shadow:none}.multi-select-dots{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;cursor:pointer;height:1.25rem;flex:1}.play-scenario-button{background:transparent;border:none;width:calc(1rem * var(--launch-button-multiplier));height:calc(1rem * var(--launch-button-multiplier));display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:0;outline:none}.launch-socket{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--bg-color);border:1px solid var(--glass-border);box-shadow:none;transition:all .2s ease}.launch-triangle{width:0;height:0;border-style:solid;border-width:.22rem 0 .22rem .35rem;border-color:transparent transparent transparent var(--text-dim);margin-left:.08rem;border-radius:.0625rem;z-index:1;transition:all .2s ease}.play-scenario-button:hover .launch-triangle{opacity:0;transform:scale(.8)}.play-scenario-button:hover .launch-socket{background:rgba(var(--upper-band-1-rgb),.1);border-color:var(--accent-color)}.launch-dot{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:var(--glow-color);background-image:radial-gradient(circle at 30% 30%,rgba(var(--white-rgb),1) 5%,transparent 20%),radial-gradient(circle at 30% 30%,transparent 51%,rgba(var(--highlight-bg-1-rgb),.6) 67%);opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.3,.85,.15,1);z-index:2;box-shadow:none}.play-scenario-button:hover .launch-dot{opacity:1;transform:scale(1)}.launch-progress-container{position:absolute;top:-.6rem;left:50%;transform:translate(-50%);width:1.2rem;height:.25rem;background:rgba(var(--background-1-rgb),.3);border-radius:.125rem;overflow:hidden;opacity:0;transition:opacity .2s ease;z-index:3;pointer-events:none}.launch-progress-bar{width:100%;height:100%;background:var(--glow-color);transform-origin:left;transition:transform .05s linear}.play-scenario-button:hover.not-full .launch-progress-container{opacity:1}.play-scenario-button.highlighted .launch-triangle{border-color:transparent transparent transparent var(--accent-color);opacity:1;transform:scale(1.1)}.play-scenario-button.highlighted .launch-dot{opacity:0;pointer-events:none}.folder-settings-container{display:flex;justify-content:center;align-items:center;height:100%;min-height:0;overflow:hidden;background:rgba(var(--background-1-rgb),.05)}.folder-settings-main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(1.5rem * var(--vertical-spacing-multiplier));padding:calc(2rem * var(--margin-spacing-multiplier));max-width:40rem;text-align:center}.intro-top-group{display:flex;flex-direction:column;gap:calc(.25rem * var(--vertical-spacing-multiplier))}.intro-top-group h2{font-size:2.25rem;margin:0;background:linear-gradient(135deg,var(--upper-band-1) 0%,var(--upper-band-3) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.setup-instruction{font-size:1.15rem;color:var(--lower-band-1);margin:0;line-height:1.6}.central-folder-icon-wrapper{display:flex;justify-content:center;align-items:center;position:relative;width:100%}.central-folder-icon-btn{background:transparent;border:2px solid var(--lower-band-1);color:var(--lower-band-1);width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background .8s cubic-bezier(.22,1,.36,1),color .8s cubic-bezier(.22,1,.36,1);position:relative;z-index:1;animation:default-folder-pulse 2s infinite}.central-folder-icon-btn svg{width:2.2rem;height:2.2rem;fill:currentColor;transition:transform .4s cubic-bezier(.16,1,.3,1)}.central-folder-icon-btn:hover{background:rgba(var(--lower-band-1-rgb),.15);color:var(--lower-band-3);box-shadow:inset 0 0 1.5rem rgba(var(--lower-band-3-rgb),.2);transition:background .1s ease-out,color .1s ease-out,box-shadow .1s ease-out}.central-folder-icon-btn:active{color:var(--accent-color);background:rgba(var(--lower-band-1-rgb),.1);transform:scale(.95);transition:none}@keyframes default-folder-pulse{0%{box-shadow:0 0 rgba(var(--lower-band-1-rgb),.4);border-color:rgba(var(--lower-band-1-rgb),.4)}70%{box-shadow:0 0 0 1rem rgba(var(--lower-band-1-rgb),0);border-color:rgba(var(--lower-band-1-rgb),.8)}to{box-shadow:0 0 rgba(var(--lower-band-1-rgb),0);border-color:rgba(var(--lower-band-1-rgb),.4)}}@keyframes invalid-folder-pulse{0%{box-shadow:0 0 rgba(var(--status-error-rgb),.4);border-color:rgba(var(--status-error-rgb),.4)}70%{box-shadow:0 0 0 1rem rgba(var(--status-error-rgb),0);border-color:rgba(var(--status-error-rgb),.8)}to{box-shadow:0 0 rgba(var(--status-error-rgb),0);border-color:rgba(var(--status-error-rgb),.4)}}@keyframes warning-folder-pulse{0%{box-shadow:0 0 rgba(var(--status-medium-rgb),.4);border-color:rgba(var(--status-medium-rgb),.4)}70%{box-shadow:0 0 0 1rem rgba(var(--status-medium-rgb),0);border-color:rgba(var(--status-medium-rgb),.8)}to{box-shadow:0 0 rgba(var(--status-medium-rgb),0);border-color:rgba(var(--status-medium-rgb),.4)}}.central-folder-icon-btn.invalid-selection{color:var(--status-error);border:2px solid var(--status-error);background:transparent;animation:invalid-folder-pulse 2s infinite}.central-folder-icon-btn.permission-required{color:var(--status-medium);border:2px solid var(--status-medium);background:transparent;animation:warning-folder-pulse 2s infinite}.central-folder-icon-btn.invalid-selection:before,.central-folder-icon-btn.permission-required:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgba(var(--background-1-rgb),.8);backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem);z-index:-1}.error-scrolling-text-container{position:absolute;width:100dvw;left:50%;transform:translate(-50%);pointer-events:none;z-index:0;overflow:hidden;white-space:nowrap;display:flex;align-items:center;justify-content:center;height:4rem;--fade-dist: clamp(10%, 10rem, 100%);--opaque-dist: calc(var(--fade-dist) * .25);-webkit-mask-image:linear-gradient(to right,transparent,transparent calc(50% - var(--fade-dist)),black calc(50% - var(--opaque-dist)),black calc(50% + var(--opaque-dist)),transparent calc(50% + var(--fade-dist)),transparent);mask-image:linear-gradient(to right,transparent,transparent calc(50% - var(--fade-dist)),black calc(50% - var(--opaque-dist)),black calc(50% + var(--opaque-dist)),transparent calc(50% + var(--fade-dist)),transparent)}.error-scrolling-text{position:absolute;font-family:inherit;font-weight:500;font-size:1.5rem;color:var(--status-error);opacity:.6;text-transform:uppercase;letter-spacing:.2rem;padding:0 .5rem;display:flex;will-change:transform}.success-scrolling-text{color:var(--status-success)}.warning-scrolling-text{color:var(--status-medium)}.peak-warning-scroller{position:relative!important;width:calc(100% - calc(4rem * var(--margin-spacing-multiplier)))!important;left:calc(2rem * var(--margin-spacing-multiplier))!important;transform:none!important;height:auto!important;min-height:1.8rem!important;margin:calc(1rem * var(--margin-spacing-multiplier)) 0!important;flex-shrink:0!important;z-index:10!important;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)!important;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)!important}.peak-scroller-top,.peak-scroller-bottom{background:rgba(var(--status-error-rgb),.03)!important}.peak-warning-scroller-text{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%);font-size:calc(.8rem * var(--label-font-multiplier))!important;font-weight:700!important;opacity:.8!important;color:var(--status-error)!important;white-space:nowrap!important;letter-spacing:normal!important;will-change:transform}@keyframes error-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes valid-folder-pulse{0%{box-shadow:0 0 rgba(var(--status-success-rgb),.4);border-color:rgba(var(--status-success-rgb),.4)}70%{box-shadow:0 0 0 1rem rgba(var(--status-success-rgb),0);border-color:rgba(var(--status-success-rgb),.8)}to{box-shadow:0 0 rgba(var(--status-success-rgb),0);border-color:rgba(var(--status-success-rgb),.4)}}.central-folder-icon-btn.valid-selection{color:var(--status-success);border:2px solid var(--status-success);animation:valid-folder-pulse 2s infinite}.intro-bottom-group{display:flex;flex-direction:column;gap:calc(.75rem * var(--vertical-spacing-multiplier))}.folder-restriction-note{color:var(--text-dim);line-height:1.6;margin:0}.setup-instruction code,.folder-restriction-note code{background:rgba(var(--lower-band-1-rgb),.1);padding:.2rem .5rem;border-radius:.4rem;color:var(--lower-band-3);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}.ranked-header{margin-bottom:2rem;flex-shrink:0}.ranked-header h2{margin:0;color:var(--upper-band-3)}.ranked-header .subtitle{color:var(--text-dim)}.ranked-info-top{display:flex;flex-direction:column;align-items:center;padding-bottom:0}.ranked-scenario-name{margin:.25rem 0;color:var(--upper-band-2)}.now-playing{color:var(--lower-band-1);opacity:.5}.instruction{color:var(--text-dim);opacity:.8}.action-btn-large{padding:.85rem 2.5rem;background:rgba(var(--lower-band-1-rgb),.1);border:1px solid var(--glass-border);color:var(--lower-band-3);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.action-btn-large:hover{background:rgba(var(--lower-band-1-rgb),.2);color:var(--upper-band-1);border-color:var(--lower-band-1);box-shadow:inset 0 0 1.5rem rgba(var(--lower-band-3-rgb),.2)}.secondary-btn{background:rgba(var(--lower-band-1-rgb),.05);border:1px solid var(--glass-border);color:var(--text-dim);padding:.4rem 1.25rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.secondary-btn:hover{background:rgba(var(--lower-band-1-rgb),.1);color:var(--text-main);border-color:var(--lower-band-1)}.ranked-info-card{background:rgba(var(--lower-band-1-rgb),.02);padding:1.75rem;border-radius:.75rem;border:1px solid var(--glass-border);max-width:25rem}.ranked-info-card h3{color:var(--lower-band-3);margin-top:0;margin-bottom:.75rem}.ranked-info-card p{margin:.5rem 0;color:var(--text-dim)}.ranked-info-card p.minor{opacity:.6;margin-top:1.25rem}.ranked-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.5rem;flex-shrink:0}.next-btn{padding:1rem 2.5rem;border-radius:.5rem;cursor:pointer;border:none;transition:all .3s cubic-bezier(.3,.85,.15,1)}.next-btn.luminous{background:var(--accent-color);color:var(--bg-color);box-shadow:0 0 1.25rem rgba(var(--accent-color-rgb),.4);animation:luminous-pulse 2s infinite}.next-btn.dull{background:rgba(var(--upper-band-1-rgb),.15);color:var(--text-dim);opacity:.7}@keyframes luminous-pulse{0%{box-shadow:0 0 1.25rem rgba(var(--accent-color-rgb),.3)}50%{box-shadow:0 0 1.75rem rgba(var(--accent-color-rgb),.5)}to{box-shadow:0 0 1.25rem rgba(var(--accent-color-rgb),.3)}}.bonus-btn{margin-top:1rem;background:rgba(var(--lower-band-1-rgb),.05);color:var(--lower-band-3);border:1px dashed var(--lower-band-1);padding:.65rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.bonus-btn:hover{background:rgba(var(--lower-band-1-rgb),.1);border-style:solid}.account-selection-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:3rem;max-width:60rem;margin:0 auto}.account-selection-view:after{content:"";flex:0 1 var(--header-total-offset);pointer-events:none}.account-selection-header{text-align:center}.account-selection-header h2{font-size:2.5rem;margin:0;background:linear-gradient(135deg,var(--upper-band-1),var(--upper-band-3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.account-selection-header p{color:var(--text-dim);margin-top:.5rem}.user-carousel-container{display:flex;align-items:center;justify-content:center;gap:2rem;width:100%;height:15rem;position:relative}.carousel-item{display:flex;flex-direction:column;align-items:center;gap:1rem;transition:all .4s cubic-bezier(.3,.85,.15,1);cursor:pointer;opacity:.6;transform:scale(.8)}.carousel-item.active{opacity:1;transform:scale(1.1);z-index:2}.carousel-pfp{width:6rem;height:6rem;border-radius:50%;border:.1875rem solid var(--glass-border);object-fit:cover;box-shadow:0 0 2rem rgba(var(--black-rgb),.2);transition:border-color .3s ease}.active .carousel-pfp{width:8rem;height:8rem;border-color:var(--accent-color);box-shadow:0 0 3rem rgba(var(--accent-color-rgb),.3)}.carousel-name{font-size:1.25rem;font-weight:600;color:var(--text-default);opacity:0;transition:opacity .3s ease}.active .carousel-name{opacity:1}.account-search-container{width:100%;max-width:30rem;display:flex;flex-direction:column;gap:1.5rem}.search-input-wrapper{position:relative;width:100%}.search-input{width:100%;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:2rem;padding:.75rem 1.5rem .75rem 3rem;color:var(--text-default);font-size:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 .25rem rgba(var(--accent-color-rgb),.1)}.search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--text-dim)}.search-results{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1rem;max-height:20rem;overflow-y:auto;display:none}.search-results.active{display:block}.search-result-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s ease}.search-result-item:hover{background:rgba(var(--accent-color-rgb),.1)}.search-result-pfp{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover}.search-result-info{display:flex;flex-direction:column}.search-result-name{font-weight:500}.search-result-id{font-size:.75rem;color:var(--text-dim)}.account-selection-view{display:flex;flex-direction:column;align-items:center;padding:2rem 0;max-width:100%;margin:0;height:100%;overflow:hidden;justify-content:center;gap:2rem}.account-selection-header{text-align:center;margin-bottom:0}.account-selection-header h2{font-size:calc(1.75rem * var(--label-font-multiplier));color:var(--upper-band-3);margin:0}.account-selection-header p{color:var(--text-dim);margin:0;font-size:.9rem}.carousel-group{width:100%;display:flex;flex-direction:column;align-items:center}.motion-stage{position:relative;width:100%;max-width:100%;height:6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-user-select:none;user-select:none}.carousel-track{position:relative;display:flex;align-items:center;justify-content:center;height:6rem;width:100%;transition:transform .2s linear;will-change:transform}.pfp-item{position:absolute;cursor:pointer;transition:all .2s linear;display:flex;flex-direction:column;align-items:center;opacity:.4;filter:grayscale(.5);z-index:1}.pfp-item.active{opacity:1;filter:grayscale(0);z-index:10}.carousel-pfp{width:3rem;height:3rem;border-radius:50%;border:2px solid var(--lower-band-1);object-fit:cover;transition:all .2s linear}.pfp-item.active .carousel-pfp{width:5rem;height:5rem;border-color:var(--lower-band-1);box-shadow:none!important;filter:none!important;outline:none!important}.pfp-item.remote .carousel-pfp,.pfp-item.active.remote .carousel-pfp{border-color:transparent;border-width:0}.pfp-item.remote:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:3rem;height:3rem;border-radius:50%;background:rgba(var(--accent-color-rgb),.15);background-image:repeating-linear-gradient(0deg,transparent,transparent .125rem,rgba(var(--accent-color-rgb),.2) .125rem,rgba(var(--accent-color-rgb),.2) .25rem);pointer-events:none;z-index:20;transition:all .2s linear}.pfp-item.active.remote:after{width:5rem;height:5rem}.pfp-item.remote{opacity:.3}.pfp-item.active.remote{opacity:.8;filter:none}.pfp-item.previewed{opacity:1;filter:grayscale(0);z-index:10}.pfp-item.previewed .carousel-pfp{width:3rem;height:3rem;border-color:var(--accent-color)}.pfp-item.previewed.remote:after{width:3rem;height:3rem}.name-stage{position:relative;height:1.5rem;overflow:hidden;width:100%;display:flex;justify-content:center;margin-top:0}.active-profile-name{position:absolute;font-size:1.2rem;font-weight:700;color:var(--upper-band-3);text-align:center;transition:transform .2s linear,opacity .2s linear}.active-profile-name.slide-up.exit{transform:translateY(-100%);opacity:0}.active-profile-name.slide-up.enter,.active-profile-name.slide-down.exit{transform:translateY(100%);opacity:0}.active-profile-name.slide-down.enter{transform:translateY(-100%);opacity:0}.active-profile-name.current{transform:translateY(0);opacity:1}.account-search-container{position:relative;width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:0}.search-input-wrapper{position:relative;width:100%;margin-bottom:0}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--text-dim);pointer-events:none}.search-input{width:100%;background:rgba(var(--background-1-rgb),.1);border:1px solid var(--glass-border);border-radius:2rem;padding:.6rem 1rem .6rem 2.5rem;color:var(--upper-band-3);font-family:inherit;font-size:.9rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--accent-color);background:rgba(var(--background-1-rgb),.15);box-shadow:0 0 1rem rgba(var(--accent-color-rgb),.1)}.pfp-delete-btn{position:absolute;top:-.3rem;right:-.3rem;width:1.1rem;height:1.1rem;background:transparent;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s cubic-bezier(.22,1,.36,1);z-index:20;cursor:pointer;color:var(--lower-band-1);overflow:hidden}.pfp-item.active .pfp-delete-btn{width:1.8rem;height:1.8rem;top:-.5rem;right:-.5rem}.pfp-item:hover .pfp-delete-btn{opacity:1}.pfp-delete-btn:hover{background:var(--bg-color);color:var(--status-hard);box-shadow:inset 0 0 .5rem rgba(var(--status-hard-rgb),.2)}.pfp-delete-btn svg{width:65%;height:65%;fill:currentColor;position:relative;z-index:2;pointer-events:none}.pfp-delete-btn .button-fill{position:absolute;bottom:0;left:0;width:100%;height:0%;background:rgba(var(--status-hard-rgb),.2);pointer-events:none;z-index:1;transition:height .05s linear}
