/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:"Archivo Variable", "Helvetica Neue", Helvetica, sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, monospace;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-sm:4px;--radius-md:7px;--radius-lg:10px;--radius-xl:14px;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Archivo Variable", "Helvetica Neue", Helvetica, sans-serif;--font-heading:var(--font-display)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{top:0;right:0;bottom:0;left:0}.top-1\/2{top:50%}.top-3\.5{top:calc(var(--spacing) * 3.5)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.bottom-0{bottom:0}.left-1\/2{left:50%}.z-10{z-index:10}.z-50{z-index:50}.z-\[51\]{z-index:51}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.-mb-px{margin-bottom:-1px}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-\[13px\]{width:13px;height:13px}.size-\[18px\]{width:18px;height:18px}.size-\[55\%\]{width:55%;height:55%}.size-full{width:100%;height:100%}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-auto\!{height:auto!important}.h-px{height:1px}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.min-h-screen{min-height:100vh}.w-\(--radix-dropdown-menu-trigger-width\){width:var(--radix-dropdown-menu-trigger-width)}.w-9{width:calc(var(--spacing) * 9)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-28{min-width:calc(var(--spacing) * 28)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-\[96px\]{min-width:96px}.flex-1{flex:1}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.auto-rows-min{grid-auto-rows:min-content}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-\(--card-spacing\){gap:var(--card-spacing)}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[1px\]{border-radius:1px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\(--border-inner\){border-color:var(--border-inner)}.border-\[color-mix\(in_srgb\,var\(--danger\)_40\%\,transparent\)\]{border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.border-\[color-mix\(in_srgb\,var\(--danger\)_40\%\,transparent\)\]{border-color:color-mix(in srgb,var(--danger) 40%,transparent)}}.border-input{border-color:var(--input)}.border-line{border-color:var(--border-primary)}.border-transparent{border-color:#0000}.bg-\(--border-primary\){background-color:var(--border-primary)}.bg-\(--scrim\){background-color:var(--scrim)}.bg-\(--text-primary\){background-color:var(--text-primary)}.bg-\[color-mix\(in_srgb\,var\(--danger\)_10\%\,transparent\)\]{background-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--danger\)_10\%\,transparent\)\]{background-color:color-mix(in srgb,var(--danger) 10%,transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-editor{background-color:var(--bg-editor)}.bg-muted{background-color:var(--muted)}.bg-opp-fill{background-color:var(--opp-fill)}.bg-page{background-color:var(--bg-page)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-raised{background-color:var(--bg-secondary)}.bg-transparent{background-color:#0000}.bg-you-fill{background-color:var(--you-fill)}.fill-popover{fill:var(--popover)}.object-cover{object-fit:cover}.p-\(--card-spacing\){padding:var(--card-spacing)}.p-0{padding:0}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-\(--card-spacing\){padding-inline:var(--card-spacing)}.px-0\!{padding-inline:0!important}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-\(--card-spacing\){padding-block:var(--card-spacing)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\/relaxed{font-size:var(--text-xs);line-height:var(--leading-relaxed)}.text-\[12\.5px\]{font-size:12.5px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[19px\]{font-size:19px}.text-\[21px\]{font-size:21px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.text-\(--text-muted\){color:var(--text-muted)}.text-body{color:var(--text-body)}.text-card-foreground{color:var(--card-foreground)}.text-danger{color:var(--danger)}.text-dim{color:var(--text-muted)}.text-foreground{color:var(--foreground)}.text-ink{color:var(--text-primary)}.text-input{color:var(--input)}.text-muted-foreground{color:var(--muted-foreground)}.text-opp-ink{color:var(--opp-ink)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.text-you{color:var(--you)}.text-you-ink{color:var(--you-ink)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.italic{font-style:italic}.\[font-stretch\:80\%\]{font-stretch:80%}.\[font-stretch\:88\%\]{font-stretch:88%}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.bg-blend-color{background-blend-mode:color}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\(--shadow-float\){--tw-shadow:var(--shadow-float);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\(--shadow-pop\){--tw-shadow:var(--shadow-pop);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_2px_rgb\(0_0_0\/0\.35\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_-3px_0_var\(--opp-lip\)\]{--tw-shadow:inset 0 -3px 0 var(--tw-shadow-color,var(--opp-lip));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_-3px_0_var\(--you-lip\)\]{--tw-shadow:inset 0 -3px 0 var(--tw-shadow-color,var(--you-lip));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-background{--tw-ring-color:var(--background)}.ring-border{--tw-ring-color:var(--border)}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[background-color\,border-color\,color\,box-shadow\,transform\]{transition-property:background-color,border-color,color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\(--dur-fast\){--tw-duration:var(--dur-fast);transition-duration:var(--dur-fast)}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-\(--ease-out\){--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--card-spacing\:--spacing\(4\)\]{--card-spacing:calc(var(--spacing) * 4)}.running{animation-play-state:running}.group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *){color:var(--accent-foreground)}.group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *){width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *){width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size=sm] *){display:grid}.group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size=sm] *){grid-template-columns:repeat(2,minmax(0,1fr))}.group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *){width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-xs::file-selector-button{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:border-border:after{content:var(--tw-content);border-color:var(--border)}.after\:mix-blend-darken:after{content:var(--tw-content);mix-blend-mode:darken}@media(hover:hover){.hover\:border-\(--text-tertiary\):hover{border-color:var(--text-tertiary)}.hover\:bg-\(--you-fill-hover\):hover{background-color:var(--you-fill-hover)}.hover\:bg-\[color-mix\(in_srgb\,var\(--danger\)_18\%\,transparent\)\]:hover{background-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--danger\)_18\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--danger) 18%,transparent)}}.hover\:bg-raised:hover{background-color:var(--bg-secondary)}.hover\:bg-secondary:hover{background-color:var(--secondary)}.hover\:text-\(--text-body\):hover{color:var(--text-body)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-ink:hover{color:var(--text-primary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus,:is(.focus\:\*\*\:text-accent-foreground:focus *),:is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant=destructive]):focus *){color:var(--accent-foreground)}.focus-visible\:border-dim:focus-visible{border-color:var(--text-muted)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:shadow-\[inset_0_-1px_0_var\(--opp-lip\)\]:active{--tw-shadow:inset 0 -1px 0 var(--tw-shadow-color,var(--opp-lip));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.active\:shadow-\[inset_0_-1px_0_var\(--you-lip\)\]:active{--tw-shadow:inset 0 -1px 0 var(--tw-shadow-color,var(--you-lip));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-input\/50:disabled{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot=alert-dialog-media]){grid-template-rows:auto auto 1fr}.has-data-\[slot\=alert-dialog-media\]\:gap-x-4:has([data-slot=alert-dialog-media]){column-gap:calc(var(--spacing) * 4)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]){padding-bottom:0}.has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot=kbd]){padding-right:calc(var(--spacing) * 1.5)}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:0}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-1[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-inset\:pl-7[data-inset]{padding-left:calc(var(--spacing) * 7)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:max-w-\[calc\(100\%-2rem\)\][data-size=default]{max-width:calc(100% - 2rem)}.data-\[size\=lg\]\:size-10[data-size=lg]{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.data-\[size\=sm\]\:size-6[data-size=sm]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.data-\[size\=sm\]\:max-w-xs[data-size=sm]{max-width:var(--container-xs)}.data-\[size\=sm\]\:\[--card-spacing\:--spacing\(3\)\][data-size=sm]{--card-spacing:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:0}:is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.\*\:data-\[slot\=avatar\]\:ring-background>*)[data-slot=avatar]{--tw-ring-color:var(--background)}:is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot=kbd]{position:relative}:is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot=kbd]{isolation:isolate}:is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot=kbd]{z-index:50}:is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot=kbd]{border-radius:var(--radius-sm)}.data-\[state\=active\]\:border-\(--text-primary\)[data-state=active]{border-color:var(--text-primary)}.data-\[state\=active\]\:text-\(--text-primary\)[data-state=active]{color:var(--text-primary)}.data-\[state\=closed\]\:overflow-hidden[data-state=closed]{overflow:hidden}.data-\[state\=delayed-open\]\:animate-in[data-state=delayed-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=delayed-open\]\:fade-in-0[data-state=delayed-open]{--tw-enter-opacity:0}.data-\[state\=delayed-open\]\:zoom-in-95[data-state=delayed-open]{--tw-enter-scale:.95}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\:backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media(prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}}@media(min-width:40rem){.sm\:w-\[300px\]{width:300px}.sm\:w-auto{width:auto}.sm\:max-w-\[460px\]{max-width:460px}.sm\:max-w-\[600px\]{max-width:600px}.sm\:max-w-md{max-width:var(--container-md)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size=default] *){grid-row:span 2/span 2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size=default] *){place-items:start}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size=default] *){text-align:left}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size=default] *):is(:where(.group\/alert-dialog-content):has([data-slot=alert-dialog-media]) *){grid-column-start:2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]){grid-template-rows:auto 1fr}.data-\[size\=default\]\:sm\:max-w-md[data-size=default]{max-width:var(--container-md)}}@media(min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-pretty{text-wrap:pretty}}@media(prefers-color-scheme:dark){.dark\:after\:mix-blend-lighten:after{content:var(--tw-content);mix-blend-mode:lighten}.dark\:disabled\:bg-input\/80:disabled{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:disabled\:bg-input\/80:disabled{background-color:color-mix(in oklab,var(--input) 80%,transparent)}}.dark\:aria-invalid\:border-destructive\/50[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:border-destructive\/50[aria-invalid=true]{border-color:color-mix(in oklab,var(--destructive) 50%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}}.data-open\:animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:bg-accent:where([data-state=open]),.data-open\:bg-accent:where([data-open]:not([data-open=false])){background-color:var(--accent)}.data-open\:text-accent-foreground:where([data-state=open]),.data-open\:text-accent-foreground:where([data-open]:not([data-open=false])){color:var(--accent-foreground)}.data-open\:fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.data-open\:zoom-in-95:where([data-state=open]),.data-open\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}.data-closed\:animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.data-closed\:zoom-out-95:where([data-state=closed]),.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.data-checked\:translate-x-\[18px\]:where([data-state=checked]),.data-checked\:translate-x-\[18px\]:where([data-checked]:not([data-checked=false])){--tw-translate-x:18px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-checked\:bg-\(--you-fill\):where([data-state=checked]),.data-checked\:bg-\(--you-fill\):where([data-checked]:not([data-checked=false])){background-color:var(--you-fill)}.data-checked\:bg-\(--you-ink\):where([data-state=checked]),.data-checked\:bg-\(--you-ink\):where([data-checked]:not([data-checked=false])){background-color:var(--you-ink)}.data-disabled\:pointer-events-none:where([data-disabled=true]),.data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled=false])){pointer-events:none}.data-disabled\:opacity-50:where([data-disabled=true]),.data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5}.data-horizontal\:h-px:where([data-orientation=horizontal]){height:1px}.data-horizontal\:w-full:where([data-orientation=horizontal]){width:100%}.data-vertical\:w-px:where([data-orientation=vertical]){width:1px}.data-vertical\:self-stretch:where([data-orientation=vertical]){align-self:stretch}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\.border-b\]\:pb-\(--card-spacing\).border-b{padding-bottom:var(--card-spacing)}:is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}:is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}@media(hover:hover){:is(.\*\:\[a\]\:hover\:text-foreground>*):is(a):hover{color:var(--foreground)}}:is(.\*\:\[img\:first-child\]\:rounded-sm>*):is(img:first-child),:is(.\*\:\[img\:last-child\]\:rounded-sm>*):is(img:last-child){border-radius:var(--radius-sm)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)}:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg,.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg{display:none}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media(prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg-editor:#0a0b0f;--bg-page:#0f1016;--bg-card:#16171e;--bg-card-hi:#1b1c24;--bg-secondary:#22232c;--scrim:#05060ac2;--border-primary:#2c2d38;--border-inner:#22232c;--border-row:#1a1b22;--border-gutter:#16171e;--text-primary:#eef1e8;--text-body:#cdd2c3;--text-muted:#939a85;--text-tertiary:#6d7360;--text-line-number:#4b5041;--you:#b6d96f;--you-hi:#cfe897;--you-fill:#8cb547;--you-fill-hover:#9ac353;--you-lip:#56762d;--you-ink:#12180b;--opp:#ff9270;--opp-hi:#ffb49b;--opp-fill:#f26b43;--opp-lip:#a3421f;--opp-ink:#1f0b05;--brand-red:var(--opp-fill)}@supports (color:color-mix(in lab,red,red)){:root{--brand-red:color-mix(in oklab, var(--opp-fill) 55%, var(--text-muted))}}:root{--brand-green:var(--you-fill)}@supports (color:color-mix(in lab,red,red)){:root{--brand-green:color-mix(in oklab, var(--you-fill) 55%, var(--text-muted))}}:root{--lvl-1:#8a8f9c;--lvl-2:#6fb3a0;--lvl-3:#45c2c9;--lvl-4:#4fa3f7;--lvl-5:#6f86ff;--lvl-6:#9a78ff;--lvl-7:#c86ef0;--lvl-8:#f06bb4;--lvl-9:#ff5f6d;--lvl-10:#ffc53d;--name-standard:var(--text-primary);--name-sky:#7cc4ff;--name-teal:#5fd4c4;--name-lilac:#c7a6ff;--name-frost:#cfe0f5;--warn:#e9bb4d;--danger:#f05d5d;--syn-keyword:#f2a65a;--syn-builtin:#7fc8d6;--syn-string:#c5d98c;--syn-param:#d9acec;--syn-class:#8fd6b8;--syn-comment:#6d7360;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:90ms;--dur-base:.16s;--dur-beat:.24s;--dur-hold:.15s;--dur-tension:.45s;--dur-reveal:.48s;--dur-enter:.6s;--dur-moment:.9s;--dur-linger:1s;--ease-snap:cubic-bezier(.34, 1.56, .64, 1);--ease-impact:cubic-bezier(.7, 0, .84, 0);--ease-settle:cubic-bezier(.22, 1, .36, 1);--shake-px:10px;--shadow-float:0 18px 50px #0000008c, 0 0 0 1px #ffffff08;--shadow-pop:0 8px 24px #0006;--accent-green:var(--you-fill);--accent-green-hover:var(--you-fill-hover);--accent-green-text:var(--you);--accent-green-hover-text:var(--you-hi);--accent-coral:var(--opp);--text-on-accent:var(--you-ink);--tint-green:var(--you-fill)}@supports (color:color-mix(in lab,red,red)){:root{--tint-green:color-mix(in srgb, var(--you-fill) 9%, transparent)}}:root{--tint-coral:var(--opp)}@supports (color:color-mix(in lab,red,red)){:root{--tint-coral:color-mix(in srgb, var(--opp) 8%, transparent)}}:root{--line-green:var(--you)}@supports (color:color-mix(in lab,red,red)){:root{--line-green:color-mix(in srgb, var(--you) 27%, transparent)}}:root{--line-coral:var(--opp)}@supports (color:color-mix(in lab,red,red)){:root{--line-coral:color-mix(in srgb, var(--opp) 27%, transparent)}}:root{--tint-warn:var(--warn)}@supports (color:color-mix(in lab,red,red)){:root{--tint-warn:color-mix(in srgb, var(--warn) 8%, transparent)}}:root{--line-warn:var(--warn)}@supports (color:color-mix(in lab,red,red)){:root{--line-warn:color-mix(in srgb, var(--warn) 30%, transparent)}}:root{--tint-danger:var(--danger)}@supports (color:color-mix(in lab,red,red)){:root{--tint-danger:color-mix(in srgb, var(--danger) 9%, transparent)}}:root{--line-danger:var(--danger)}@supports (color:color-mix(in lab,red,red)){:root{--line-danger:color-mix(in srgb, var(--danger) 34%, transparent)}}:root{--raid:#b58cff;--tint-raid:var(--raid)}@supports (color:color-mix(in lab,red,red)){:root{--tint-raid:color-mix(in srgb, var(--raid) 8%, transparent)}}:root{--line-raid:var(--raid)}@supports (color:color-mix(in lab,red,red)){:root{--line-raid:color-mix(in srgb, var(--raid) 32%, transparent)}}:root{--background:var(--bg-page);--foreground:var(--text-primary);--card:var(--bg-card);--card-foreground:var(--text-primary);--popover:var(--bg-card-hi);--popover-foreground:var(--text-primary);--primary:var(--you-fill);--primary-foreground:var(--you-ink);--secondary:var(--bg-secondary);--secondary-foreground:var(--text-body);--muted:var(--bg-secondary);--muted-foreground:var(--text-muted);--accent:var(--bg-secondary);--accent-foreground:var(--text-primary);--destructive:var(--danger);--border:var(--border-primary);--input:var(--border-primary);--ring:var(--you);--radius:var(--radius-md);--chart-1:var(--you-fill);--chart-2:var(--opp-fill);--chart-3:var(--warn);--chart-4:var(--syn-builtin);--chart-5:var(--text-tertiary)}html,body{background:var(--bg-page);margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:-.01em;font-weight:650}a{color:var(--you);text-decoration:none}a:hover{color:var(--you-hi)}::selection{background:var(--you-fill)}@supports (color:color-mix(in lab,red,red)){::selection{background:color-mix(in srgb,var(--you-fill) 32%,transparent)}}button{font-family:var(--font-sans)}#root{height:100vh}.tnum{font-variant-numeric:tabular-nums}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);text-transform:lowercase;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:19px;font-weight:800;font-stretch:72%;line-height:1;display:inline-flex}.wordmark .wm-board{flex:none;grid-template-columns:1fr 1fr;gap:1.5px;width:.95em;height:.95em;display:grid}.wordmark .wm-board i{background:var(--border-primary);border-radius:1.5px}.wordmark .wm-board i:first-child{background:var(--brand-green)}.wordmark .wm-board i:nth-child(4){background:var(--brand-red)}.wordmark .wm-text{align-items:baseline;display:inline-flex}.wordmark .wm-a{color:var(--brand-red)}.wordmark .wm-b{color:var(--brand-green)}.tag{--tag-c:var(--text-muted);border:1px solid var(--tag-c);flex:none;justify-content:center;align-items:center;gap:5px;min-width:22px;height:22px;padding:0 8px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tag{border:1px solid color-mix(in srgb,var(--tag-c) 30%,transparent)}}.tag{background:var(--tag-c);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.tag{background:color-mix(in srgb,var(--tag-c) 9%,transparent)}}.tag{color:var(--tag-c);font-family:var(--font-sans);letter-spacing:0;text-transform:none;white-space:nowrap;vertical-align:middle;font-size:11.5px;font-weight:600;line-height:1}.tag[data-tone=neutral]{border-color:var(--border-primary);background:0 0}.tag[data-tone=you]{--tag-c:var(--you)}.tag[data-tone=opp]{--tag-c:var(--opp)}.tag[data-tone=warn]{--tag-c:var(--warn)}.tag[data-tone=danger]{--tag-c:var(--danger)}.tag[data-tone=solid]{background:var(--you-fill);color:var(--you-ink);border-color:#0000}.tag img,.tag svg{object-fit:contain;flex:none;width:14px;height:14px}.tag .tag-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.app-shell{background:var(--bg-page);flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border-primary);background:var(--bg-card);z-index:20;flex:none;align-items:center;gap:28px;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.header-level{border:1px solid var(--border-primary);background:var(--bg-page);border-radius:999px;align-items:center;gap:8px;padding:3px 10px 3px 4px;display:flex}.header-level .value{font-family:var(--font-mono);letter-spacing:-.02em;font-size:14px;font-weight:700}.header-user{align-items:center;gap:10px;display:flex}.header-user .username{color:var(--text-body);font-size:13px;font-weight:500}.link-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px}.link-button:hover{color:var(--text-body)}.btn-primary{background:var(--you-fill);color:var(--you-ink);border-radius:var(--radius-md);cursor:pointer;box-shadow:inset 0 -3px 0 var(--you-lip);transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);border:1px solid #0000;padding:11px 24px 13px;font-size:14px;font-weight:650}.btn-primary:hover:not(:disabled){background:var(--you-fill-hover)}.btn-primary:active:not(:disabled){box-shadow:inset 0 -1px 0 var(--you-lip);transform:translateY(1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-body);border-radius:var(--radius-md);cursor:pointer;padding:12px 20px;font-size:14px;font-weight:500}.btn-secondary:hover:not(:disabled){border-color:var(--text-muted)}.btn-ghost{border:1px solid var(--border-primary);color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:12px 22px;font-size:14px;font-weight:500}.btn-ghost:hover{color:var(--text-body)}.btn-ghost.danger:hover{color:var(--accent-coral);border-color:var(--opp)}@supports (color:color-mix(in lab,red,red)){.btn-ghost.danger:hover{border-color:color-mix(in srgb,var(--opp) 40%,transparent)}}.text-input{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-page);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-sizing:border-box;outline:none;padding:11px 14px;font-size:14px}.text-input::placeholder{color:var(--text-tertiary)}.text-input:focus{border-color:var(--text-muted)}.error-text{color:var(--accent-coral);margin:0;font-size:13px}.card{border:1px solid var(--border-primary);background:var(--bg-card);border-radius:10px}.card-header{border-bottom:1px solid var(--border-inner);justify-content:space-between;align-items:center;padding:16px 22px;font-size:14px;font-weight:600;display:flex}.eyebrow{letter-spacing:0;color:var(--text-muted);font-size:11.5px}.mono{font-family:var(--font-mono)}.gate{box-sizing:border-box;background:radial-gradient(60% 50% at 50% 46%,var(--you-fill),transparent 70%),var(--bg-page);place-items:center;min-height:100vh;padding:24px 16px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.gate{background:radial-gradient(60% 50% at 50% 46%,color-mix(in srgb,var(--you-fill) 3%,transparent),transparent 70%),var(--bg-page)}}.gate-board{--sq:clamp(56px, 9vmin, 92px);width:calc(var(--sq) * 8);height:calc(var(--sq) * 8);background:repeating-conic-gradient(var(--bg-card) 0 25%,transparent 0 50%) 0 0 / calc(var(--sq) * 2) calc(var(--sq) * 2);opacity:0;animation:gate-board 1.4s var(--ease-out) 60ms forwards;pointer-events:none;position:absolute;top:46%;left:50%;translate:-50% -50%;rotate:-8deg;-webkit-mask-image:radial-gradient(closest-side,#000 20%,#0000 100%);mask-image:radial-gradient(closest-side,#000 20%,#0000)}.gate-stack{flex-direction:column;align-items:center;gap:40px;margin-top:-4vh;display:flex;position:relative}.gate-mark{margin:0;line-height:1}.gate-mark .wordmark{letter-spacing:-.025em;opacity:0;animation:gate-rise .7s var(--ease-out) .12s forwards;gap:.22em;font-size:clamp(44px,11vw,88px)}.gate-mark .wordmark .wm-board{gap:3px}.gate-mark .wordmark .wm-board i{border-radius:3px}.gate-action{opacity:0;min-height:48px;animation:gate-rise .6s var(--ease-out) .32s forwards;flex-direction:column;align-items:center;gap:12px;display:flex}.gate-note{font-family:var(--font-mono);color:var(--text-muted);margin:0;font-size:13px;line-height:48px}@keyframes gate-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes gate-board{0%{opacity:0;scale:1.06}to{opacity:1;scale:1}}@media(prefers-reduced-motion:reduce){.gate-board,.gate-mark .wordmark,.gate-action{opacity:1;animation:none}}.signin-main{flex:1;place-items:center;min-height:0;padding:40px 24px;display:grid;position:relative;overflow:auto}.signin-glow{background:radial-gradient(700px 400px at 50% 30%,var(--you-fill),transparent 70%);position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.signin-glow{background:radial-gradient(700px 400px at 50% 30%,color-mix(in srgb,var(--you-fill) 3%,transparent),transparent 70%)}}.signin-glow{pointer-events:none}.signin-card{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;max-width:400px;padding:34px 32px 30px;display:flex;position:relative}.signin-card h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800;font-stretch:80%}.invite-pick{display:flex}.signin-card .sub{color:var(--text-muted);margin:0 0 8px;font-size:14px}.empty-state{color:var(--text-muted);text-align:center;padding:26px 22px;font-size:13px}.modal-overlay{z-index:50;background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:24px;animation:.15s ease-out overlayIn;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.wait-modal{isolation:isolate;border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:radial-gradient(360px 220px at 50% 0%,var(--you-fill),transparent 70%),var(--bg-card);flex-direction:column;width:100%;max-width:440px;padding:16px 24px 22px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.wait-modal{background:radial-gradient(360px 220px at 50% 0%,color-mix(in srgb,var(--you-fill) 10%,transparent),transparent 70%),var(--bg-card)}}.wait-modal{box-shadow:var(--shadow-float);animation:modalIn .18s var(--ease-out)}.wait-board{z-index:-1;background:repeating-conic-gradient(var(--text-primary) 0 25%,transparent 0 50%) 0 0 / 48px 48px;width:460px;height:360px;position:absolute;top:-150px;left:50%;translate:-50%}@supports (color:color-mix(in lab,red,red)){.wait-board{background:repeating-conic-gradient(color-mix(in srgb,var(--text-primary) 3.5%,transparent) 0 25%,transparent 0 50%) 0 0 / 48px 48px}}.wait-board{pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 20%,#0000 100%);mask-image:radial-gradient(closest-side,#000 20%,#0000)}.wait-top{justify-content:space-between;align-items:center;gap:12px;margin-right:-12px;display:flex}.wait-kicker{color:var(--text-muted);font-size:12.5px;font-weight:600}.wait-seats{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;margin-top:18px;display:grid}.wait-seat{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.wait-seat[data-you] [data-slot=avatar]{box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px var(--you-fill)}.wait-seat-empty{border:1.5px dashed var(--border-primary);width:56px;height:56px;color:var(--text-tertiary);border-radius:50%;place-items:center;display:grid}.wait-seat-empty svg{width:24px;height:24px}.wait-seat-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-primary);margin-top:4px;font-size:14.5px;font-weight:700;overflow:hidden}.wait-seat[data-open] .wait-seat-name{color:var(--text-muted);font-weight:600}.wait-seat-name .player-name.player-name-below{align-items:center}.wait-seat-sub{color:var(--text-tertiary);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.wait-seat-sub .tnum{font-family:var(--font-mono);color:var(--text-body)}.wait-vs{flex-direction:column;align-items:center;gap:4px;padding-top:12px;display:flex}.wait-clock{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--text-primary);font-size:24px;font-weight:700;line-height:1}.wait-vs-word{font-family:var(--font-display);color:var(--text-tertiary);font-size:15px;font-weight:800;font-stretch:80%}.wait-title{font-family:var(--font-display);letter-spacing:-.01em;text-align:center;color:var(--text-primary);margin:28px 0 16px;font-size:26px;font-weight:850;font-stretch:76%;line-height:1.05}.wait-sub{text-align:center;max-width:34ch;color:var(--text-muted);margin:8px auto 0;font-size:13.5px;line-height:1.5}.wait-range{margin-top:20px}.wait-range-bar{background:var(--bg-page);border-radius:4px;height:8px;position:relative}.wait-range-band{border-radius:inherit;background:var(--you-fill);position:absolute;top:0;bottom:0}@supports (color:color-mix(in lab,red,red)){.wait-range-band{background:color-mix(in srgb,var(--you-fill) 45%,transparent)}}.wait-range-band{transition:left 1s linear,right 1s linear}.wait-range-you{background:var(--you);border-radius:2px;width:3px;position:absolute;top:-3px;bottom:-3px;left:50%;translate:-50%}.wait-range-labels{font-family:var(--font-mono);color:var(--text-body);justify-content:space-between;margin-top:8px;font-size:12.5px;display:flex}.wait-range-labels .wait-range-mid{font-family:var(--font-sans);color:var(--text-tertiary)}.wait-facts{border-top:1px solid var(--border-inner);grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 0;display:grid}.wait-facts>div{flex-direction:column;align-items:center;gap:3px;padding:12px 4px 0;display:flex}.wait-facts>div+div{box-shadow:inset 1px 0 0 var(--border-inner)}.wait-facts dt{color:var(--text-tertiary);font-size:12px}.wait-facts dd{font-family:var(--font-mono);color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.wait-pick{color:var(--text-body);justify-content:center;align-items:center;gap:7px;margin-top:16px;font-size:13.5px;display:flex}.wait-pick svg{width:15px;height:15px;color:var(--you)}.wait-pick>span:first-of-type{color:var(--text-primary);font-weight:700}.wait-pick-sep{color:var(--text-tertiary)}.wait-pick-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wait-link{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-page);align-items:center;gap:8px;margin-top:14px;padding:5px 5px 5px 12px;display:flex}.wait-link:focus-within{border-color:var(--text-tertiary)}.wait-link-icon{width:16px;height:16px;color:var(--text-tertiary);flex:none}.wait-link-url{min-width:0;font-family:var(--font-mono);color:var(--text-body);text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:13px}.wait-direct-note{text-align:center;color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.5}.wait-direct-note .tnum{font-family:var(--font-mono);color:var(--text-primary)}.wait-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}@media(max-width:420px){.wait-modal{padding:14px 16px 18px}.wait-clock{font-size:20px}.wait-title{font-size:23px}}@media(prefers-reduced-motion:reduce){.wait-range-band{transition:none}}.queue-pill{z-index:40;border:1px solid var(--border-primary);background:var(--bg-card-hi);box-shadow:var(--shadow-pop);animation:modalIn .18s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:5px 5px 5px 6px;display:flex;position:fixed;bottom:16px;right:16px}.queue-pill-text{color:var(--text-muted);font-size:12.5px}.queue-pill-time{min-width:3.2em;font-family:var(--font-mono);color:var(--text-primary);font-size:13px;font-weight:600}.queue-pill .rounded-md{border-radius:999px}@media(prefers-reduced-motion:reduce){.wait-modal,.queue-pill{animation:none}}.confirm-modal{text-align:center;background:var(--bg-card);border:1px solid var(--border-primary);width:100%;max-width:320px;box-shadow:var(--shadow-float);animation:modalIn .18s var(--ease-out);border-radius:14px;flex-direction:column;align-items:center;padding:26px 22px 18px;display:flex;position:relative}.confirm-modal-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:24px;font-weight:800;font-stretch:80%;line-height:1.1}.confirm-modal-sub{color:var(--text-muted);margin:6px 0 0;font-size:13px}.confirm-modal-opponent{border-top:1px solid var(--border-inner);border-bottom:1px solid var(--border-inner);text-align:left;align-items:center;gap:12px;width:100%;margin-top:20px;padding:14px 0;display:flex}.confirm-modal-opponent .name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:15px;font-weight:600;overflow:hidden}.confirm-modal-opponent .rating{font-family:var(--font-mono);align-items:center;gap:6px;margin-top:3px;font-size:13px;font-weight:600;display:flex}.confirm-modal-countdown{width:100%;font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:10px;margin-top:16px;font-size:13px;display:flex}.confirm-modal-countdown .track{background:var(--bg-secondary);border-radius:2px;flex:1;height:3px;overflow:hidden}.confirm-modal-countdown .fill{background:var(--you-fill);height:100%;transition:width .2s linear}.confirm-modal-actions{flex-direction:column;gap:6px;width:100%;margin-top:16px;display:flex}.confirm-modal-waiting{color:var(--you);align-items:center;gap:6px;margin:18px 0 6px;font-size:13px;display:flex}@media(prefers-reduced-motion:reduce){.confirm-modal{animation:none}.confirm-modal-countdown .fill{transition:none}}.conn-modal{text-align:center;background:var(--bg-card);border:1px solid var(--border-primary);width:100%;max-width:340px;box-shadow:var(--shadow-float);border-radius:14px;flex-direction:column;align-items:center;padding:26px 24px 22px;animation:.18s cubic-bezier(.16,1,.3,1) modalIn;display:flex}.conn-modal-icon{width:22px;height:22px;color:var(--accent-coral);margin-bottom:12px}.conn-modal-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.conn-modal-body{color:var(--text-muted);margin:8px 0 0;font-size:14px;line-height:1.55}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.po-dialog{flex-direction:column;display:flex;overflow:hidden}.po-head{isolation:isolate;border-bottom:1px solid var(--border-inner);background:radial-gradient(420px 200px at 100% 0%,var(--you-fill),transparent 70%),linear-gradient(170deg,var(--bg-card-hi) 0%,var(--bg-card) 75%);flex-direction:column;flex:none;gap:8px;padding:26px 56px 22px 26px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.po-head{background:radial-gradient(420px 200px at 100% 0%,color-mix(in srgb,var(--you-fill) 12%,transparent),transparent 70%),linear-gradient(170deg,var(--bg-card-hi) 0%,var(--bg-card) 75%)}}.po-head-board{z-index:-1;background:repeating-conic-gradient(var(--text-primary) 0 25%,transparent 0 50%) 0 0 / 56px 56px;width:280px;height:280px;position:absolute;top:-80px;right:-60px;rotate:-8deg}@supports (color:color-mix(in lab,red,red)){.po-head-board{background:repeating-conic-gradient(color-mix(in srgb,var(--text-primary) 4%,transparent) 0 25%,transparent 0 50%) 0 0 / 56px 56px}}.po-head-board{pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 15%,#0000 100%);mask-image:radial-gradient(closest-side,#000 15%,#0000)}.po-title.po-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:34px;font-weight:850;font-stretch:74%;line-height:1}.po-sub{font-size:14px}.po-terms{flex-wrap:wrap;gap:6px 18px;margin:6px 0 0;padding:0;list-style:none;display:flex}.po-terms li{color:var(--text-body);align-items:center;gap:7px;font-size:13px;display:inline-flex}.po-terms svg{width:15px;height:15px;color:var(--you)}.po-body{overscroll-behavior:contain;flex:1;min-height:0;padding:20px 26px 22px;overflow-y:auto}.po-label{color:var(--text-muted);margin-bottom:10px;font-size:13px;font-weight:600}.po-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.po-mode{border-radius:var(--radius-lg);background:var(--bg-page);box-shadow:inset 0 0 0 1px var(--border-inner);transition:box-shadow var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out);flex-direction:column;gap:6px;padding:14px 14px 14px 16px;display:flex;position:relative}.po-mode[data-on]{background:linear-gradient(160deg,var(--you-fill) 0%,var(--bg-page) 70%)}@supports (color:color-mix(in lab,red,red)){.po-mode[data-on]{background:linear-gradient(160deg,color-mix(in srgb,var(--you-fill) 10%,var(--bg-page)) 0%,var(--bg-page) 70%)}}.po-mode[data-on]{box-shadow:inset 0 0 0 1px var(--line-green)}.po-mode-top{align-items:center;gap:8px;margin-bottom:6px;display:flex}.po-mode-top .tag,.po-mode-top [role=switch]{margin-left:auto}.po-mode-top .tag+[role=switch]{margin-left:0}.po-mode-glyph{border-radius:var(--radius-md);background:var(--bg-card-hi);width:34px;height:34px;color:var(--text-tertiary);transition:color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out);place-items:center;display:grid}.po-mode-glyph svg{width:18px;height:18px}.po-mode[data-on] .po-mode-glyph{background:var(--tint-green);color:var(--you)}.po-mode-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);cursor:pointer;font-size:21px;font-weight:800;font-stretch:80%;line-height:1.1}.po-mode-desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.po-mode-foot{align-items:center;gap:10px;margin-top:8px;display:flex}.po-mode-foot .po-meter{flex:1}.po-mode-pool{color:var(--text-body);flex:none;font-size:12.5px}.po-mode[data-disabled] .po-mode-name{cursor:not-allowed}.po-mode[data-disabled] .po-mode-glyph,.po-mode[data-disabled] .po-mode-name,.po-mode[data-disabled] .po-mode-desc{opacity:.5}.po-expand{border-radius:var(--radius-md);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);background:0 0;border:0;place-items:center;display:grid}.po-expand svg{width:18px;height:18px;transition:transform var(--dur-base) var(--ease-out)}.po-expand:hover:not(:disabled),.po-expand[aria-expanded=true]{background:var(--bg-card-hi);color:var(--text-primary)}.po-expand[aria-expanded=true] svg{transform:rotate(180deg)}.po-expand:disabled{cursor:not-allowed;opacity:.35}.po-expand:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.po-meter{gap:3px;height:6px;display:flex}.po-meter-seg{background:var(--border-primary);border-radius:3px;flex-basis:0;min-width:6px;position:relative;overflow:hidden}.po-meter-fill{border-radius:inherit;transition:width var(--dur-base) var(--ease-out);position:absolute;inset:0 auto 0 0}[data-difficulty=easy]>.po-meter-fill{background:var(--you-fill)}[data-difficulty=medium]>.po-meter-fill{background:var(--warn)}[data-difficulty=hard]>.po-meter-fill{background:var(--danger)}.po-dot{border-radius:50%;flex:none;width:8px;height:8px}.po-dot[data-difficulty=easy]{background:var(--you-fill)}.po-dot[data-difficulty=medium]{background:var(--warn)}.po-dot[data-difficulty=hard]{background:var(--danger)}.po-pool{border-radius:var(--radius-lg);background:var(--bg-page);grid-column:1/-1;margin-top:2px;padding:18px}.po-editor{border:0;flex-direction:column;gap:22px;min-width:0;margin:0;padding:0;display:flex}.po-editor:disabled{opacity:.5}.po-pool-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.po-pool-count{align-items:baseline;gap:8px;display:flex}.po-pool-count b{font-family:var(--font-mono);color:var(--you);font-size:26px;font-weight:700;line-height:1}.po-pool-count span{color:var(--text-body);font-size:14px}.po-pool-hint{color:var(--text-muted);margin-top:6px;font-size:13px}.po-group{flex-direction:column;gap:10px;display:flex}.po-group-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.po-group-title{color:var(--text-body);font-size:13px;font-weight:600}.po-link{font:inherit;color:var(--you);cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:13px;font-weight:600}.po-link:hover{text-underline-offset:3px;text-decoration:underline}.po-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:3px}.po-editor:disabled .po-link{cursor:not-allowed;text-decoration:none}.po-grid{gap:6px;display:grid}.po-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.po-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.po-toggle{border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;min-width:0;transition:background-color var(--dur-fast) var(--ease-out);align-items:center;gap:9px;padding:9px 10px 9px 12px;display:flex}.po-toggle:hover{background:var(--bg-card-hi)}.po-toggle-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);flex:1;font-size:13.5px;overflow:hidden}.po-toggle[data-on] .po-toggle-label{color:var(--text-primary)}.po-toggle-count{font-family:var(--font-mono);color:var(--text-tertiary);font-size:11.5px}.po-editor:disabled .po-toggle,.po-editor:disabled .po-problem{cursor:not-allowed}.po-search{position:relative}.po-search svg{width:15px;height:15px;color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.po-search input{background:var(--bg-card);height:38px;padding-left:34px}.po-list{border-radius:var(--radius-md);background:var(--bg-card);overscroll-behavior:contain;flex-direction:column;max-height:272px;display:flex;overflow-y:auto}.po-problem{cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);align-items:center;gap:12px;padding:10px 12px;display:flex}.po-problem+.po-problem{box-shadow:inset 0 1px 0 var(--border-inner)}.po-problem:hover{background:var(--bg-card-hi)}.po-problem-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.po-problem-title{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:14px;overflow:hidden}.po-problem[data-on] .po-problem-title{color:var(--text-primary)}.po-problem-meta{text-overflow:ellipsis;white-space:nowrap;color:var(--text-tertiary);font-size:12px;overflow:hidden}.po-note{color:var(--text-muted);margin:0;font-size:13px}.po-skeleton{border-radius:var(--radius-md);background:var(--bg-card);height:160px}.po-foot{border-top:1px solid var(--border-inner);background:var(--bg-card);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px 14px 26px;display:flex}.po-summary{min-width:0;color:var(--text-body);align-items:center;gap:8px;margin:0;font-size:13.5px;display:inline-flex}.po-summary svg{width:15px;height:15px;color:var(--you)}.po-summary[data-warn]{color:var(--warn)}.po-actions{flex:none;align-items:center;gap:8px;display:flex}@media(max-width:560px){.po-head{padding:22px 52px 18px 18px}.po-title.po-title{font-size:30px}.po-body{padding:16px 18px 18px}.po-modes{grid-template-columns:minmax(0,1fr)}.po-modes>.po-pool{order:1}.po-modes>.po-mode[data-disabled]{order:2}.po-pool{padding:14px}.po-grid.two,.po-grid.three{grid-template-columns:minmax(0,1fr)}.po-list{max-height:220px}.po-foot{flex-direction:column;align-items:stretch;padding:12px 18px 16px}.po-actions{flex-direction:column-reverse;align-items:stretch}}@media(prefers-reduced-motion:reduce){.po-mode,.po-mode-glyph,.po-expand,.po-expand svg,.po-toggle,.po-problem,.po-meter-fill{transition:none}}.duel-main{flex:1;grid-template-columns:minmax(280px,372px) minmax(320px,1fr) minmax(250px,300px);min-height:0;display:grid;overflow:hidden}.problem-pane{border-right:1px solid var(--border-primary);background:var(--bg-card);flex-direction:column;min-height:0;display:flex}.problem-head{border-bottom:1px solid var(--border-inner);padding:18px 22px 16px}.problem-head h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:800;font-stretch:84%;line-height:1.15}.category-chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.problem-body{min-height:0;color:var(--text-body);flex:1;padding:22px 24px 32px;font-size:14.5px;line-height:1.7;overflow:auto}.problem-body .md{color:var(--text-primary);font-size:15px;line-height:1.75}.problem-body .md p{margin:0 0 14px}.problem-body .md p:last-child{margin-bottom:0}.problem-body .md code{background:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:4px;padding:1px 5px;font-size:13px}.problem-section{border-top:1px solid var(--border-inner);margin-top:24px;padding-top:20px}.problem-section h2{color:var(--text-muted);margin:0 0 12px;font-size:13px;font-weight:600}.example{background:var(--bg-page);border-radius:8px;padding:12px 14px}.example+.example{margin-top:8px}.example-label{color:var(--text-tertiary);margin-bottom:6px;font-size:12px}.example dl{grid-template-columns:52px 1fr;gap:4px 10px;margin:0;display:grid}.example dt{color:var(--text-muted);font-size:12.5px;line-height:1.6}.example dd{min-width:0;font-family:var(--font-mono);color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12.5px;line-height:1.6}.constraints{margin:0;padding:0;list-style:none}.constraints li{font-family:var(--font-mono);color:var(--text-body);margin-bottom:6px;padding-left:14px;font-size:12.5px;position:relative}.constraints li:before{content:"";background:var(--text-tertiary);border-radius:50%;width:4px;height:4px;position:absolute;top:.72em;left:2px}.complexity{gap:24px;margin:0;display:flex}.complexity div{align-items:baseline;gap:8px;display:flex}.complexity dt{color:var(--text-muted);font-size:12.5px}.complexity dd{font-family:var(--font-mono);color:var(--text-primary);margin:0;font-size:13px}.editor-pane{background:var(--bg-editor);flex-direction:column;min-width:0;min-height:0;display:flex}.editor-toolbar{border-bottom:1px solid var(--border-inner);background:var(--bg-page);flex:none;align-items:center;gap:14px;min-width:0;height:42px;padding:0 16px;display:flex;overflow:hidden}.editor-toolbar .file-tab{background:var(--bg-editor);border:1px solid var(--border-primary);font-family:var(--font-mono);color:var(--text-primary);border-radius:5px;align-items:center;gap:8px;padding:5px 12px;font-size:12.5px;display:flex}.editor-toolbar .lang{font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap;font-size:11.5px}.editor-host{flex:1;min-width:0;min-height:0}.console-pane{border-top:1px solid var(--border-inner);background:var(--bg-page);flex-direction:column;flex:none;min-height:0;display:flex;position:relative}.console-resizer{cursor:ns-resize;z-index:10;touch-action:none;height:12px;position:absolute;top:-6px;left:0;right:0}.console-resizer:after{content:"";background:var(--border-primary);opacity:0;border-radius:2px;width:46px;height:3px;transition:opacity .12s;position:absolute;top:4px;left:50%;transform:translate(-50%)}.console-resizer:hover:after{opacity:1}body.resizing-v{cursor:ns-resize;-webkit-user-select:none;user-select:none}.console-tabs{border-bottom:1px solid var(--border-gutter);flex:none;align-items:center;gap:18px;min-width:0;height:38px;padding:0 16px;display:flex;overflow:hidden}.console-tabs .tab{letter-spacing:0;color:var(--text-primary);border-bottom:2px solid var(--accent-green-text);box-sizing:border-box;align-items:center;height:100%;font-size:11.5px;font-weight:600;display:flex}.console-tabs .meta{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11.5px;overflow:hidden}.console-body{font-family:var(--font-mono);flex:1;min-height:0;padding:12px 18px 16px;font-size:12.5px;line-height:1.9;overflow:auto}.console-body .pass{color:var(--accent-green-text)}.console-body .fail{color:var(--accent-coral)}.console-body .dim,.console-body .idle{color:var(--text-tertiary)}.console-body pre{background:var(--bg-editor);border:1px solid var(--border-inner);color:var(--text-muted);white-space:pre-wrap;border-radius:6px;margin:2px 0 6px;padding:8px 10px;font-size:11.5px;line-height:1.5}.match-rail{border-left:1px solid var(--border-primary);background:var(--bg-card);flex-direction:column;min-height:0;display:flex}.rail-timer{border-bottom:1px solid var(--border-inner);--clock:var(--text-primary);grid-template-columns:1fr auto;align-items:baseline;row-gap:12px;padding:18px 20px;display:grid}.rail-timer.warn{--clock:var(--warn)}.rail-timer.danger{--clock:var(--danger)}.rail-timer .label{color:var(--text-muted);font-size:12.5px}.rail-timer .clock{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--clock);transition:color var(--dur-base) var(--ease-out);font-size:38px;font-weight:800;font-stretch:80%;line-height:1}.rail-timer .track{background:var(--bg-secondary);border-radius:1px;grid-column:1/-1;height:2px;overflow:hidden}.rail-timer .track .fill{background:var(--clock);height:100%}@supports (color:color-mix(in lab,red,red)){.rail-timer .track .fill{background:color-mix(in srgb,var(--clock) 55%,transparent)}}.rail-timer .track .fill{transition:width 1s linear}.player-progress{border-bottom:1px solid var(--border-inner);padding:18px 20px}.player-progress.opponent{background:var(--opp)}@supports (color:color-mix(in lab,red,red)){.player-progress.opponent{background:color-mix(in srgb,var(--opp) 4%,transparent)}}.player-progress .row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.player-progress .who{align-items:center;gap:8px;display:flex}.player-progress .name{color:var(--text-primary);font-size:13px;font-weight:600}.player-progress .who{min-width:0}.player-progress .rating-badge{font-family:var(--font-mono);flex:none;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.segment-bar{gap:3px;display:flex}.segment-bar span{background:var(--danger);border-radius:3px;flex:1;height:6px}@supports (color:color-mix(in lab,red,red)){.segment-bar span{background:color-mix(in srgb,var(--danger) 38%,var(--bg-secondary))}}.segment-bar span{transition:background-color var(--dur-base) var(--ease-out)}.segment-bar span.on.me{background:var(--you-fill)}.segment-bar span.on.opp{background:var(--opp-fill)}.player-progress .status-line{color:var(--text-muted);margin-top:9px;font-size:12px}.player-progress .status-line.hot{color:var(--accent-coral)}.match-feed{flex:1;min-height:0;padding:16px 20px;overflow:auto}.match-feed .entries{flex-direction:column;gap:11px;display:flex}.match-feed .entry{align-items:baseline;gap:10px;display:flex}.match-feed .stamp{font-family:var(--font-mono);color:var(--text-line-number);flex:none;font-size:11px}.match-feed .text{color:var(--text-muted);font-size:12.5px}.match-feed .text.me{color:var(--accent-green-text)}.match-feed .text.opp{color:var(--accent-coral)}.rail-actions{border-top:1px solid var(--border-inner);background:var(--bg-page);flex-direction:column;gap:9px;padding:14px 16px;display:flex}.rail-actions .btn-submit:disabled{background:var(--bg-secondary);color:var(--text-tertiary);box-shadow:none;opacity:1;border-color:var(--border-primary)}.result-modal{--res:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-width:440px;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-float);animation:resultIn .3s var(--ease-out);flex-direction:column;gap:24px;padding:28px;display:flex;overflow-y:auto}.result-modal.win{--res:var(--you)}.result-modal.loss{--res:var(--danger)}.result-modal .num{font-variant-numeric:tabular-nums}@keyframes resultIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.result-kicker{color:var(--text-muted);font-size:12.5px}.result-title{font-family:var(--font-display);color:var(--res);margin:6px 0 0;font-size:44px;font-weight:800;font-stretch:78%;line-height:1}.result-sub{color:var(--text-body);margin:8px 0 0;font-size:14px}.result-level{border-radius:var(--radius-lg);background:var(--bg-page);padding:16px}.result-level-head{align-items:center;gap:12px;display:flex}.result-level-name{color:var(--text-primary);font-size:14px;font-weight:650}.result-level-sub{color:var(--text-muted);margin-top:1px;font-size:12.5px}.result-level-nums{flex-direction:column;align-items:flex-end;display:flex}.result-delta{color:var(--text-muted);font-size:22px;font-weight:700;line-height:1.1}.result-delta.up{color:var(--you)}.result-delta.down{color:var(--danger)}.result-level-rating{color:var(--text-muted);font-size:12.5px}.result-level-track{background:var(--bg-secondary);border-radius:3px;height:6px;margin-top:14px;position:relative;overflow:hidden}.result-level-fill{background:var(--lvl-color);transition:width var(--dur-moment) var(--ease-out) var(--dur-hold);border-radius:3px;position:absolute;inset:0 auto 0 0}.result-level-fill.snap{transition:none}.result-level-trail{position:absolute;top:0;bottom:0}.result-level-trail.down{background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.result-level-trail.down{background:color-mix(in srgb,var(--danger) 50%,transparent)}}.result-level-trail.up{background:var(--you)}@supports (color:color-mix(in lab,red,red)){.result-level-trail.up{background:color-mix(in srgb,var(--you) 35%,transparent)}}.result-players-head,.result-player{grid-template-columns:minmax(0,1fr) 56px 104px;align-items:center;gap:12px;display:grid}.result-players-head{border-bottom:1px solid var(--border-inner);color:var(--text-tertiary);padding-bottom:8px;font-size:12px}.result-players-head span:nth-child(n+2){text-align:right}.result-player{border-bottom:1px solid var(--border-row);grid-template-columns:28px minmax(0,1fr) 56px 104px;padding:10px 0}.result-player-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden}.result-player-tests{text-align:right;color:var(--text-body);font-size:13px}.result-player-elo{justify-content:flex-end;align-items:baseline;gap:8px;font-size:14px;font-weight:650;display:flex}.result-player-delta{text-align:right;min-width:2.6em;color:var(--text-muted);font-size:12.5px;font-weight:600}.result-player-delta.up{color:var(--you)}.result-player-delta.down{color:var(--danger)}.result-note{border-radius:var(--radius-lg);background:var(--bg-page);color:var(--text-muted);margin:0;padding:14px 16px;font-size:13px}.result-actions{flex-direction:column;align-items:center;gap:4px;display:flex}.result-link{color:var(--text-muted)}.result-link:hover{color:var(--text-primary)}@media(max-width:480px){.result-modal{padding:22px 18px}.result-title{font-size:38px}}@media(prefers-reduced-motion:reduce){.result-modal{animation:none}.result-level-fill{transition:none}}.notice-main{flex:1;place-items:center;min-height:0;padding:40px 24px;display:grid}.notice-card{text-align:center;width:100%;max-width:420px;padding:30px 32px}.notice-card h2{margin:0 0 10px;font-size:20px;font-weight:600}.notice-card p{color:var(--text-muted);margin:0 0 18px;font-size:14px;line-height:1.6}.btn-run{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-body);cursor:pointer;border-radius:6px;flex:1;padding:10px;font-size:13px;font-weight:500}.btn-run:hover:not(:disabled){border-color:var(--text-muted)}.btn-run:disabled{opacity:.55;cursor:not-allowed}.hint-control{align-items:center;display:flex;position:relative}.hint-toggle{border:1px solid var(--border-primary);background:var(--bg-editor);color:var(--text-muted);cursor:pointer;border-radius:5px;align-items:center;gap:5px;padding:4px 9px;line-height:1;display:flex}.hint-toggle:hover{color:var(--text-body);border-color:var(--text-muted)}.hint-toggle .hint-icon{width:14px;height:14px;display:block}.hint-toggle .hint-tier{font-family:var(--font-mono);font-size:11px;font-weight:700}.hint-toggle.active{color:var(--accent-green-text);border-color:var(--you)}@supports (color:color-mix(in lab,red,red)){.hint-toggle.active{border-color:color-mix(in srgb,var(--you) 40%,transparent)}}.hint-toggle.active{background:var(--you-fill)}@supports (color:color-mix(in lab,red,red)){.hint-toggle.active{background:color-mix(in srgb,var(--you-fill) 13%,transparent)}}.hint-popover{border:1px solid var(--border-primary);background:var(--bg-card);border-radius:var(--radius-md);min-width:172px;box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;z-index:30;flex-direction:column;gap:3px;padding:9px 12px;transition:opacity .12s,transform .12s;display:flex;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-3px)}.hint-popover.open{opacity:1;transform:translateY(0)}.hint-popover-count{font-family:var(--font-mono);color:var(--accent-green-text);font-size:15px;font-weight:700}.hint-popover-label{color:var(--text-tertiary);font-size:10.5px}.chat-panel{border-top:1px solid var(--border-inner);flex-direction:column;flex:none;height:220px;display:flex}.chat-head{flex:none;justify-content:space-between;align-items:center;padding-right:12px;display:flex}.chat-panel .chat-title{flex:none;padding:16px 20px 10px;font-size:10.5px}.chat-tools{gap:2px;margin-top:4px;display:flex}.chat-tools button[aria-pressed=true]{color:var(--text-primary)}.chat-notice{color:var(--text-muted);flex:none;margin:0;padding:0 20px 8px;font-size:12px;line-height:1.4}.chat-panel-off{height:auto;padding:14px 20px}.chat-log{flex-direction:column;flex:1;gap:7px;min-height:0;padding:0 20px 10px;display:flex;overflow-y:auto}.chat-empty{color:var(--text-tertiary);font-size:12px}.chat-msg{color:var(--text-body);word-break:break-word;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.5;display:flex}.chat-msg .author{color:var(--accent-coral);margin-right:6px;font-weight:600}.chat-msg.mine .author{color:var(--accent-green-text)}.chat-compose{flex:none;gap:6px;padding:0 20px 14px;display:flex}.lobby-shell{flex:1;min-height:0;display:flex}.lobby-sidebar{box-sizing:border-box;background:var(--bg-card);border-right:1px solid var(--border-primary);flex-direction:column;flex:none;width:216px;min-height:0;padding:18px 12px 14px;display:flex;overflow:auto}.lobby-sidebar-wordmark{padding:4px 10px 26px;font-size:20px}.lobby-sidebar-nav{flex-direction:column;gap:2px;display:flex}.lobby-nav-item{color:var(--text-muted);cursor:default;text-align:left;border-radius:8px;border-radius:var(--radius-md);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;font-weight:500;display:flex;position:relative}.lobby-nav-item:not(:disabled):not(.active):hover{color:var(--text-body);background:var(--bg-secondary)}@supports (color:color-mix(in lab,red,red)){.lobby-nav-item:not(:disabled):not(.active):hover{background:color-mix(in srgb,var(--bg-secondary) 55%,transparent)}}.lobby-nav-item:not(:disabled):not(.active):hover{cursor:pointer}.lobby-nav-item.active{background:var(--bg-secondary);color:var(--text-primary);cursor:default}.lobby-nav-item.active:before{content:"";background:var(--you-fill);border-radius:0 2px 2px 0;width:3px;position:absolute;top:9px;bottom:9px;left:-12px}.lobby-nav-item.active .lobby-nav-icon{color:var(--you);border-color:var(--line-green)}.lobby-nav-item:disabled{opacity:.75}.lobby-nav-icon{background:var(--bg-editor);border:1px solid var(--border-primary);width:26px;height:26px;font-family:var(--font-mono);color:var(--text-muted);border-radius:6px;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.lobby-nav-soon{letter-spacing:0;color:var(--text-tertiary);margin-left:auto;font-size:11.5px}.lobby-nav-badge{background:var(--you-fill);min-width:18px;font-family:var(--font-mono);text-align:center;color:var(--you-ink);border-radius:9px;margin-left:auto;padding:1px 5px;font-size:11.5px;font-weight:700;line-height:16px}.lobby-sidebar-spacer{flex:1;min-height:16px}.lobby-identity{flex-direction:column;flex:none;gap:2px;display:flex}.lobby-identity-btn{border-radius:var(--radius-md);text-align:left;min-width:0;color:inherit;cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:none;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar name title""avatar rank title";align-items:center;column-gap:10px;padding:6px 8px;display:grid}.lobby-identity-btn:hover{background:var(--bg-secondary)}.lobby-identity .name{color:var(--text-body);font-size:13px;font-weight:600;display:contents}.lobby-identity-avatar{grid-area:avatar}.lobby-identity .player-name-text{grid-area:name}.lobby-identity .player-name-title{grid-area:title;max-width:88px;margin-left:8px}.lobby-identity .lobby-identity-rank{grid-area:rank;margin-top:2px}.lobby-dashboard{flex:1;min-width:0;padding:26px 26px 60px;overflow:auto}.lobby-dashboard-inner{flex-direction:column;gap:22px;max-width:1400px;margin:0 auto;display:flex}.play-hero-board{z-index:-1;background:repeating-conic-gradient(var(--text-primary) 0 25%,transparent 0 50%) 0 0 / 90px 90px;width:360px;height:360px;position:absolute;top:-40px;right:-40px;rotate:-8deg}@supports (color:color-mix(in lab,red,red)){.play-hero-board{background:repeating-conic-gradient(color-mix(in srgb,var(--text-primary) 3.5%,transparent) 0 25%,transparent 0 50%) 0 0 / 90px 90px}}.play-hero-board{pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 10%,#0000 100%);mask-image:radial-gradient(closest-side,#000 10%,#0000)}.dashboard-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.soon-card{border:1px dashed var(--border-primary);border-radius:var(--radius-lg);background:0 0;overflow:hidden}.soon-card h3{color:var(--text-body)!important}.soon-card .btn-secondary:disabled{color:var(--text-tertiary);cursor:not-allowed;background:0 0;border-style:dashed}.soon-card .puzzle-tile,.soon-card .fun-mode-row{background:var(--bg-editor)}@supports (color:color-mix(in lab,red,red)){.soon-card .puzzle-tile,.soon-card .fun-mode-row{background:color-mix(in srgb,var(--bg-editor) 60%,transparent)}}.soon-card-head{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 14px;display:flex}.soon-card-head .title-group{align-items:center;gap:10px;min-width:0;display:flex}.soon-card-head h3{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;color:var(--text-primary);margin:0;font-size:19px;font-weight:800;font-stretch:82%}.soon-card-desc{color:var(--text-muted);padding:0 20px 16px;font-size:12.5px}.puzzles-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:0 20px 20px;display:grid}.puzzle-tile{border:1px solid var(--border-row);background:var(--bg-editor);border-radius:10px;flex-direction:column;justify-content:space-between;gap:12px;min-height:128px;padding:14px 16px 16px;display:flex;overflow:hidden}.puzzle-tile .placeholder-block{font-family:var(--font-mono);color:var(--text-tertiary);border:1px dashed var(--border-inner);text-align:center;border-radius:8px;padding:14px;font-size:11px}.puzzle-tile .tile-title{color:var(--text-primary);font-size:13.5px;font-weight:700}.puzzle-tile .tile-desc{color:var(--text-muted);margin-top:5px;font-size:12px;line-height:1.5}.puzzle-tile button{width:100%;margin-top:12px}.fun-modes-list{flex-direction:column;gap:10px;padding:0 20px 20px;display:flex}.fun-mode-row{border:1px solid var(--border-inner);background:var(--bg-editor);border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.fun-mode-row .icon{border:1px solid var(--border-primary);width:24px;height:24px;font-family:var(--font-mono);border-radius:5px;flex:none;place-items:center;font-size:10px;font-weight:700;display:grid}.fun-mode-row .name{color:var(--text-primary);font-size:13.5px;font-weight:600}.fun-mode-row .desc{font-family:var(--font-mono);color:var(--text-tertiary);margin-top:3px;font-size:11.5px}.record-card{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);display:grid}.record-matches{min-width:0;padding:16px 22px 8px}.record-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.record-link{border-radius:var(--radius-sm);height:28px;color:var(--text-tertiary);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:2px;margin:-6px -9px -6px 0;padding:0 6px 0 9px;font-size:12.5px;font-weight:600;display:inline-flex}.record-link:hover{color:var(--text-primary);background:var(--bg-secondary)}.record-link:focus-visible{outline:2px solid var(--text-primary);outline-offset:1px}.record-side{border-left:1px solid var(--border-inner);flex-direction:column;gap:14px;min-width:0;padding:16px 22px 18px;display:flex}.record-card .empty-state{padding:34px 0}.match-list{flex-direction:column;display:flex}.match-row{border-bottom:1px solid var(--border-row);grid-template-columns:46px auto minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:11px 0;display:grid}.match-row:last-child{border-bottom:none}.match-result{border-radius:var(--radius-sm);background:var(--bg-secondary);height:22px;color:var(--text-muted);place-items:center;font-size:12px;font-weight:650;display:grid}.match-row[data-result=w] .match-result{background:var(--you-fill)}@supports (color:color-mix(in lab,red,red)){.match-row[data-result=w] .match-result{background:color-mix(in srgb,var(--you-fill) 18%,transparent)}}.match-row[data-result=w] .match-result{color:var(--you)}.match-row[data-result=l] .match-result{background:var(--opp-fill)}@supports (color:color-mix(in lab,red,red)){.match-row[data-result=l] .match-result{background:color-mix(in srgb,var(--opp-fill) 16%,transparent)}}.match-row[data-result=l] .match-result{color:var(--opp)}.match-main{min-width:0}.match-opp{align-items:center;gap:8px;min-width:0;display:flex}.match-opp-name{min-width:0;color:var(--text-primary);font-size:13.5px;font-weight:600}.match-opp-elo{font-family:var(--font-mono);color:var(--text-muted);flex:none;align-items:center;gap:4px;font-size:12px;display:inline-flex}.match-meta{min-width:0;color:var(--text-muted);align-items:baseline;gap:8px;margin-top:3px;font-size:12.5px;display:flex}.match-problem{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.match-duration{font-family:var(--font-mono);color:var(--text-tertiary);flex:none;font-size:12px}.match-end{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.match-delta{font-family:var(--font-mono);color:var(--text-muted);font-size:14px;font-weight:700}.match-row[data-result=w] .match-delta{color:var(--you)}.match-row[data-result=l] .match-delta{color:var(--opp)}.match-ago{color:var(--text-tertiary);white-space:nowrap;font-size:11.5px}.record-summary{flex-direction:column;gap:16px;display:flex}.record-rate{font-family:var(--font-display);letter-spacing:-.01em;color:var(--you);font-size:44px;font-weight:800;font-stretch:80%;line-height:.95}.record-cap{color:var(--text-muted);margin-top:4px;font-size:12.5px}.record-legend{color:var(--text-muted);flex-wrap:wrap;gap:4px 14px;font-size:12.5px;display:flex}.record-legend b{font-weight:700}.record-legend .w b{color:var(--you)}.record-legend .l b{color:var(--opp)}.record-legend .d b{color:var(--text-body)}.record-split{background:var(--bg-secondary);border-radius:4px;gap:3px;height:8px;margin-top:8px;display:flex}.record-split span{border-radius:4px;flex-basis:0;min-width:6px}.record-split .w{background:var(--you-fill)}.record-split .l{background:var(--opp-fill)}.record-split .d{background:var(--border-primary)}.record-facts{margin:0}.record-facts>div{border-top:1px solid var(--border-inner);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.record-facts dt{color:var(--text-muted);white-space:nowrap;font-size:13px}.record-facts dd{color:var(--text-primary);margin:0;font-size:14px;font-weight:650}.record-form{flex-wrap:wrap;justify-content:flex-end;gap:3px;display:flex}.record-form span{border-radius:4px;place-items:center;width:17px;height:17px;font-size:10.5px;font-weight:700;line-height:1;display:grid}.record-form .w{background:var(--you-fill)}@supports (color:color-mix(in lab,red,red)){.record-form .w{background:color-mix(in srgb,var(--you-fill) 22%,transparent)}}.record-form .w{color:var(--you)}.record-form .l{background:var(--opp-fill)}@supports (color:color-mix(in lab,red,red)){.record-form .l{background:color-mix(in srgb,var(--opp-fill) 20%,transparent)}}.record-form .l{color:var(--opp)}.record-form .d{background:var(--bg-secondary);color:var(--text-muted)}@media(max-width:980px){.record-card{grid-template-columns:minmax(0,1fr)}.record-side{border-left:none;border-top:1px solid var(--border-inner)}}@media(max-width:520px){.record-matches,.record-side{padding-left:16px;padding-right:16px}.match-row{grid-template-columns:42px minmax(0,1fr) auto;column-gap:10px}.match-row>.avatar-frame,.match-meta .match-duration{display:none}}@media(prefers-reduced-motion:reduce){.record-link{transition:none}}@media(max-width:720px){.lobby-shell{flex-direction:column}.lobby-sidebar{border-right:none;border-bottom:1px solid var(--border-primary);flex-direction:row;align-items:center;gap:4px;width:auto;padding:8px 10px;overflow:visible}.lobby-sidebar-wordmark{padding:0 6px 0 2px;font-size:16px}.lobby-sidebar-nav{flex-direction:row;gap:2px}.lobby-nav-item{gap:0;padding:5px;font-size:0}.lobby-nav-item:disabled{display:none}.lobby-nav-badge{min-width:16px;padding:0 4px;line-height:15px;position:absolute;top:-3px;right:-4px}.lobby-nav-item.active:before{border-radius:2px 2px 0 0;width:auto;height:2px;inset:auto 8px -9px}.lobby-sidebar-spacer{min-height:0}.lobby-identity{flex-direction:row;align-items:center;gap:2px;padding:0}.lobby-identity-btn{flex:none;padding:3px}.lobby-identity .player-name-text,.lobby-identity .player-name-title,.lobby-sidebar .lobby-identity-rank{display:none}.lobby-identity-btn{column-gap:0}.lobby-dashboard{padding:18px 16px 56px}.dashboard-row{grid-template-columns:minmax(0,1fr)}}.lobby-nav-item:not(:disabled){cursor:pointer}.lobby-nav-item:not(:disabled):hover{background:var(--bg-secondary);color:var(--text-body)}.leaderboard-dashboard-inner{max-width:780px}.leaderboard-card{border:1px solid var(--border-primary);background:var(--bg-card);border-radius:12px;overflow:hidden}.leaderboard-card-head{justify-content:space-between;align-items:baseline;gap:12px;padding:20px 22px 14px;display:flex}.leaderboard-card-head h2{letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:19px;font-weight:700}.lb-tabs{border-bottom:1px solid var(--border-inner);flex-wrap:wrap;align-items:center;gap:6px;padding:0 22px 16px;display:flex}.lb-tabs .learn-chip svg{color:currentColor}.lb-intro{justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 22px 14px;display:flex}.lb-intro h3{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 4px;font-size:15px;font-weight:650;display:flex}.lb-intro h3 img{object-fit:contain}.lb-intro p{max-width:520px;color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.5}.lb-count{font-family:var(--font-mono);color:var(--text-muted);flex:none;padding-top:2px;font-size:11.5px}.lb-you{border:1px solid var(--line-green);background:var(--tint-green);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 22px 16px;padding:9px 14px;font-size:13px;display:flex}.lb-you.off{border-color:var(--border-primary);background:var(--bg-card-hi)}.lb-you-label{letter-spacing:0;color:var(--text-muted);font-size:11.5px;font-weight:600}.leaderboard-row.you.lb-you-row{border:1px solid var(--line-green);border-radius:8px;margin:0 8px 18px;padding:8px 13px}.lb-you-row .leaderboard-name{color:var(--you);font-weight:650}.lb-you-row .leaderboard-elo{color:var(--you)}.lb-you-note{color:var(--text-tertiary);margin:-10px 22px 18px;font-size:12px}.lb-you-cta{margin-left:auto}.leaderboard-table-head,.leaderboard-row{grid-template-columns:44px minmax(0,1fr) 72px 104px;align-items:center;gap:12px;display:grid}.leaderboard-table-head{background:var(--bg-page);border-top:1px solid var(--border-inner);border-bottom:1px solid var(--border-inner);letter-spacing:0;color:var(--text-tertiary);padding:9px 22px;font-size:11.5px;font-weight:600}.leaderboard-row{border-bottom:1px solid var(--border-row);padding:8px 22px}.leaderboard-row.you{background:var(--tint-green);border-left:3px solid var(--accent-green);padding-left:19px}.leaderboard-rank{font-family:var(--font-mono);color:var(--text-tertiary);font-size:13px;font-weight:700}.leaderboard-row.podium .leaderboard-rank{color:var(--text-primary)}.leaderboard-row.you .leaderboard-rank{color:var(--accent-green-text)}.leaderboard-player{align-items:center;gap:10px;min-width:0;display:flex}.leaderboard-name{color:var(--text-body);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.lb-detail{text-align:right;font-family:var(--font-mono);color:var(--text-muted);font-size:12.5px}.leaderboard-table-head .lb-detail{font-family:var(--font-sans);font-size:inherit;color:inherit}.leaderboard-elo{font-family:var(--font-mono);color:var(--text-primary);justify-content:flex-end;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.lb-foot{color:var(--text-tertiary);text-align:center;padding:14px 22px 16px;font-size:12px}.lb-empty{border-top:1px solid var(--border-inner);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:36px 22px 40px;display:flex}.lb-empty-icon{border:1px dashed var(--border-primary);width:48px;height:48px;color:var(--text-muted);border-radius:999px;place-items:center;margin-bottom:6px;display:grid}.lb-empty-icon img{object-fit:contain}.lb-empty-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:650}.lb-empty-body{color:var(--text-muted);margin:0 0 10px;font-size:12.5px}.lb-skeleton span{border-radius:var(--radius-sm);background:var(--bg-secondary);height:10px;animation:lbPulse 1.2s var(--ease-in-out) infinite alternate}.lb-skeleton span:first-child{width:20px}.lb-skeleton span:nth-child(2){width:55%}.lb-skeleton span:nth-child(3){justify-self:end;width:36px}.lb-skeleton span:nth-child(4){justify-self:end;width:64px}.lb-skeleton{padding-block:16px}@keyframes lbPulse{0%{opacity:.45}to{opacity:1}}@media(prefers-reduced-motion:reduce){.lb-skeleton span{animation:none}}@media(max-width:560px){.leaderboard-table-head,.leaderboard-row{grid-template-columns:32px minmax(0,1fr) 96px}.leaderboard-table-head .lb-detail,.leaderboard-row .lb-detail,.lb-skeleton span:nth-child(3){display:none}.lb-you-cta{margin-left:0}}.pathway-progress-track{background:var(--bg-secondary);border-radius:999px;min-width:60px;height:6px;display:block;position:relative;overflow:hidden}.pathway-progress-track.small{width:72px;min-width:0;height:4px}.pathway-progress-track .fill{background:var(--accent-green);border-radius:999px;transition:width .3s;position:absolute;inset:0 auto 0 0}.track-xp{color:var(--text-muted);white-space:nowrap;font-size:12.5px;font-weight:650}.track-xp.earned{color:var(--accent-green-text)}.pathways-card{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);overflow:hidden}.pathways-card-head{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 8px;display:flex}.pathways-card-head .title-group{align-items:center;gap:10px;display:flex}.pathways-card-head h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:19px;font-weight:800;font-stretch:82%}.pathways-card-desc{color:var(--text-muted);max-width:720px;margin:0;padding:0 20px 16px;font-size:12.5px}.pathways-card-body{flex-direction:column;padding:0 20px 16px;display:flex}.pathways-card-row{border-top:1px solid var(--border-inner);align-items:center;gap:18px;padding:14px 0;display:flex}.pathways-card-row.placeholder{color:var(--text-tertiary);font-size:12.5px}.pathways-card-main{flex-direction:column;flex:1;gap:9px;min-width:0;display:flex}.pathways-card-name{color:var(--text-primary);font-size:15px;font-weight:600}.pathways-card-progress{align-items:center;gap:12px;display:flex}.pathways-card-progress .pathway-progress-track{flex:1;max-width:320px}.pathways-card-progress .count,.track-req-progress .count{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;font-size:11.5px}.pathways-card-cta{white-space:nowrap;text-overflow:ellipsis;max-width:260px;padding:10px 18px;font-size:13.5px;overflow:hidden}.pathways-card-all{align-items:center;gap:6px;display:inline-flex}.pathway-inner{max-width:920px}.pathway-runtime-note{color:var(--warn);margin:12px 0 0;font-size:13px}.track-skeleton{gap:12px;display:grid}.track-skeleton span{border-radius:var(--radius-lg);background:var(--bg-card);height:60px;animation:trackPulse 1.1s var(--ease-in-out) infinite alternate;display:block}.track-skeleton span:first-child{border-radius:var(--radius-xl);height:260px}@keyframes trackPulse{0%{opacity:.5}to{opacity:1}}.track-hero{isolation:isolate;border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--bg-card-hi),var(--bg-card) 70%);padding:26px 28px 0;position:relative;overflow:hidden}.track-hero-board{z-index:-1;background:repeating-conic-gradient(var(--text-primary) 0 25%,transparent 0 50%) 0 0 / 76px 76px;width:380px;height:380px;position:absolute;top:-90px;right:-60px;rotate:-8deg}@supports (color:color-mix(in lab,red,red)){.track-hero-board{background:repeating-conic-gradient(color-mix(in srgb,var(--text-primary) 3%,transparent) 0 25%,transparent 0 50%) 0 0 / 76px 76px}}.track-hero-board{pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 15%,#0000 100%);mask-image:radial-gradient(closest-side,#000 15%,#0000)}.track-hero-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.track-hero-id{align-items:center;gap:16px;min-width:0;display:flex}.track-logo{background:var(--bg-editor);border:1px solid var(--border-primary);border-radius:13px;flex:none;place-items:center;width:58px;height:58px;display:grid}.track-logo img{object-fit:contain;width:32px;height:32px}.track-hero-eyebrow{letter-spacing:0;color:var(--text-muted);font-size:13.5px;font-weight:600}.track-hero h1{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-primary);margin:4px 0 0;font-size:clamp(28px,3.6vw,38px);font-weight:800;font-stretch:78%;line-height:1.02}.track-standing{border:1px solid var(--border-inner);border-radius:var(--radius-lg);background:var(--bg-editor);flex:none;align-items:center;gap:12px;padding:8px 16px 8px 8px;display:flex}@supports (color:color-mix(in lab,red,red)){.track-standing{background:color-mix(in srgb,var(--bg-editor) 60%,transparent)}}.track-standing-value{font-family:var(--font-mono);letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1}.track-hero-desc{max-width:580px;color:var(--text-muted);margin:16px 0 0;font-size:14px;line-height:1.6}.track-progress{margin-top:22px}.track-progress-head{color:var(--text-body);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:9px;font-size:13px;display:flex}.track-progress-head strong{font-family:var(--font-mono);color:var(--text-primary);font-weight:700}.track-progress-head .dot{color:var(--text-tertiary);margin:0 9px}.track-strip{gap:4px;margin:0;padding:0;list-style:none;display:flex}.track-strip li{background:var(--bg-secondary);height:8px;transition:background var(--dur-base) var(--ease-out);border-radius:3px;flex:1 1 0}.track-strip li.challenge{background:var(--warn);flex:0 0 18px}@supports (color:color-mix(in lab,red,red)){.track-strip li.challenge{background:color-mix(in srgb,var(--warn) 16%,var(--bg-secondary))}}.track-strip li.completed{background:var(--you-fill)}.track-strip li.challenge.completed{background:var(--warn)}.track-strip li.next{box-shadow:inset 0 0 0 1.5px var(--you);background:var(--tint-green)}.track-strip li.challenge.next{box-shadow:inset 0 0 0 1.5px var(--warn);background:var(--tint-warn)}.track-next{border-top:1px solid var(--border-inner);background:var(--bg-editor);margin:22px -28px 0;padding:18px 28px 20px}@supports (color:color-mix(in lab,red,red)){.track-next{background:color-mix(in srgb,var(--bg-editor) 45%,transparent)}}.track-next{justify-content:space-between;align-items:center;gap:16px 24px;display:flex}.track-next-copy{min-width:0}.track-next-kicker{letter-spacing:0;color:var(--you);align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.track-next-kicker .dot{color:var(--text-tertiary)}.track-next-title{letter-spacing:-.01em;color:var(--text-primary);margin-top:5px;font-size:18px;font-weight:650}.track-next-meta{color:var(--text-muted);flex-wrap:wrap;gap:4px 14px;margin-top:5px;font-size:12.5px;display:flex}.track-next .btn-primary{flex:none;padding:12px 22px 14px;font-size:14.5px}.pathway-track{padding:6px 0 0}.pathway-beyond{border-top:1px solid var(--border-inner);padding:10px 0 0}.pathway-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-bottom:14px;padding-top:8px;display:flex}.pathway-section-head h2,.pathway-section-head h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.pathway-section-head .dim{font-size:12.5px}.pn{padding:8px 0 12px;position:relative}.pn-snake{padding:12px var(--turn) 16px}.pn-lanes{z-index:1;flex-direction:column;gap:100px;margin:0;padding:0;list-style:none;display:flex;position:relative}.pn-lane{margin:0;padding:0;list-style:none;display:flex}.pn-lane-row.rtl .pn-lane{flex-direction:row-reverse}.pn-cell{--node:64px;flex:0 0 calc(100% / var(--per));box-sizing:border-box;justify-content:center;min-width:0;padding:0 10px;display:flex}.pn-cell.next{--node:80px}.pn-cell.challenge{--node:72px}.pn-cell.finish{--node:68px}.pn-cell .pn-hit{text-align:center;flex-direction:column;align-items:center;gap:14px;width:auto;max-width:100%}.pn-cell .pn-node-slot{width:80px;height:80px}.pn-cell .pn-label{align-items:center;max-width:230px}.pn-cell .pn-meta,.pn-cell .pn-req .track-req{justify-content:center}.pn-cell .pn-bubble{text-align:left;width:min(290px,100%)}.pn-cell .pn-bubble-foot{flex-direction:column;align-items:stretch;gap:10px}.pn-cell .pn-bubble .pn-meta{flex-wrap:nowrap;justify-content:flex-start}.pn-cell .pn-start{justify-content:center}.pn-zig .pn-row{--x-at:var(--x-sm)}.pn-list{z-index:1;flex-direction:column;gap:56px;margin:0;padding:0;list-style:none;display:flex;position:relative}.pn-trail{z-index:0;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.pn-trail path{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.pn-trail path.walked{stroke:var(--you-fill)}@supports (color:color-mix(in lab,red,red)){.pn-trail path.walked{stroke:color-mix(in srgb,var(--you-fill) 82%,var(--bg-page))}}.pn-trail path.ahead{stroke:var(--border-primary);stroke-dasharray:2 11}.pn-row{--node:64px;--gap:20px;--x-at:var(--x);z-index:1;display:flex;position:relative}.pn-row.next{--node:80px;margin-block:36px 60px}.pn-row.next .pn-hit{align-items:flex-start}.pn-row.finish{--node:68px}.pn-hit{align-items:center;gap:var(--gap);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;display:flex}.pn-hit:disabled,.pn-hit.static{cursor:default}.pn-row.right .pn-hit{padding-left:calc(var(--x-at) - var(--node) / 2)}.pn-row.left .pn-hit{text-align:right;padding-right:calc(100% - var(--x-at) - var(--node) / 2);flex-direction:row-reverse}.pn-node-slot{width:var(--node);height:var(--node);flex:none;place-items:center;display:grid}.pn-node{width:var(--node);height:var(--node);font-family:var(--font-display);color:var(--text-muted);background:var(--bg-card);border:2px solid var(--border-primary);transition:transform var(--dur-base) var(--ease-out);border-radius:50%;place-items:center;font-size:26px;font-weight:800;font-stretch:80%;display:grid;position:relative;box-shadow:inset 0 -4px #00000047}.pn-glyph{place-items:center;display:grid;position:relative}.pn-glyph>svg{display:block}.pn-node.completed{background:var(--you-fill);border-color:var(--you-fill-hover);color:var(--you-ink);box-shadow:inset 0 -5px 0 var(--you-lip)}.pn-node.available{background:var(--bg-card-hi);border-color:var(--you);color:var(--you)}.pn-node.locked{background:var(--bg-page);color:var(--text-tertiary);box-shadow:none;border-style:dashed}.pn-node.next{background:var(--you-fill);border-color:var(--you-fill-hover);color:var(--you-ink);box-shadow:inset 0 -6px 0 var(--you-lip),0 0 0 7px var(--bg-page),0 0 0 9px var(--line-green);font-size:32px}.pn-node.challenge{box-shadow:none;background:0 0;border:none}.pn-hex{width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;overflow:visible}.pn-hex path{fill:var(--bg-card);stroke:var(--border-primary);stroke-width:3px;stroke-linejoin:round}.pn-node.challenge.available .pn-hex path,.pn-node.challenge.next .pn-hex path{fill:var(--warn)}@supports (color:color-mix(in lab,red,red)){.pn-node.challenge.available .pn-hex path,.pn-node.challenge.next .pn-hex path{fill:color-mix(in srgb,var(--warn) 16%,var(--bg-card))}}.pn-node.challenge.available .pn-hex path,.pn-node.challenge.next .pn-hex path{stroke:var(--warn)}.pn-node.challenge.available,.pn-node.challenge.next{color:var(--warn)}.pn-node.challenge.completed .pn-hex path{fill:var(--warn);stroke:var(--warn)}.pn-node.challenge.completed{color:var(--you-ink)}.pn-node.challenge.locked .pn-hex path{fill:var(--bg-page);stroke-dasharray:6 6}.pn-row.challenge,.pn-row:has(.pn-node.challenge){--node:72px}.pn-node.trophy{color:var(--text-tertiary);background:var(--bg-page);box-shadow:none;border-style:dashed}.pn-node.trophy.completed{color:var(--you-ink);background:var(--warn);border:2px solid var(--warn);box-shadow:inset 0 -5px 0 var(--warn)}@supports (color:color-mix(in lab,red,red)){.pn-node.trophy.completed{box-shadow:inset 0 -5px color-mix(in srgb,var(--warn) 55%,#000)}}.pn-hit:not(:disabled):hover .pn-node{transform:translateY(-2px)scale(1.04)}.pn-label{flex-direction:column;gap:3px;min-width:0;max-width:300px;display:flex}.pn-row.left .pn-label{align-items:flex-end}.pn-kicker{color:var(--text-muted);font-size:13px;font-weight:550}.pn-row:has(.pn-node.challenge) .pn-kicker,.pn-cell.challenge .pn-kicker{color:var(--warn)}.pn-title{letter-spacing:-.015em;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2}.pn-row.completed .pn-title,.pn-cell.completed .pn-title{color:var(--text-body)}.pn-row.locked .pn-title,.pn-cell.locked .pn-title{color:var(--text-muted)}.pn-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:2px;font-size:13px;display:flex}.pn-row.left .pn-meta{justify-content:flex-end}.pn-meta.done{color:var(--you)}.pn-meta .inline-arrow{gap:5px}.pn-link{color:var(--text-body);font-weight:600}.pn-hit:not(:disabled):hover .pn-link{color:var(--you)}.pn-hit:not(:disabled):hover .pn-title{color:var(--text-primary)}.pn-req{color:var(--text-tertiary)}.pn-req .track-req{margin-top:2px}.pn-row.left .pn-req .track-req{justify-content:flex-end}.pn-bubble{text-align:left;border:1px solid var(--line-green);background:linear-gradient(135deg,var(--tint-green),transparent 65%),var(--bg-card);border-radius:16px;flex-direction:column;gap:4px;width:min(400px,100%);min-width:0;padding:16px 18px;display:flex;position:relative}.pn-row:has(.pn-node.challenge) .pn-bubble,.pn-cell.challenge .pn-bubble{border-color:var(--line-warn);background:linear-gradient(135deg,var(--tint-warn),transparent 65%),var(--bg-card)}.pn-bubble .pn-title{font-size:22px}.pn-now{background:var(--you-fill);color:var(--you-ink);border-radius:999px;margin-right:8px;padding:2px 8px;font-size:11.5px;font-weight:650;display:inline-block}.pn-summary{color:var(--text-muted);font-size:13.5px;line-height:1.5}.pn-summary code{font-family:var(--font-mono);color:var(--syn-string);font-size:12px}.pn-bubble-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.pn-bubble .pn-meta{margin:0}.pn-start{border-radius:var(--radius-md);background:var(--you-fill);color:var(--you-ink);box-shadow:inset 0 -3px 0 var(--you-lip);align-items:center;gap:7px;padding:8px 16px 10px;font-size:14px;font-weight:650;display:inline-flex}.pn-hit:hover .pn-start{background:var(--you-fill-hover)}.pn-hit:focus-visible{outline:none}.pn-hit:focus-visible .pn-node{outline:2px solid var(--accent-green-text);outline-offset:5px}.track-req{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:12.5px;display:flex}.track-req-progress{align-items:center;gap:8px;display:inline-flex}.track-xp{align-items:center;gap:4px;display:inline-flex}@media(max-width:640px){.pn-list{gap:38px}.pn-row{--node:52px;--gap:14px;--x-at:var(--x-sm)}.pn-row.next{--node:62px;margin-block:20px}.pn-row:has(.pn-node.challenge){--node:58px}.pn-row.left .pn-hit{text-align:left;padding-right:0;padding-left:calc(var(--x-at) - var(--node) / 2);flex-direction:row}.pn-row.left .pn-label{align-items:flex-start}.pn-row.left .pn-meta,.pn-row.left .pn-req .track-req{justify-content:flex-start}.pn-node{font-size:21px}.pn-node.next{font-size:25px}.pn-title{font-size:17px}.pn-bubble{padding:12px 14px}.pn-bubble .pn-title{font-size:18px}.pn-bubble-foot{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.pn-node{transition:none}}.pathway-beyond-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.lesson-main,.practice-main{flex-direction:column;flex:1;min-height:0;display:flex}.room-topbar{border-bottom:1px solid var(--border-primary);background:var(--bg-card);flex:none;align-items:center;gap:20px;height:52px;padding:0 20px;display:flex}.room-back{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:7px;padding:0;font-size:13px;display:inline-flex}.room-back:hover{color:var(--text-body)}.room-back-label{text-overflow:ellipsis;max-width:200px;overflow:hidden}.course-stepper{flex:1;justify-content:center;align-items:center;min-width:0;margin:0;padding:0;list-style:none;display:flex}.course-stepper li{align-items:center;display:flex}.course-stepper li+li:before{content:"";background:var(--border-inner);width:14px;height:2px}.course-stepper li.completed+li:before{background:var(--accent-green)}.course-stepper button{cursor:pointer;background:0 0;border:none;place-items:center;padding:3px;display:grid}.course-stepper button:disabled{cursor:default}.course-stepper .step-dot>svg{display:block}.course-stepper .step-dot{box-sizing:border-box;border:1.5px solid var(--border-primary);width:22px;height:22px;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-card);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.course-stepper li.challenge .step-dot{border-radius:3px;width:14px;height:14px;font-size:0;transform:rotate(45deg)}.course-stepper li.completed .step-dot{background:var(--accent-green);border-color:var(--accent-green-hover);color:var(--text-on-accent)}.course-stepper li.available .step-dot{border-color:var(--accent-green-text);color:var(--accent-green-text)}.course-stepper li.challenge.available .step-dot{border-color:var(--warn)}.course-stepper li.challenge.completed .step-dot{background:var(--warn);border-color:var(--warn)}.course-stepper li.locked .step-dot{border-style:dashed}.course-stepper li.current .step-dot{box-shadow:0 0 0 3px var(--bg-card),0 0 0 5px var(--accent-green-text)}.course-stepper button:not(:disabled):hover .step-dot{border-color:var(--text-muted)}.room-steps{flex:none;align-items:center;gap:6px;display:flex}.room-steps button{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.room-steps button:hover{color:var(--text-body)}.room-steps button.active{color:var(--text-primary);background:var(--bg-secondary);border-color:var(--border-primary)}.room-steps .n>svg{display:block}.room-steps .n{width:18px;height:18px;font-family:var(--font-mono);border:1px solid var(--border-primary);border-radius:50%;place-items:center;font-size:10.5px;display:grid}.room-steps button.active .n{background:var(--accent-green);border-color:var(--accent-green-hover);color:var(--text-on-accent)}.section-label{letter-spacing:0;color:var(--text-tertiary);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:12.5px;font-weight:700;display:flex}.section-count{font-family:var(--font-mono);letter-spacing:0;color:var(--text-muted)}.lesson-kicker{letter-spacing:0;color:var(--accent-green-text);align-items:center;gap:6px;font-size:13.5px;font-weight:650;display:flex}.lesson-kicker.challenge{color:var(--warn)}.lesson-kicker .dot{color:var(--text-tertiary)}.lesson-kicker .concept{color:var(--text-muted);font-weight:500}.dim{color:var(--text-tertiary)}.objective-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.objective-list li{color:var(--text-body);align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.objective-mark{box-sizing:border-box;border:1.5px solid var(--accent-green);width:18px;height:18px;color:var(--text-on-accent);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:10px;font-weight:700;display:grid}.objective-list.done .objective-mark{background:var(--accent-green);border-color:var(--accent-green-hover)}.objective-list code,.hint-card code{font-family:var(--font-mono);color:var(--syn-string);background:var(--bg-page);border:1px solid var(--border-inner);border-radius:4px;padding:1px 5px;font-size:12px}.lesson-scroll{background:var(--bg-page);flex:1;min-height:0;scroll-padding-top:64px;overflow:auto}.lesson-rail{z-index:5;background:var(--bg-page);align-items:center;gap:14px;padding:10px max(20px,50% - 332px);display:flex;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.lesson-rail{background:color-mix(in srgb,var(--bg-page) 88%,transparent)}}.lesson-rail{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border-row)}.lesson-rail ol{flex:1;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lesson-rail li{flex:1 1 0}.lesson-rail li.quiz,.lesson-rail li.task{flex:0 0 44px}.lesson-rail button{cursor:pointer;background:0 0;border:none;width:100%;padding:6px 0;display:block}.lesson-rail button:disabled{cursor:default}.lesson-rail .bar{background:var(--bg-secondary);height:4px;transition:background var(--dur-base) var(--ease-out);border-radius:2px;display:block}.lesson-rail li.seen .bar{background:var(--you-fill)}.lesson-rail li.quiz.seen .bar{background:var(--syn-param)}.lesson-rail li.task.seen .bar{background:var(--you)}.lesson-rail button:not(:disabled):hover .bar{background:var(--you-fill-hover)}.lesson-rail-label{color:var(--text-tertiary);flex:none;font-size:12px}.lesson-article{max-width:720px;margin:0 auto;padding:34px 28px 120px}.lesson-header h1{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-primary);margin:10px 0 12px;font-size:clamp(30px,4vw,40px);font-weight:800;font-stretch:80%;line-height:1.04}.lesson-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:13px;display:flex}.lesson-meta .inline-arrow{gap:6px}.lesson-unroll{margin-left:auto;font-size:13px}.lesson-objectives{border:1px solid var(--border-inner);border-radius:var(--radius-lg);background:var(--bg-card);margin-top:24px;padding:16px 20px 18px}.lesson-objectives .section-label{margin-bottom:10px}.lesson-objectives .objective-list{gap:8px}.lesson-objectives .objective-list li{font-size:14px}.lesson-section{outline:none;scroll-margin-top:64px}.lesson-section+.lesson-section{margin-top:8px}.lesson-section{animation:lessonIn .26s var(--ease-out) both}@keyframes lessonIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.lesson-body{margin-top:12px}.lesson-body .md{color:var(--text-body);font-size:16px;line-height:1.75}.lesson-body .md h2{letter-spacing:-.015em;margin:34px 0 12px;font-size:22px;font-weight:700}.lesson-body .md p{margin:0 0 14px}.lesson-body .md li{margin-bottom:7px}.lesson-body .md code{font-size:13px}.lesson-body .md .md-code pre{padding:14px 16px;font-size:13.5px}.lesson-body .md .md-code pre code{font-size:13.5px}.lesson-continue{flex-direction:column;align-items:center;gap:10px;margin-top:26px;display:flex}.lesson-continue-btn{border:1px solid var(--border-primary);background:var(--bg-card);max-width:100%;color:var(--text-primary);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex}.lesson-continue-btn:hover{border-color:var(--you);background:var(--tint-green)}.lesson-continue-btn .peek{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);font-weight:500;overflow:hidden}.lesson-continue-btn .peek:before{content:"·";color:var(--text-tertiary);margin-right:10px}.lesson-continue-btn>svg{color:var(--you);flex:none}.lesson-continue-note{text-align:center;font-size:12.5px}.lesson-task{border:1.5px solid var(--you-fill);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--you-fill),transparent 160px),var(--bg-card);margin-top:32px!important}@supports (color:color-mix(in lab,red,red)){.lesson-task{background:linear-gradient(180deg,color-mix(in srgb,var(--you-fill) 14%,transparent),transparent 160px),var(--bg-card)}}.lesson-task{box-shadow:0 0 0 5px var(--tint-green);padding:24px 26px 26px}.lesson-task-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lesson-task-head h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:26px;font-weight:800;font-stretch:80%;line-height:1.1}.lesson-task-sub{color:var(--text-body);margin:6px 0 16px;font-size:14px;line-height:1.55}.lesson-task .md{color:var(--text-body);font-size:15px;line-height:1.7}.lesson-cta{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:22px;display:flex}.lesson-cta .btn-primary{padding:12px 26px 14px;font-size:15px}.lesson-cta .dim{font-size:13px}.practice-grid{flex:1;grid-template-columns:minmax(320px,400px) minmax(420px,1fr);min-height:0;display:grid;overflow:hidden}.guide-pane{background:var(--bg-card);border-right:1px solid var(--border-primary);flex-direction:column;min-height:0;display:flex}.guide-head{border-bottom:1px solid var(--border-inner);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 14px 22px;display:flex}.guide-head-copy{min-width:0}.guide-head h2{letter-spacing:-.01em;margin:6px 0 0;font-size:19px;font-weight:700}.guide-lesson-btn{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-body);cursor:pointer;flex:none;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;font-weight:550;display:inline-flex}.guide-lesson-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.guide-recap .objective-list li{font-size:13px}.guide-recap .objective-mark{width:16px;height:16px}.guide-scroll{flex:1;min-height:0;padding:0 22px 28px;overflow:auto}.guide-section{border-bottom:1px solid var(--border-inner);padding:18px 0}.guide-section .md{color:var(--text-body);font-size:13.5px;line-height:1.65}.guide-lesson-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin-top:14px;padding:0;font-size:13px;display:inline-flex}.guide-lesson-link:hover{color:var(--text-body)}.guide-examples{margin-top:12px}.guide-examples summary{cursor:pointer;color:var(--text-muted);font-size:12.5px}.guide-examples summary:hover{color:var(--text-body)}.example-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.example-card{border:1px solid var(--border-inner);background:var(--bg-page);border-radius:8px;padding:10px 12px 2px}.example-card pre,.recap-card pre{background:var(--bg-editor);border:1px solid var(--border-inner);font-family:var(--font-mono);color:var(--text-body);white-space:pre-wrap;word-break:break-word;border-radius:6px;margin:0 0 8px;padding:7px 9px;font-size:12px;line-height:1.5}.hint-stack{flex-direction:column;gap:8px;display:flex}.hint-card{border:1px solid var(--border-inner);border-radius:var(--radius-sm);background:var(--bg-page);color:var(--text-body);flex-direction:column;gap:5px;padding:10px 12px;font-size:13px;line-height:1.55;display:flex}.hint-num{letter-spacing:0;color:var(--syn-param);font-size:12px;font-weight:700}.hint-reveal{border:1px dashed var(--border-primary);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:13px;display:flex}.hint-reveal:hover{color:var(--text-body);border-color:var(--text-muted)}.hint-reveal .count{font-family:var(--font-mono);color:var(--text-tertiary);font-size:11px}.hint-exhausted{color:var(--text-tertiary);font-size:12px}.feedback-empty{padding:6px 2px}.feedback-empty-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.coach-line{color:var(--text-body);margin-bottom:8px;font-size:13px}.test-row-head.static{cursor:default}.runtime-msg.standalone{margin-bottom:12px}.recap-card{border:1px solid var(--accent-green);border-radius:var(--radius-md);background:var(--tint-green);margin-bottom:12px;padding:18px 20px}.recap-head{align-items:center;gap:14px;display:flex}.recap-badge{background:var(--accent-green);border:1px solid var(--accent-green-hover);width:36px;height:36px;color:var(--text-on-accent);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.recap-card .banner-kicker{letter-spacing:0;color:var(--accent-green-text);margin-bottom:3px;font-size:12.5px;font-weight:700}.recap-title{color:var(--text-primary);font-size:16px;font-weight:600}.recap-section{margin-top:16px}.recap-section .objective-list li{font-size:13.5px}.recap-unlock{align-items:baseline;gap:10px;font-size:13px;display:flex}.recap-card .banner-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.recap-card .banner-actions button{padding:9px 16px;font-size:13px}.md h2{color:var(--text-primary);margin:22px 0 8px;font-size:15px;font-weight:700}.md h2:first-child{margin-top:0}.md h3{color:var(--text-primary);margin:18px 0 6px;font-size:13.5px;font-weight:700}.md p{margin:0 0 10px}.md ul{margin:0 0 10px;padding-left:20px;list-style:outside}.md ol{margin:0 0 10px;padding-left:22px;list-style:decimal}.md li::marker{color:var(--text-tertiary)}.constraints-block li::marker{color:var(--text-tertiary)}.md ol li::marker{font-variant-numeric:tabular-nums}.md li{margin-bottom:5px}.md strong{color:var(--text-primary);font-weight:600}.md em{color:var(--text-primary);font-style:italic}.md code{font-family:var(--font-mono);color:var(--syn-string);background:var(--bg-page);border:1px solid var(--border-inner);border-radius:4px;padding:1px 5px;font-size:12px}.md-code{position:relative}.md-code-label{font-family:var(--font-mono);color:var(--text-tertiary);font-size:10px;position:absolute;top:8px;right:10px}.md .md-code.plain pre{background:var(--bg-page)}.callout{margin:0}.callout>p{margin:0 0 10px}.callout-label{color:var(--syn-builtin);font-weight:700}.callout.tip .callout-label{color:var(--you)}.callout.mistake .callout-label{color:var(--warn)}.lesson-body .md .callout>p{margin:0 0 14px}.md pre{font-family:var(--font-mono);background:var(--bg-editor);border:1px solid var(--border-inner);white-space:pre;border-radius:8px;margin:4px 0 14px;padding:12px 14px;font-size:12.5px;line-height:1.6;overflow-x:auto}.md pre code{color:var(--text-body);background:0 0;border:none;padding:0;font-size:12.5px;line-height:1.6;display:block}.io-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.io-label{font-family:var(--font-sans);letter-spacing:0;color:var(--text-tertiary);margin-bottom:4px;font-size:12px;font-weight:600}.example .io-grid pre,.room-console-body pre{background:var(--bg-editor);border:1px solid var(--border-inner);font-family:var(--font-mono);color:var(--text-body);white-space:pre-wrap;word-break:break-word;border-radius:6px;margin:0 0 8px;padding:8px 10px;font-size:12px;line-height:1.5}.room-console-body pre.mismatch{border-color:var(--line-warn);color:var(--warn)}.io-grid.stacked{grid-template-columns:minmax(0,1fr)}pre.tabular{white-space:pre;word-break:normal;overflow-x:auto}.toolbar-btn{border:1px solid var(--border-primary);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:5px;padding:4px 10px;font-size:12px}.toolbar-btn:hover{color:var(--text-body);border-color:var(--text-muted)}.room-console-tabs{gap:4px}.room-console-tabs .tab-btn{letter-spacing:0;height:100%;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:0 10px;font-size:12.5px;font-weight:600}.room-console-tabs .tab-btn.active{color:var(--text-primary);border-bottom-color:var(--accent-green-text)}.room-console-body{font-family:var(--font-sans);font-size:13px;line-height:1.5}.room-console-body .shimmer-track{background:var(--bg-secondary);border-radius:2px;width:220px;height:3px;overflow:hidden}.room-console-body .shimmer-track .bar{background:var(--accent-green);width:40%;height:100%;animation:1.1s ease-in-out infinite roomShimmer}@keyframes roomShimmer{0%{transform:translate(-100%)}to{transform:translate(250%)}}.judge-banner{border:1px solid var(--border-inner);border-radius:var(--radius-md);background:var(--bg-card);margin-bottom:12px;padding:13px 15px}.judge-banner .banner-kicker{letter-spacing:0;margin-bottom:4px;font-size:12.5px;font-weight:700}.judge-banner .banner-title{color:var(--text-primary);font-size:14px;font-weight:600}.judge-banner .banner-sub{color:var(--text-muted);margin-top:4px;font-size:12.5px}.judge-banner .banner-hint{color:var(--text-body);border:1px solid var(--border-inner);background:var(--bg-page);border-radius:var(--radius-sm);margin-top:10px;padding:9px 11px;font-size:12.5px}.judge-banner .banner-hint .md p{margin:0}.judge-banner .banner-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.judge-banner .banner-actions button{padding:9px 16px;font-size:13px}.judge-banner.compile{border-color:var(--line-danger);background:var(--tint-danger)}.judge-banner.compile .banner-kicker,.judge-banner.crash .banner-kicker{color:var(--danger)}.judge-banner.wrong .banner-kicker{color:var(--warn)}.judge-banner .banner-kicker.inline-arrow{gap:7px}.pass-meter{background:var(--bg-secondary);border-radius:3px;height:5px;margin-top:10px;overflow:hidden}.pass-meter>span{background:var(--you-fill);border-radius:3px;height:100%;display:block}.feedback-busy{color:var(--text-muted);flex-direction:column;gap:10px;display:flex}.judge-banner.success{border-color:var(--line-green);background:var(--tint-green)}.judge-banner.success .banner-kicker{color:var(--accent-green-text)}.diag-list{flex-direction:column;gap:4px;margin:10px 0 0;padding:0;list-style:none;display:flex}.diag-list button{text-align:left;background:var(--bg-editor);border:1px solid var(--border-inner);cursor:pointer;width:100%;font:inherit;color:var(--text-body);border-radius:6px;align-items:baseline;gap:12px;padding:6px 10px;display:flex}.diag-list button:hover{border-color:var(--text-muted)}.diag-list .loc{font-family:var(--font-mono);flex:none;font-size:11.5px}.diag-list .error .loc{color:var(--danger)}.diag-list .warning .loc{color:var(--syn-param)}.diag-list .msg{font-family:var(--font-mono);font-size:12px}.raw-output,.warnings-block{margin-top:10px}.raw-output summary,.warnings-block summary{cursor:pointer;color:var(--text-muted);margin-bottom:6px;font-size:12px}.warnings-block{border:1px solid var(--border-inner);border-radius:8px;margin:0 0 12px;padding:8px 12px}.warnings-block summary{color:var(--syn-param);margin:0}.test-list{flex-direction:column;gap:6px;display:flex}.test-row{border:1px solid var(--border-inner);background:var(--bg-card);border-radius:8px}.test-row-head{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:7px 12px;display:flex}.test-row-head:disabled{cursor:default}.test-row .mark{font-family:var(--font-mono);width:12px;font-weight:700}.test-row.ok .mark{color:var(--accent-green-text)}.test-row.wa .mark{color:var(--warn)}.test-row.re .mark{color:var(--danger)}.test-row.skip .mark{color:var(--text-tertiary)}.test-row .name{color:var(--text-body);flex:1;align-items:center;gap:8px;font-size:13px;display:flex}.tag.status-chip.re{color:var(--bg-page);background:var(--danger);border-color:var(--danger)}.test-row-body{padding:2px 12px 12px 34px}.runtime-msg{color:var(--text-body);flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px;font-size:12.5px;display:flex}.runtime-msg .goto{border:1px solid var(--border-primary);color:var(--danger);cursor:pointer;background:0 0;border-radius:5px;padding:2px 8px;font-size:11.5px}.unlock-kind{letter-spacing:0;color:var(--accent-green-text);font-size:12px;font-weight:700}.custom-run{grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr);gap:16px;height:100%;min-height:0;display:grid}.custom-run-input{flex-direction:column;min-height:0;display:flex}.stdin-input{resize:none;min-height:80px;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-editor);border:1px solid var(--border-inner);border-radius:6px;outline:none;flex:1;padding:8px 10px;font-size:12.5px;line-height:1.5}.stdin-input:focus{border-color:var(--text-muted)}.custom-run-output{min-width:0;overflow:auto}.custom-run.query{grid-template-columns:minmax(0,1fr)}.sql-tables{flex-direction:column;gap:16px;display:flex}.sql-table-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.sql-table-head .dim{font-variant-numeric:tabular-nums}.sql-table-name{font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.sql-table-scroll{border:1px solid var(--border-inner);border-radius:var(--radius-md);overflow-x:auto}.sql-table-scroll table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:11.5px;line-height:1.45}.sql-table-scroll th,.sql-table-scroll td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-row);padding:5px 9px}.sql-table-scroll tbody tr:last-child td{border-bottom:none}.sql-table-scroll th{background:var(--bg-page);color:var(--text-primary);vertical-align:bottom;font-weight:600}.sql-col-type{color:var(--text-tertiary);font-size:10px;font-weight:400;display:block}.sql-table-scroll td{color:var(--text-body)}.sql-table-scroll td.num{font-variant-numeric:tabular-nums;text-align:right}.sql-table-scroll td.null{color:var(--text-tertiary);font-style:italic}.sql-table-more{margin-top:5px;font-size:11.5px}.room-actions{border-top:1px solid var(--border-inner);background:var(--bg-card);flex:none;align-items:center;gap:10px;padding:10px 16px;display:flex}.room-actions-note{color:var(--text-tertiary);min-width:0;font-size:12px}.room-actions .btn-run{flex:none;width:auto;padding:9px 16px}.room-actions .btn-check{flex:none;align-items:center;gap:10px;padding:9px 16px 11px;font-size:13.5px;display:inline-flex}.btn-kbd{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--you-ink);padding:1px 5px;font-size:10.5px;font-weight:600}@supports (color:color-mix(in lab,red,red)){.btn-kbd{background:color-mix(in srgb,var(--you-ink) 14%,transparent)}}.btn-kbd{color:var(--you-ink)}@supports (color:color-mix(in lab,red,red)){.btn-kbd{color:color-mix(in srgb,var(--you-ink) 75%,transparent)}}.pathways-card-progress .count,.track-req-progress .count,.section-count,.track-xp,.course-stepper .step-dot,.hint-reveal .count,.lesson-meta{font-variant-numeric:tabular-nums}.track-card:focus-visible,.course-stepper button:focus-visible,.room-steps button:focus-visible,.room-back:focus-visible,.guide-lesson-link:focus-visible,.hint-reveal:focus-visible,.guide-examples summary:focus-visible,.room-console-tabs .tab-btn:focus-visible,.diag-list button:focus-visible,.toolbar-btn:focus-visible,.btn-check:focus-visible,.guide-lesson-btn:focus-visible,.lesson-continue-btn:focus-visible,.lesson-rail button:focus-visible,.stdin-input:focus-visible,.runtime-msg .goto:focus-visible,.pathways-card-cta:focus-visible,.pathways-card-all:focus-visible{outline:2px solid var(--accent-green-text);outline-offset:2px;border-radius:var(--radius-sm)}.stdin-input:focus-visible{outline-offset:0}.objective-mark>svg,.test-row .mark>svg,.recap-badge>svg,.feedback-error>svg{flex:none;display:block}.inline-arrow{align-items:center;gap:8px;display:inline-flex}.feedback-error{color:var(--danger);align-items:center;gap:8px;margin-bottom:12px;display:flex}.room-console-body .shimmer-track .bar,.pathway-progress-track .fill,.track-card,.pathways-card-row,.learn-raid-card,.learn-item-card,.learn-track-card,.learn-continue-card{transition-timing-function:var(--ease-out)}@media(prefers-reduced-motion:reduce){.room-console-body .shimmer-track .bar{opacity:.5;width:100%;animation:none}.lesson-section,.track-skeleton span{animation:none}.pathway-progress-track .fill,.track-strip li,.lesson-rail .bar,.pathways-card-row,.learn-raid-card,.learn-item-card,.learn-track-card,.learn-continue-card{transition:none}}.done-dialog{gap:18px;padding:28px 26px 22px}.done-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.done-badge{background:var(--you-fill);width:64px;height:64px;color:var(--you-ink);box-shadow:0 0 0 6px var(--tint-green),0 0 0 7px var(--line-green);animation:donePop .42s var(--ease-out) both;border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.done-badge>svg{display:block}@keyframes donePop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}.done-kicker{letter-spacing:0;color:var(--you);font-size:13px;font-weight:700}.done-title.done-title{font-size:24px;font-weight:800;line-height:1.1}.done-rating{border:1px solid var(--border-inner);border-radius:var(--radius-lg);background:var(--bg-card);align-items:center;gap:14px;padding:14px 16px;display:flex}.done-rating-copy{flex:1;min-width:0}.done-rating-line{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.done-gain{font-family:var(--font-mono);color:var(--you);font-size:20px;font-weight:700}.done-rating-name{color:var(--text-muted);font-size:13px}.done-rating-value{font-family:var(--font-mono);margin-left:auto;font-size:20px;font-weight:700}.done-level-bar{background:var(--bg-secondary);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.done-level-bar>span{height:100%;transition:width .3s var(--ease-out);border-radius:3px;display:block}.done-level-note{color:var(--text-muted);margin-top:6px;font-size:12px}.done-level-note strong{color:var(--text-primary)}.done-section .io-label{margin-bottom:8px}.done-section .objective-list{gap:7px}.done-section .objective-list li{font-size:13.5px}.done-unlocks{flex-direction:column;gap:8px;display:flex}.done-unlock{text-align:left;border:1px solid var(--line-warn);border-radius:var(--radius-md);background:var(--tint-warn);font:inherit;cursor:pointer;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.done-unlock .unlock-kind{color:var(--warn)}.done-unlock-title{color:var(--text-primary);align-items:center;gap:7px;font-size:14px;font-weight:600;display:inline-flex}.done-unlock:hover{border-color:var(--warn)}.done-actions{flex-direction:column;gap:8px;display:flex}.done-actions .btn-primary{justify-content:center;width:100%}.done-actions .btn-ghost{width:100%;padding:10px 16px;font-size:13.5px}.done-unlock:focus-visible,.done-actions button:focus-visible{outline:2px solid var(--accent-green-text);outline-offset:2px}@media(prefers-reduced-motion:reduce){.done-badge{animation:none}.done-level-bar>span{transition:none}}@media(max-width:1080px){.practice-grid{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}}@media(max-width:860px){.practice-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:min-content;overflow:auto}.guide-pane{border-right:none;border-bottom:1px solid var(--border-primary);max-height:46vh}.editor-pane{min-height:0}.editor-host{flex:none;height:380px}.feedback-pane{min-height:180px;height:auto!important}.feedback-pane .console-resizer{display:none}.room-actions{z-index:4;position:sticky;bottom:0}.room-topbar{gap:12px;padding:0 14px}.course-stepper{display:none}.room-topbar:after{content:"";flex:1;order:1}.room-steps{order:2}.pathways-card-row{flex-wrap:wrap}.track-next{flex-direction:column;align-items:stretch}.track-next .btn-primary{justify-content:center}}@media(max-width:640px){.room-back-label{max-width:110px}.room-steps button{padding:6px 9px}.lesson-rail{gap:10px;padding:8px 16px}.lesson-rail-label{display:none}.lesson-article{padding:24px 16px 96px}.lesson-body .md{font-size:15.5px}.lesson-meta .lesson-unroll{margin-left:0}.lesson-task{padding:18px 16px 20px}.lesson-task-head h2{font-size:22px}.lesson-continue-btn .peek{display:none}.guide-head{padding:14px 16px 12px}.guide-scroll{padding:0 16px 24px}.editor-host{height:320px}.room-actions{flex-wrap:wrap;padding:10px 12px}.room-actions-note{flex-basis:100%}.btn-kbd{display:none}.custom-run{grid-template-columns:minmax(0,1fr)}.test-row-body{padding:2px 12px 12px 14px}.track-hero{border-radius:var(--radius-lg);padding:20px 18px 0}.track-hero-top{flex-direction:column}.track-logo{border-radius:11px;width:48px;height:48px}.track-logo img{width:27px;height:27px}.track-next{margin:20px -18px 0;padding:16px 18px 18px}}.mc{flex-direction:column;gap:14px;display:flex}.mc-kicker{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:550}.mc-prompt{color:var(--text-primary);font-size:15.5px;font-weight:550;line-height:1.6}.mc-prompt .md p{margin:0 0 10px}.mc-prompt .md p:last-child{margin-bottom:0}.mc-prompt .md .md-code{font-weight:400}.mc-prompt .md pre{margin:10px 0}.mc-options{flex-direction:column;gap:8px;display:flex}.mc-option{text-align:left;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-editor);width:100%;min-height:46px;color:var(--text-body);font:inherit;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);align-items:center;gap:12px;padding:10px 14px 10px 10px;font-size:14px;line-height:1.45;display:flex}.mc-option[aria-disabled=true]{cursor:default}.mc-option.idle:not([aria-disabled=true]):hover{border-color:var(--text-muted);background:var(--bg-page);color:var(--text-primary)}.mc-key{border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--bg-card);width:26px;height:26px;font-family:var(--font-mono);color:var(--text-muted);flex:none;place-items:center;font-size:11.5px;font-weight:700;display:grid}.mc-key>svg{display:block}.mc-text{flex:1;min-width:0}.mc-text code{font-family:var(--font-mono);color:var(--syn-string);background:var(--bg-page);border:1px solid var(--border-inner);border-radius:4px;padding:1px 5px;font-size:12.5px}.mc-adorn{flex:none;align-items:center;gap:4px;display:inline-flex}.mc-option.selected{border-color:var(--text-muted);background:var(--bg-secondary);color:var(--text-primary)}.mc-option.selected .mc-key{border-color:var(--text-muted);color:var(--text-primary)}.mc-option.correct{border-color:var(--line-green);background:var(--tint-green);color:var(--text-primary)}.mc-option.correct .mc-key{background:var(--you-fill);border-color:var(--you-fill-hover);color:var(--you-ink)}.mc-option.wrong{border-color:var(--line-danger);background:var(--tint-danger);color:var(--text-primary)}.mc-option.wrong .mc-key{background:var(--danger);border-color:var(--danger);color:var(--bg-page)}.mc-option.muted{opacity:.55}.mc-result:empty{display:none}.mc-verdict{border-radius:var(--radius-md);border:1px solid var(--border-inner);background:var(--bg-page);animation:mcIn .2s var(--ease-out) both;padding:12px 14px}.mc-verdict-title{margin-bottom:4px;font-size:13px;font-weight:700}.mc-verdict.right .mc-verdict-title{color:var(--you)}.mc-verdict.wrong .mc-verdict-title{color:var(--danger)}.mc-verdict.none .mc-verdict-title{color:var(--text-muted)}.mc-explanation{color:var(--text-body);font-size:13.5px;line-height:1.6}.mc-explanation .md p{margin:0}.mc-explanation .md p+p{margin-top:8px}@keyframes mcIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.mc-footer{justify-content:flex-end;align-items:center;gap:12px;display:flex}.mc-option:focus-visible{outline:2px solid var(--accent-green-text);outline-offset:2px}.quiz-card{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);margin-top:30px;padding:18px 22px 20px}.quiz-head{border-bottom:1px solid var(--border-inner);align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px;display:flex}.quiz-icon{border-radius:var(--radius-md);background:var(--syn-param);flex:none;place-items:center;width:32px;height:32px;display:grid}@supports (color:color-mix(in lab,red,red)){.quiz-icon{background:color-mix(in srgb,var(--syn-param) 12%,transparent)}}.quiz-icon{color:var(--syn-param)}.quiz-icon>svg{display:block}.quiz-head-copy{flex:1;min-width:0}.quiz-title{color:var(--text-primary);font-size:15px;font-weight:700}.quiz-sub{color:var(--text-muted);margin-top:2px;font-size:12.5px}.quiz-dots{flex:none;gap:6px;margin:0;padding:0;list-style:none;display:flex}.quiz-dots button{border:1.5px solid var(--border-primary);cursor:pointer;background:0 0;border-radius:50%;width:12px;height:12px;padding:0;display:block}.quiz-dots button:disabled{cursor:default}.quiz-dots li.current button{border-color:var(--text-primary)}.quiz-dots li.right button{background:var(--you-fill);border-color:var(--you-fill)}.quiz-dots li.wrong button{background:var(--danger);border-color:var(--danger)}.quiz-dots li.current.right button,.quiz-dots li.current.wrong button{box-shadow:0 0 0 2px var(--bg-card),0 0 0 3.5px var(--text-muted)}.quiz-next{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;padding:8px 14px;font-size:13px;font-weight:600}.quiz-next:hover{border-color:var(--text-muted)}.quiz-summary{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.quiz-score{color:var(--text-body);align-items:center;gap:14px;font-size:14px;display:flex}.quiz-score .tnum{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--text-primary);font-size:26px;font-weight:700}.quiz-score.perfect .tnum{color:var(--you)}.quiz-review{flex-direction:column;gap:4px;width:100%;margin:0;padding:0;list-style:none;display:flex}.quiz-review button{text-align:left;border-radius:var(--radius-md);width:100%;font:inherit;color:var(--text-body);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:7px 8px;font-size:13.5px;display:flex}.quiz-review button:hover{background:var(--bg-page);border-color:var(--border-inner)}.quiz-review .mark{border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}.quiz-review .right .mark{background:var(--you-fill);color:var(--you-ink)}.quiz-review .wrong .mark{background:var(--danger);color:var(--bg-page)}.quiz-review .q{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.quiz-review code{font-family:var(--font-mono);color:var(--syn-string);font-size:12px}.quiz-next:focus-visible,.quiz-dots button:focus-visible,.quiz-review button:focus-visible{outline:2px solid var(--accent-green-text);outline-offset:2px}@media(prefers-reduced-motion:reduce){.mc-option{transition:none}.mc-verdict{animation:none}}@media(max-width:560px){.quiz-card{padding:16px 16px 18px}.quiz-head{flex-wrap:wrap}.quiz-dots{width:100%}.mc-prompt{font-size:15px}.mc-option{font-size:13.5px}}.level-badge{flex:none;place-items:center;display:inline-grid;position:relative}.level-badge svg{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.level-badge path{fill:none;stroke-linecap:round;stroke-linejoin:round}.level-badge .track{stroke:var(--lvl-color)}@supports (color:color-mix(in lab,red,red)){.level-badge .track{stroke:color-mix(in srgb,var(--lvl-color) 22%,var(--bg-secondary))}}.level-badge .fill{stroke:var(--lvl-color);transition:stroke-dasharray .9s var(--ease-out)}.level-badge.unplayed .track{stroke:var(--lvl-color);stroke-dasharray:7 9}.level-badge-num{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--lvl-color);font-weight:700;line-height:1;position:relative}@media(prefers-reduced-motion:reduce){.level-badge .fill{transition:none}}.stats-card{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);animation:statsIn .48s var(--ease-out) both;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.stats-empty{grid-template-columns:1fr;place-items:center;min-height:160px}.stats-heading{font-family:var(--font-sans);letter-spacing:0;color:var(--text-body);margin:0;font-size:14px;font-weight:600}.stats-list{flex-direction:column;min-width:0;padding:16px 22px 12px;display:flex}.stats-list .stats-heading{padding:0 0 2px}.stats-list .stats-heading:not(:first-child){padding-top:2px}.elo-row{border-bottom:1px solid var(--border-row);grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:5px 0 4px;display:grid}.elo-row>.elo-row-top,.elo-row>.elo-bar,.elo-row>.elo-row-foot{grid-column:1}.elo-row-badge{grid-area:2/2;margin-block:-16px}.elo-row-foot[aria-hidden=true],.stats-card.is-loading .elo-row-foot{visibility:hidden}.elo-row:has(+.stats-heading),.elo-row:has(+.stats-more),.elo-row:last-child{border-bottom:none}.elo-row-top{justify-content:space-between;align-items:baseline;gap:10px;min-height:30px;margin-bottom:4px;display:flex}.elo-row-label{white-space:nowrap;align-items:center;gap:7px;min-width:0;display:flex}.elo-row-title{color:var(--text-primary);font-size:14px;font-weight:600}.elo-row-sub{color:var(--text-tertiary);text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.elo-row-sub b{color:var(--text-muted);font-weight:600}.elo-row-rating{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--lvl-color);font-size:20px;font-weight:600}.elo-bar{background:var(--lvl-color);border-radius:2px;height:4px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.elo-bar{background:color-mix(in srgb,var(--lvl-color) 13%,var(--bg-secondary))}}.elo-bar>div{background:var(--lvl-color);transform-origin:0;animation:barGrow .9s var(--ease-out) .15s both;position:absolute;top:0;right:0;bottom:0;left:0}.elo-bar.large{border-radius:4px;height:8px}.elo-foot{text-align:center;font-family:var(--font-mono);color:var(--text-tertiary);margin-top:3px;font-size:11px}.elo-foot b{color:var(--text-muted);font-weight:600}.stats-more{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:5px;margin-top:6px;margin-left:-8px;padding:5px 8px;font-size:13px;font-weight:500;display:inline-flex}.stats-more:hover:not(:disabled){color:var(--text-primary);background:var(--bg-secondary)}.stats-more:disabled{cursor:default;color:var(--text-tertiary)}.stats-skills{flex-direction:column;display:flex}.stats-more:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.stats-overall{border-left:1px solid var(--border-inner);flex-direction:column;gap:18px;min-width:0;padding:16px 24px 20px;display:flex}.stats-overall-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.stats-profile-link{border-radius:var(--radius-sm);height:28px;color:var(--text-tertiary);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;margin:-6px -9px -6px 0;padding:0 9px;font-size:12.5px;font-weight:600;display:inline-flex}.stats-profile-link:hover{color:var(--text-primary);background:var(--bg-secondary)}.stats-profile-link:focus-visible{outline:2px solid var(--text-primary);outline-offset:1px}.stats-overall-hero{align-items:center;gap:28px;margin-top:auto;display:flex}.stats-overall .ladder{margin-bottom:auto}.stats-overall:after{content:"";flex:none;height:17px}.stats-you{flex-direction:column;min-width:0;display:flex}.stats-you-level{color:var(--lvl-color);font-size:15px;font-weight:650}.stats-you-name{font-family:var(--font-display);letter-spacing:-.02em;--title-size:13.5px;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:40px;font-weight:850;font-stretch:80%;line-height:1.05;overflow:hidden}.stats-you-meta{align-items:center;gap:12px;margin-top:10px;display:flex}.stats-you-rating{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--text-primary);font-size:24px;font-weight:600}.stats-you-top{color:var(--text-muted);font-size:13px}.stats-you-top b{color:var(--text-primary);font-weight:650}.ladder{padding:22px 13px 0}.ladder-track{background:var(--lvl-color);border-radius:3px;height:6px;position:relative}@supports (color:color-mix(in lab,red,red)){.ladder-track{background:color-mix(in srgb,var(--lvl-color) 13%,var(--bg-secondary))}}.ladder-fill{background:var(--lvl-color);transform-origin:0;animation:barGrow .9s var(--ease-out) .15s both;border-radius:3px;position:absolute;top:0;right:0;bottom:0;left:0}.ladder-tick{background:var(--bg-card);width:1px;margin-left:-.5px;position:absolute;top:0;bottom:0}@supports (color:color-mix(in lab,red,red)){.ladder-tick{background:color-mix(in srgb,var(--bg-card) 70%,transparent)}}.ladder-pin{background:var(--text-primary);width:2px;box-shadow:0 0 0 2px var(--bg-card);border-radius:1px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.ladder-pin span{border-radius:var(--radius-sm);background:var(--text-primary);color:var(--bg-page);font-family:var(--font-mono);white-space:nowrap;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;bottom:calc(100% + 4px);left:50%;translate:-50%}.ladder-labels{height:26px;margin-top:10px;position:relative}.ladder-label{place-items:center;height:26px;display:grid;position:absolute;top:0;translate:-50%}.ladder-check{width:15px;height:15px;color:var(--text-muted);stroke-width:2.5px}.ladder-num{font-family:var(--font-mono);color:var(--text-tertiary);font-size:12px}.stats-card.is-loading{--lvl-color:var(--text-tertiary)}.skel{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-secondary) 50%,var(--bg-secondary) 75%);border-radius:4px;display:block}@supports (color:color-mix(in lab,red,red)){.skel{background:linear-gradient(90deg,var(--bg-secondary) 25%,color-mix(in srgb,var(--bg-secondary) 55%,var(--bg-card)) 50%,var(--bg-secondary) 75%)}}.skel{background-size:200% 100%;animation:1.4s ease-in-out infinite skelShimmer}.skel-circle{border-radius:50%}.skel-text{color:#0000;display:inline-block}.skel-rating{align-self:center;width:52px;height:16px}.stats-card.is-loading .elo-row-top{align-items:center}@keyframes skelShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes statsIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes barGrow{0%{scale:0 1}}@media(prefers-reduced-motion:reduce){.stats-card,.elo-bar>div,.skel{animation:none}.stats-profile-link{transition:none}}@media(max-width:980px){.stats-card{grid-template-columns:minmax(0,1fr)}.stats-overall{border-left:none;border-top:1px solid var(--border-inner)}}.play{flex-direction:column;gap:14px;display:flex}.play-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-primary);margin:0;font-size:40px;font-weight:850;font-stretch:72%;line-height:1}.play-live-dot{background:var(--you-fill);width:7px;height:7px;box-shadow:0 0 0 3px var(--you-fill);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.play-live-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--you-fill) 22%,transparent)}}.play-modes{grid-template-rows:auto auto;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px;display:grid}.mode-card{isolation:isolate;border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);transition:border-color var(--dur-base) var(--ease-out);flex-direction:column;gap:14px;padding:22px 22px 20px;display:flex;position:relative;overflow:hidden}.mode-card:hover{border-color:var(--text-tertiary)}@supports (color:color-mix(in lab,red,red)){.mode-card:hover{border-color:color-mix(in srgb,var(--text-tertiary) 70%,var(--border-primary))}}.mode-competitive{border-radius:var(--radius-xl);border-color:var(--you-fill);grid-row:1/span 2;gap:22px;min-height:380px;padding:28px 30px}@supports (color:color-mix(in lab,red,red)){.mode-competitive{border-color:color-mix(in srgb,var(--you-fill) 35%,var(--border-primary))}}.mode-competitive{background:radial-gradient(480px 260px at 100% 0%,var(--you-fill),transparent 70%),linear-gradient(160deg,var(--bg-card-hi) 0%,var(--bg-card) 60%)}@supports (color:color-mix(in lab,red,red)){.mode-competitive{background:radial-gradient(480px 260px at 100% 0%,color-mix(in srgb,var(--you-fill) 14%,transparent),transparent 70%),linear-gradient(160deg,var(--bg-card-hi) 0%,var(--bg-card) 60%)}}.mode-competitive:hover{border-color:var(--you-fill)}@supports (color:color-mix(in lab,red,red)){.mode-competitive:hover{border-color:color-mix(in srgb,var(--you-fill) 60%,var(--border-primary))}}.mode-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mode-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:26px;font-weight:850;font-stretch:78%;line-height:1.05}.mode-name.large{font-size:40px;font-stretch:74%}.mode-meta{color:var(--text-tertiary);margin-top:5px;font-size:13px}.mode-competitive .mode-meta{font-size:14px}.mode-pitch{color:var(--text-muted);flex:1;margin:0;font-size:13.5px;line-height:1.5}.mode-pitch-icon{vertical-align:middle;width:15px;height:15px;color:var(--text-tertiary);margin:-2px 6px 0 0;display:inline}.mode-rules{flex-direction:column;flex:1;gap:10px;margin:0;padding:0;list-style:none;display:flex}.mode-rules li{color:var(--text-body);align-items:center;gap:11px;font-size:14.5px;display:flex}.mode-rules svg{width:17px;height:17px;color:var(--you);flex:none}.mode-live{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;display:flex}.mode-live>span{align-items:center;gap:6px;display:inline-flex}.mode-live>span+span:before{content:"";background:var(--text-tertiary);border-radius:50%;width:3px;height:3px;margin-right:6px}.mode-live b{color:var(--text-primary);font-size:14px;font-weight:700}.mode-live .live b{color:var(--you)}.mode-actions{flex-direction:column;gap:8px;display:flex}.mode-actions-note{color:var(--text-tertiary);text-align:center;margin:0;font-size:12.5px}.mode-soon .mode-name{color:var(--text-muted)}.mode-rating{align-items:center;gap:10px;display:flex}@media(max-width:900px){.play-modes{grid-template-columns:minmax(0,1fr)}.mode-competitive{grid-row:auto;min-height:0}}.lobby-identity-rank{white-space:nowrap;align-items:center;gap:5px;margin-top:2px;font-size:11.5px;font-weight:600;display:flex;overflow:hidden}.pathway-logo{object-fit:contain;flex:none;width:36px;height:36px}.learn-inner{gap:30px;max-width:1120px}.room-topbar-spacer{flex:1}.lesson-kicker.raid{color:var(--raid)}.learn-back{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:7px;margin-bottom:-12px;padding:0;font-size:12.5px;display:inline-flex}.learn-back:hover{color:var(--text-body)}.learn-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.learn-head h1{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-primary);margin:0 0 6px;font-size:32px;font-weight:800;font-stretch:82%}.learn-head p{max-width:520px;color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.55}.learn-search{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-card);width:340px;max-width:100%;height:38px;color:var(--text-tertiary);align-items:center;gap:9px;padding:0 12px;display:flex}.learn-search:focus-within{border-color:var(--line-green);color:var(--text-muted)}.learn-search input{min-width:0;font:inherit;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.learn-search input::placeholder{color:var(--text-tertiary)}.learn-section{flex-direction:column;display:flex}.learn-section .pathway-section-head{margin-bottom:14px}.learn-section-desc{max-width:620px;color:var(--text-muted);margin:-6px 0 16px;font-size:13px;line-height:1.55}.learn-h-icon{align-items:center;gap:9px;display:inline-flex}.learn-h-icon>svg{color:var(--text-muted)}.learn-all{align-items:center;gap:6px;display:inline-flex}.learn-reset{font-family:var(--font-mono);color:var(--raid);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.learn-continue{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px;display:grid}.learn-continue-card{text-align:left;font:inherit;color:inherit;border:1px solid var(--line-green);border-radius:var(--radius-lg);background:var(--tint-green);cursor:pointer;transition:border-color var(--dur-base),background var(--dur-base);align-items:center;gap:14px;padding:14px 16px;display:flex}.learn-continue-card:hover{border-color:var(--you-fill)}.learn-continue-logo{object-fit:contain;flex:none;width:30px;height:30px}.learn-continue-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.learn-continue-track{letter-spacing:0;color:var(--text-muted);font-size:11.5px;font-weight:600}.learn-continue-next{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;overflow:hidden}.learn-continue-main .pathway-progress-track.small{width:100%;max-width:180px;margin-top:3px}.learn-continue-go{background:var(--you-fill);width:30px;height:30px;color:var(--you-ink);border-radius:999px;flex:none;place-items:center;display:grid}.learn-track-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:12px;display:grid}.learn-track-card{text-align:left;font:inherit;color:inherit;border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;transition:border-color var(--dur-base),background var(--dur-base);flex-direction:column;gap:8px;padding:16px;display:flex}button.learn-track-card:hover{border-color:var(--text-muted);background:var(--bg-card-hi)}.learn-track-card.soon{cursor:default;background:0 0;border-style:dashed}.learn-track-card.soon .pathway-logo{opacity:.55;filter:grayscale()}.learn-track-card.soon .learn-track-name{color:var(--text-muted)}.learn-track-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.learn-track-name{color:var(--text-primary);font-size:15px;font-weight:600}.learn-track-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.learn-track-progress{align-items:center;gap:10px;margin-top:auto;padding-top:6px;display:flex}.learn-track-progress .pathway-progress-track{flex:1}.learn-track-progress .count{font-family:var(--font-mono);color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11.5px}.learn-track-note{color:var(--warn);font-size:11.5px}.learn-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px;display:grid}.learn-card-grid.per-language{grid-template-columns:repeat(auto-fill,minmax(min(196px,100%),1fr))}.learn-item-card,.learn-raid-card,.learn-builder-card{text-align:left;min-width:0;font:inherit;color:inherit;border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;gap:9px;padding:14px 16px;display:flex}.learn-item-card,.learn-raid-card{cursor:pointer;transition:border-color var(--dur-base),background var(--dur-base)}.learn-item-card:hover:not(:disabled){border-color:var(--text-muted);background:var(--bg-card-hi)}.learn-item-card.challenge{border-color:var(--line-warn)}.learn-item-card.challenge .learn-kind{color:var(--warn)}.learn-item-card.completed{border-color:var(--line-green)}.learn-item-card.locked,.learn-raid-card.locked{border-color:var(--border-inner);cursor:default;background:0 0}.learn-item-card.locked .learn-card-title,.learn-raid-card.locked .learn-card-title{color:var(--text-muted)}.learn-raid-card{border-color:var(--line-raid);background:linear-gradient(180deg,var(--tint-raid),transparent 70%),var(--bg-card)}.learn-raid-card:hover:not(:disabled){border-color:var(--raid)}.learn-raid-card.completed{border-color:var(--line-green);background:var(--bg-card)}.learn-builder-card{background:0 0;border-style:dashed}.learn-builder-card p{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.5}.learn-card-top{justify-content:space-between;align-items:center;gap:8px;min-height:22px;display:flex}.learn-kind{letter-spacing:0;color:var(--text-tertiary);align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.learn-kind.raid{color:var(--raid)}.learn-countdown{font-family:var(--font-mono);color:var(--raid);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.learn-raid-card.locked .learn-countdown{color:var(--text-muted)}.learn-card-title{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.3}.learn-card-meta{min-width:0;color:var(--text-muted);white-space:nowrap;gap:8px;font-size:11.5px;display:flex}.learn-card-meta>span{flex:none}.learn-card-meta>span+span:before{content:"·";color:var(--text-tertiary);margin-right:8px}.learn-card-meta .concept{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.learn-card-foot{justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:4px;display:flex}.learn-card-foot .track-req{flex-direction:column;align-items:flex-start;gap:6px;margin-top:0}.learn-state{color:var(--text-body);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.learn-state.available,.learn-state.completed{color:var(--you)}.learn-state.locked{color:var(--text-tertiary)}.learn-raid-card.available .learn-state{color:var(--raid)}.learn-empty{border:1px dashed var(--border-primary);border-radius:var(--radius-lg);text-align:center;color:var(--text-muted);padding:22px;font-size:13px}.learn-browse-all{border:1px solid var(--border-primary);border-radius:var(--radius-lg);font:inherit;color:var(--text-body);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:13px;font-weight:600;display:flex}.learn-browse-all:hover{border-color:var(--text-muted);background:var(--bg-card)}.learn-filters{border-bottom:1px solid var(--border-inner);flex-direction:column;gap:10px;margin-top:-8px;padding-bottom:18px;display:flex}.learn-filter-row{align-items:center;gap:14px;display:flex}.learn-filter-label{letter-spacing:0;width:84px;color:var(--text-tertiary);flex:none;font-size:11.5px;font-weight:600}.learn-chips{flex-wrap:wrap;gap:6px;display:flex}.learn-chip{border:1px solid var(--border-primary);font:inherit;color:var(--text-muted);cursor:pointer;transition:border-color var(--dur-fast),color var(--dur-fast);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;display:inline-flex}.learn-chip:hover{color:var(--text-body);border-color:var(--text-tertiary)}.learn-chip.active{color:var(--you);border-color:var(--line-green);background:var(--tint-green)}.learn-chip img{object-fit:contain;width:14px;height:14px}.learn-results-head{color:var(--text-muted);justify-content:space-between;align-items:center;margin:-12px 0 -14px;font-size:12.5px;display:flex}.learn-back:focus-visible,.learn-search:has(input:focus-visible),.learn-continue-card:focus-visible,.learn-track-card:focus-visible,.learn-item-card:focus-visible,.learn-raid-card:focus-visible,.learn-browse-all:focus-visible,.learn-chip:focus-visible,.learn-all:focus-visible{outline:2px solid var(--accent-green-text);outline-offset:2px}@media(max-width:860px){.learn-head{flex-direction:column;align-items:stretch}.learn-search{width:100%}.learn-filter-row{flex-direction:column;align-items:flex-start;gap:6px}}.lp{background:var(--bg-page);min-height:100vh;color:var(--text-body);overflow-x:clip}.lp-wrap{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:0 16px}@media(min-width:720px){.lp-wrap{padding:0 32px}}.lp :where(h1,h2,h3,p){margin:0}.lp section[id]{scroll-margin-top:72px}.lp-nav{z-index:30;background:var(--bg-page);position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.lp-nav{background:color-mix(in srgb,var(--bg-page) 88%,transparent)}}.lp-nav{-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-row)}.lp-nav-inner{align-items:center;gap:28px;height:60px;display:flex}.lp-nav-mark{color:inherit;display:inline-flex}.lp-nav-mark .wordmark{font-size:21px}.lp-nav-links{gap:22px;margin-right:auto;display:none}.lp-nav-links a{color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out);font-size:13.5px;font-weight:500}.lp-nav-links a:hover{color:var(--text-primary)}.lp-nav-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.lp-nav-duel{display:none}@media(min-width:720px){.lp-nav-links{display:flex}.lp-nav-duel{display:inline-flex}.lp-nav-actions{margin-left:0}}.lp-hero{isolation:isolate;padding:40px 0 56px;position:relative}.lp-hero-board{--sq:clamp(48px, 7vw, 84px);z-index:-1;width:calc(var(--sq) * 10);height:calc(var(--sq) * 10);background:repeating-conic-gradient(var(--text-primary) 0 25%,transparent 0 50%) 0 0 / calc(var(--sq) * 2) calc(var(--sq) * 2);position:absolute;top:50%;right:-6%;translate:0 -50%;rotate:-8deg}@supports (color:color-mix(in lab,red,red)){.lp-hero-board{background:repeating-conic-gradient(color-mix(in srgb,var(--text-primary) 3%,transparent) 0 25%,transparent 0 50%) 0 0 / calc(var(--sq) * 2) calc(var(--sq) * 2)}}.lp-hero-board{-webkit-mask-image:radial-gradient(closest-side,var(--bg-editor) 25%,transparent 100%);mask-image:radial-gradient(closest-side,var(--bg-editor) 25%,transparent 100%);pointer-events:none}.lp-hero-grid{align-items:center;gap:40px;display:grid}@media(min-width:1000px){.lp-hero{padding:clamp(40px,8vh,88px) 0 clamp(56px,10vh,104px)}.lp-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px}}.lp-hero-copy{min-width:0}.lp-hero-copy>*{animation:gate-rise .6s var(--ease-out) both}.lp-hero-copy>:nth-child(2){animation-delay:80ms}.lp-hero-copy>:nth-child(3){animation-delay:.16s}.lp-hero-visual{animation:lp-visual .8s var(--ease-out) .2s both}@keyframes lp-visual{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.lp-h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(44px,min(7vw,10vh),76px);font-weight:850;font-stretch:74%;line-height:.95}.lp-h1-you{white-space:nowrap;color:var(--you);background:linear-gradient(transparent 74%,var(--you-fill) 74% 92%,transparent 92%)}@supports (color:color-mix(in lab,red,red)){.lp-h1-you{background:linear-gradient(transparent 74%,color-mix(in srgb,var(--you-fill) 24%,transparent) 74% 92%,transparent 92%)}}.lp-lede{max-width:31em;color:var(--text-muted);font-size:clamp(15.5px,1.5vw,17.5px);line-height:1.55;margin-top:20px!important}.lp-cta{flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px;display:flex}.lp-cta-row{flex-direction:column;gap:10px;width:100%;display:flex}@media(min-width:560px){.lp-cta-row{flex-direction:row;align-items:center;width:auto}}.lp-desktop-note{color:var(--text-body);align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.45;display:flex}.lp-desktop-note svg{width:16px;height:16px;color:var(--text-muted);flex:none;margin-top:1px}.lp-final .lp-desktop-note{margin-top:14px}@media(min-width:720px){.lp-desktop-note{display:none}}.lp-play{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;font-stretch:86%}.lp-cta-note{color:var(--text-muted);align-items:center;gap:7px;font-size:13px;display:flex}.lp-cta-note svg{color:var(--text-tertiary);flex:none}.lp-cta-alt{color:var(--text-tertiary);font-size:13.5px}.lp-textlink{font:inherit;color:var(--you);white-space:nowrap;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:600;display:inline-flex}.lp-textlink:hover:not(:disabled){color:var(--you-hi);text-decoration:underline}.lp-textlink:disabled{opacity:.5;cursor:default}.lp-textlink:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:2px}.lp-textlink svg{width:15px;height:15px;transition:transform var(--dur-base) var(--ease-out)}.lp-textlink:hover:not(:disabled) svg{transform:translate(3px)}.cp{--badge:32px;--gap:6px;--base:12px;--rise:clamp(14px, 2.2vw, 22px);flex-direction:column;gap:14px;margin:0;display:flex}.cp-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;font-size:13px;display:flex}.cp-match{color:var(--text-muted);font-weight:600}.cp-dot{color:var(--text-tertiary);margin:0 3px}.cp-result{border:1px solid var(--line-green);background:var(--tint-green);color:var(--you);opacity:0;transition:opacity .28s var(--ease-out),translate .28s var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-weight:700;display:inline-flex;translate:0 4px}.cp.won .cp-result{opacity:1;transition-delay:.38s;translate:0}.cp-result svg{width:15px;height:15px}.cp-legend{flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none;display:flex}.cp-legend li{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.cp-legend i{border-radius:2px;width:11px;height:11px}.cp-legend .me i{background:var(--you-fill)}.cp-legend .opp i{background:var(--opp-fill)}.cp-legend b{font-family:var(--font-mono);color:var(--text-primary);transition:color .28s var(--ease-out);font-size:13px;font-weight:700}.cp.won .cp-legend .me b{color:var(--you)}.cp.won .cp-legend .opp b{color:var(--text-tertiary)}.cp-stairs{height:calc(var(--base) + 9 * var(--rise) + var(--gap) + var(--badge) + 34px);border-bottom:1px solid var(--border-primary);grid-template-columns:repeat(10,minmax(0,1fr));align-items:end;display:grid;position:relative}.cp-step{align-items:center;gap:var(--gap);flex-direction:column;min-width:0;display:flex}.cp-step .level-badge{opacity:.55;transition:opacity .28s var(--ease-out)}.cp-step.here .level-badge{opacity:1}.cp-block{width:calc(100% - 3px);height:calc(var(--base) + var(--i) * var(--rise));border:1px solid var(--border-inner);background:repeating-conic-gradient(var(--text-primary) 0 25%,transparent 0 50%) 0 0 / 12px 12px,var(--bg-card);border-bottom:0;border-radius:3px 3px 0 0;display:block}@supports (color:color-mix(in lab,red,red)){.cp-block{background:repeating-conic-gradient(color-mix(in srgb,var(--text-primary) 3.5%,transparent) 0 25%,transparent 0 50%) 0 0 / 12px 12px,var(--bg-card)}}.cp-block{transition:border-color .28s var(--ease-out),background-color .28s var(--ease-out)}.cp-step.here .cp-block{border-color:var(--lvl-color)}@supports (color:color-mix(in lab,red,red)){.cp-step.here .cp-block{border-color:color-mix(in srgb,var(--lvl-color) 45%,transparent)}}.cp-step.here .cp-block{background-color:var(--lvl-color)}@supports (color:color-mix(in lab,red,red)){.cp-step.here .cp-block{background-color:color-mix(in srgb,var(--lvl-color) 8%,var(--bg-card))}}.cp-token{left:calc((var(--i) + .5) * 10%);bottom:calc(var(--base) + var(--i) * var(--rise) + var(--gap) + var(--badge) + 6px);transition:left .76s var(--ease-in-out),bottom .76s var(--ease-in-out);position:absolute;translate:-50%}.cp-token.me{z-index:2}.cp.won .cp-token.me{transition-delay:.12s}.cp:not(.won) .cp-token.opp{transition-delay:.14s}.cp-token i{width:16px;height:16px;transition:rotate .48s var(--ease-out),scale .48s var(--ease-out),opacity .48s var(--ease-out),filter .48s var(--ease-out);border-radius:3px;display:block}.cp-token.me i{background:var(--you-fill);box-shadow:inset 0 -3px 0 var(--you-lip)}.cp-token.opp i{background:var(--opp-fill);box-shadow:inset 0 -3px 0 var(--opp-lip)}.cp.won .cp-token.me i{animation:cp-hop .76s var(--ease-out) .12s both;scale:1.2}.cp.won .cp-token.opp i{opacity:.5;filter:saturate(.35);rotate:-18deg}@keyframes cp-hop{40%{transform:translateY(-20px)}to{transform:none}}.cp-delta{font-family:var(--font-mono);white-space:nowrap;opacity:0;transition:opacity .24s var(--ease-out),translate .24s var(--ease-out);font-size:12.5px;font-weight:700;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50% 4px}.cp-token.me .cp-delta{color:var(--you)}.cp-token.opp .cp-delta{color:var(--danger)}.cp.won .cp-delta{opacity:1;transition-delay:.62s;translate:-50%}.cp-caption{color:var(--text-tertiary);font-size:13px}@media(min-width:1000px){.cp{--rise:27px}}.lp-section{border-top:1px solid var(--border-row);padding:64px 0}@media(min-width:860px){.lp-section{padding:88px 0}.lp-features-section{padding-top:64px}#ladder{padding:104px 0 72px}}.lp-head{max-width:620px;margin-bottom:30px}.lp-h2{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-primary);font-size:clamp(34px,5.5vw,50px);font-weight:850;font-stretch:76%;line-height:1}.lp-sub{color:var(--text-muted);font-size:16px;line-height:1.55;margin-top:12px!important}.lp-features{border-top:1px solid var(--border-row);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.lp-features>li{flex-direction:column;align-items:flex-start;gap:10px;padding:24px 0;display:flex}.lp-features>li+li{border-top:1px solid var(--border-row)}@media(min-width:860px){.lp-features{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-features>li{padding:28px 28px 8px 0}.lp-features>li+li{border-top:0;border-left:1px solid var(--border-row);padding-left:28px}}.lp-feature-top{justify-content:space-between;align-self:stretch;align-items:center;margin-bottom:4px;display:flex}.lp-glyph{border-radius:var(--radius-md);border:1px solid var(--border-primary);width:38px;height:38px;color:var(--text-muted);place-items:center;display:grid}.lp-glyph svg{width:18px;height:18px}.lp-features h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:26px;font-weight:850;font-stretch:78%;line-height:1.05}.lp-features p,.lp-features dd{color:var(--text-muted);font-size:15px;line-height:1.55}.lp-feature-modes{flex-direction:column;gap:10px;margin:0;display:flex}.lp-feature-modes dt{color:var(--text-body);align-items:center;gap:8px;font-size:14px;font-weight:650;display:flex}.lp-feature-modes dd{margin:2px 0 0}.lp-feature-link{margin-top:auto;padding-top:6px;font-size:14.5px}.lp-features .lp-desktop-note{margin-top:2px}.lp-daily{gap:28px;display:grid}@media(min-width:860px){.lp-daily{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px}}.lp-daily .lp-head{margin-bottom:0}.lp-daily-tag{margin-bottom:14px}.lp-daily-frame{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;align-items:flex-start;gap:12px;min-height:180px;padding:24px;display:flex}.lp-daily-frame.soon{text-align:center;color:var(--text-tertiary);background:0 0;border-style:dashed;justify-content:center;align-items:center;font-size:14px}.lp-daily-frame.soon svg{width:22px;height:22px}.lp-daily-date{color:var(--text-tertiary);align-items:center;gap:7px;font-size:13px;display:inline-flex}.lp-daily-date svg{width:15px;height:15px}.lp-daily-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:28px;font-weight:850;font-stretch:78%;line-height:1.05}.lp-daily-cta{margin-top:auto}.lp-learn{gap:36px;display:grid}@media(min-width:1000px){.lp-learn{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:64px}}.lp-learn .lp-head{margin-bottom:24px}.lp-learn-points{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lp-learn-points li{color:var(--text-muted);padding-left:22px;font-size:15px;line-height:1.5;position:relative}.lp-learn-points li:before{content:"";background:var(--you-fill);border-radius:2px;width:8px;height:8px;position:absolute;top:.55em;left:2px}.lp-learn-points li:nth-child(2):before{background:var(--opp-fill);rotate:45deg}.lp-learn-points li:nth-child(3):before{background:var(--raid)}.lp-learn-points b{color:var(--text-primary);font-weight:650}.lp-learn-cta{margin-top:22px;font-size:15px}.lp-tracks{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;display:flex;overflow:hidden}.lp-track{transition:background-color var(--dur-fast) var(--ease-out);align-items:center;gap:14px;padding:14px 18px;display:flex}.lp-track+.lp-track{border-top:1px solid var(--border-inner)}.lp-track:hover{background:var(--bg-card-hi)}.lp-track-logo{flex:none;width:34px;height:34px}.lp-track-text{flex-direction:column;flex:1;min-width:0;display:flex}.lp-track-lang{font-family:var(--font-display);color:var(--text-primary);font-size:18px;font-weight:800;font-stretch:80%;line-height:1.1}.lp-track-name{color:var(--text-tertiary);font-size:12.5px}.lp-track-shape{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.lp-track-count{font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap;font-size:11.5px}.lp-steps-mini{align-items:center;gap:4px;display:none}@media(min-width:480px){.lp-steps-mini{display:flex}}.lp-steps-mini i{border:1px solid var(--border-primary);background:var(--bg-page);border-radius:2px;width:9px;height:9px}.lp-steps-mini i:first-child{background:var(--you-fill);border-color:var(--you-fill)}.lp-steps-mini b{border:1px solid var(--opp);width:9px;height:9px;margin:0 1px;rotate:45deg}@supports (color:color-mix(in lab,red,red)){.lp-steps-mini b{border:1px solid color-mix(in srgb,var(--opp) 55%,transparent)}}.lp-steps-mini b{background:var(--tint-coral)}.lp-ladder{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);grid-template-columns:repeat(5,minmax(0,1fr));row-gap:22px;margin:0;padding:24px 8px 8px;list-style:none;display:grid}@media(min-width:860px){.lp-ladder{grid-template-columns:repeat(10,minmax(0,1fr));padding:30px 12px 12px}}.lp-ladder li{border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:8px;padding:8px 0 12px;display:flex;position:relative}.lp-ladder li.start{background:var(--lvl-4)}@supports (color:color-mix(in lab,red,red)){.lp-ladder li.start{background:color-mix(in srgb,var(--lvl-4) 8%,transparent)}}.lp-ladder li.start{box-shadow:inset 0 0 0 1px var(--lvl-4)}@supports (color:color-mix(in lab,red,red)){.lp-ladder li.start{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lvl-4) 35%,transparent)}}.lp-ladder-min{font-family:var(--font-mono);color:var(--text-tertiary);font-size:11.5px}.lp-ladder li.start .lp-ladder-min{color:var(--lvl-4);font-weight:700}.lp-ladder-pin{border-radius:var(--radius-sm);background:var(--lvl-4);color:var(--bg-editor);letter-spacing:0;white-space:nowrap;padding:2px 7px;font-size:11.5px;font-weight:800;position:absolute;top:-11px;left:50%;translate:-50%}.lp-final{border-top:0;padding-top:8px}.lp-final-card{isolation:isolate;border:1px solid var(--you-fill);padding:36px 22px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.lp-final-card{border:1px solid color-mix(in srgb,var(--you-fill) 35%,var(--border-primary))}}.lp-final-card{border-radius:var(--radius-xl);background:linear-gradient(160deg,var(--bg-card-hi) 0%,var(--bg-card) 70%)}@media(min-width:720px){.lp-final-card{padding:56px}}.lp-final-board{z-index:-1;background:repeating-conic-gradient(var(--text-primary) 0 25%,transparent 0 50%) 0 0 / 92px 92px;width:460px;height:460px;position:absolute;bottom:-120px;right:-60px;rotate:-8deg}@supports (color:color-mix(in lab,red,red)){.lp-final-board{background:repeating-conic-gradient(color-mix(in srgb,var(--text-primary) 3.5%,transparent) 0 25%,transparent 0 50%) 0 0 / 92px 92px}}.lp-final-board{-webkit-mask-image:radial-gradient(closest-side,var(--bg-editor) 10%,transparent 100%);mask-image:radial-gradient(closest-side,var(--bg-editor) 10%,transparent 100%);pointer-events:none}.lp-final-title{font-family:var(--font-display);letter-spacing:-.028em;color:var(--text-primary);text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(34px,6.4vw,60px);font-weight:850;font-stretch:74%;line-height:.98}.lp-final-sub{max-width:36em;color:var(--text-muted);font-size:16px;line-height:1.55;margin-top:14px!important}.lp-final-actions{flex-direction:column;gap:10px;margin-top:28px;display:flex}@media(min-width:560px){.lp-final-actions{flex-direction:row;align-items:center}}.lp-final .error-text{margin-top:12px}.lp-footer{border-top:1px solid var(--border-row);padding:28px 0 40px}.lp-footer-inner{color:var(--text-tertiary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;display:flex}@media(prefers-reduced-motion:reduce){.lp-hero-copy>*,.lp-hero-visual,.cp-token i{animation:none!important}.cp *,.cp-token{transition:none!important}}.match-intro{--mi-brace-h:clamp(120px, 30vw, 260px);z-index:60;-webkit-user-select:none;user-select:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.mi-door{background:var(--bg-editor);width:50.5%;position:absolute;top:0;bottom:0}.mi-door-l{left:0}.mi-door-r{right:0}.match-intro:not(.go):not(.still) .mi-stage{opacity:0}.mi-flash{background:radial-gradient(circle at 50% 50%,var(--text-primary),transparent 55%);position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.mi-flash{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--text-primary) 22%,transparent),transparent 55%)}}.mi-flash{opacity:0;pointer-events:none}.mi-stage{justify-content:center;align-items:center;padding:0 16px;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.mi-l,.mi-r{flex:1 1 0;align-items:center;gap:clamp(12px,3vw,40px);min-width:0;display:flex}.mi-l{justify-content:flex-end}.mi-r{justify-content:flex-start}.mi-brace{height:var(--mi-brace-h);width:calc(var(--mi-brace-h) * 33 / 88);flex:none;overflow:visible}.mi-brace path{fill:none;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.mi-brace.you path{stroke:var(--you)}.mi-brace.opp path{stroke:var(--opp)}.mi-center{width:clamp(88px,16vw,180px);height:var(--mi-brace-h);flex:none;place-items:center;display:grid;position:relative}.mi-center>*{grid-area:1/1}.mi-ring{aspect-ratio:1;border:1.5px solid var(--text-primary);border-radius:50%;width:100%}@supports (color:color-mix(in lab,red,red)){.mi-ring{border:1.5px solid color-mix(in srgb,var(--text-primary) 55%,transparent)}}.mi-ring{opacity:0}.mi-ring-2{border-color:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.mi-ring-2{border-color:color-mix(in srgb,var(--text-primary) 30%,transparent)}}.mi-vs{font-family:var(--font-display);color:var(--text-primary);opacity:0;font-size:clamp(40px,8vw,88px);font-weight:800;line-height:1;position:relative}.mi-digit{font-family:var(--font-mono);color:var(--text-primary);opacity:0;font-size:clamp(44px,9vw,104px);font-weight:700;line-height:1}.mi-seat{text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.mi-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-display);color:var(--text-primary);font-size:clamp(17px,2.6vw,30px);font-weight:800;line-height:1.1;overflow:hidden}.mi-name .player-name.player-name-below{--title-size:13.5px;align-items:center}.mi-who{font-size:12.5px;font-weight:600}.mi-who.you{color:var(--you)}.mi-who.opp{color:var(--opp)}.mi-connecting{color:var(--text-muted);pointer-events:none;flex-direction:column;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mi-connect-bar{background:var(--border-primary);border-radius:1px;width:140px;height:2px;overflow:hidden}.mi-connect-bar>i{background:var(--text-muted);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.match-intro.still:not(.waiting) .mi-connecting{display:none}.match-intro.still.waiting .mi-stage{opacity:0}.match-intro.still .mi-connect-bar{display:none}.match-intro.still .mi-vs{opacity:1;transform:translateY(-.6em)}.mi-soon{color:var(--text-muted);font-size:13px;transform:translateY(1.4em)}@media(max-width:719px){.mi-stage{padding-top:calc(50vh - var(--mi-brace-h) / 2 - 40px);align-items:flex-start}.mi-l{flex-direction:column-reverse;align-items:flex-end}.mi-r{flex-direction:column;align-items:flex-start}.mi-l .mi-seat{text-align:right;align-items:flex-end}.mi-r .mi-seat{text-align:left;align-items:flex-start}}.fx-glyph{z-index:80;font-family:var(--font-mono);pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity;font-weight:700;line-height:1;position:fixed}.duel-starting{color:var(--text-muted)}.duel-starting-note{color:var(--text-muted);font-size:13.5px}.lvl-shift{isolation:isolate;flex:none;place-items:center;display:inline-grid;position:relative}.lvl-shift .brace-l,.lvl-shift .brace-r{transform-box:fill-box;transform-origin:50%}.lvl-nums{display:inline-grid}.lvl-nums>*{grid-area:1/1;position:relative}.lvl-old{color:var(--lvl-from)}.lvl-new{color:var(--lvl-to);opacity:0}.lvl-strike{background:var(--text-primary);transform-origin:0;height:.09em;position:absolute;top:40%;left:-.1em;right:-.1em;transform:scaleX(0)}.lvl-caret{background:var(--lvl-to);opacity:0;width:.07em;position:absolute;top:.05em;bottom:.05em;right:-.12em}.lvl-glow{z-index:-1;background:radial-gradient(circle,var(--lvl-to),transparent 62%);border-radius:50%;position:absolute;top:-70%;right:-70%;bottom:-70%;left:-70%}@supports (color:color-mix(in lab,red,red)){.lvl-glow{background:radial-gradient(circle,color-mix(in srgb,var(--lvl-to) 38%,transparent),transparent 62%)}}.lvl-glow{opacity:0;pointer-events:none}.lvl-ring-2{border-width:1px}.lvl-ring{border:1.5px solid var(--lvl-to);opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%}:root[data-reduce-motion] .level-badge .fill,:root[data-reduce-motion] .result-level-fill,:root[data-reduce-motion] .done-level-bar>span{transition:none}.lvlup{--lvlup-brace-h:clamp(150px, 36vw, 300px);z-index:75;-webkit-user-select:none;user-select:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.lvlup-scrim{background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:absolute;top:0;right:0;bottom:0;left:0}.lvlup.still .lvlup-scrim{opacity:1}.lvlup:not(.still) .lvlup-scrim{opacity:0}.lvlup-wash{background:radial-gradient(circle at 50% 45%,var(--lvl-to),transparent 70%);position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.lvlup-wash{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--lvl-to) 30%,transparent),transparent 70%)}}.lvlup-wash{opacity:0;pointer-events:none}.lvlup-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:0 16px;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.lvlup-emblem{align-items:center;gap:clamp(4px,1.5vw,16px);margin-bottom:10px;display:flex;position:relative}.lvlup-bl,.lvlup-br{flex:none;position:relative}.lvlup-brace{height:var(--lvlup-brace-h);width:calc(var(--lvlup-brace-h) * 33 / 88);display:block;overflow:visible}.lvlup-brace path{fill:none;stroke:currentColor;stroke-width:6.5px;stroke-linecap:round;stroke-linejoin:round}.lvlup-brace.was{color:var(--lvl-from)}.lvlup-brace.now{color:var(--lvl-to);opacity:0;position:absolute;top:0;right:0;bottom:0;left:0}.lvlup-nums{min-width:1.3em;font-family:var(--font-mono);letter-spacing:-.04em;font-size:clamp(64px,15vw,160px);font-weight:700;line-height:1;display:grid}.lvlup-nums>*{grid-area:1/1;justify-self:center;position:relative}.lvlup-old{color:var(--lvl-from);opacity:0}.lvlup-new{color:var(--lvl-to);opacity:0}.lvlup-strike{background:var(--text-primary);transform-origin:0;height:.07em;position:absolute;top:40%;left:-.08em;right:-.08em;transform:scaleX(0)}.lvlup-caret{background:var(--lvl-to);opacity:0;width:.05em;position:absolute;top:.06em;bottom:.06em;right:-.1em}.lvlup-ring{width:var(--lvlup-brace-h);aspect-ratio:1;margin:calc(var(--lvlup-brace-h) / -2) 0 0 calc(var(--lvlup-brace-h) / -2);border:2px solid var(--lvl-to);opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}.lvlup-ring-2{border-width:1px}.lvlup-title{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(30px,5.5vw,52px);font-weight:800;line-height:1.05}.lvlup-sub{color:var(--text-muted);font-size:15px}.lvlup:not(.still) .lvlup-title,.lvlup:not(.still) .lvlup-sub{opacity:0}.done-badge{position:relative}.done-ring{border:2px solid var(--you);opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0}.player-name{--title-tone:var(--text-muted);vertical-align:middle;align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}.player-name-text{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.player-name-title{min-width:3.5em;font-family:var(--font-sans);letter-spacing:0;font-style:normal;font-stretch:100%;line-height:1.25;font-size:var(--title-size,12.5px);color:var(--text-body);background:var(--title-tone);border-radius:999px;flex:0 100 auto;align-items:center;gap:4px;padding:3px 9px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.player-name-title{background:color-mix(in srgb,var(--title-tone) 13%,transparent)}}.player-name-title{box-shadow:inset 0 0 0 1px var(--title-tone)}@supports (color:color-mix(in lab,red,red)){.player-name-title{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--title-tone) 32%,transparent)}}.player-name-title{white-space:nowrap}.player-name-title-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.player-name-title-icon{flex:none;width:1.1em;height:1.1em}.player-name.player-name-below{flex-direction:column;align-items:flex-start;gap:5px}.player-name.player-name-below .player-name-text,.player-name.player-name-below .player-name-title{max-width:100%}.player-name[data-style=sky]{--title-tone:var(--name-sky)}.player-name[data-style=teal]{--title-tone:var(--name-teal)}.player-name[data-style=lilac]{--title-tone:var(--name-lilac)}.player-name[data-style=frost]{--title-tone:var(--name-frost)}.player-name[data-style=sky]>.player-name-text,.player-name[data-style=teal]>.player-name-text,.player-name[data-style=lilac]>.player-name-text,.player-name[data-style=frost]>.player-name-text,.player-name[data-style=sky] .player-name-title,.player-name[data-style=teal] .player-name-title,.player-name[data-style=lilac] .player-name-title,.player-name[data-style=frost] .player-name-title{color:var(--title-tone)}.player-name[data-style=aurora]{--title-tone:var(--lvl-5);--title-sweep:linear-gradient(100deg, var(--lvl-3) 0%, var(--lvl-5) 35%, var(--lvl-7) 65%, var(--lvl-3) 100%)}.player-name[data-style=aurora]>.player-name-text{background:var(--title-sweep);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.player-name[data-style=aurora] .player-name-title{color:var(--text-primary);background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,var(--title-sweep) border-box}@supports (color:color-mix(in lab,red,red)){.player-name[data-style=aurora] .player-name-title{background:linear-gradient(color-mix(in srgb,var(--bg-card) 82%,transparent),color-mix(in srgb,var(--bg-card) 82%,transparent)) padding-box,var(--title-sweep) border-box}}.player-name[data-style=aurora] .player-name-title{box-shadow:0 0 14px -4px var(--lvl-5);background-size:100% 100%,200% 100%;border:1px solid #0000}@supports (color:color-mix(in lab,red,red)){.player-name[data-style=aurora] .player-name-title{box-shadow:0 0 14px -4px color-mix(in srgb,var(--lvl-5) 60%,transparent)}}.player-name[data-style=champion]{--title-tone:var(--lvl-10);--title-gold:linear-gradient(100deg, var(--lvl-10) 0%, var(--lvl-10) 22%, var(--lvl-10) 40%, var(--lvl-10) 100%)}@supports (color:color-mix(in lab,red,red)){.player-name[data-style=champion]{--title-gold:linear-gradient(100deg, var(--lvl-10) 0%, color-mix(in srgb, var(--lvl-10) 55%, var(--text-primary)) 22%, var(--lvl-10) 40%, color-mix(in srgb, var(--lvl-10) 70%, var(--lvl-9)) 100%)}}.player-name[data-style=champion]>.player-name-text{background:var(--title-gold);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.player-name[data-style=champion] .player-name-title{color:var(--bg-page);background:var(--title-gold);box-shadow:inset 0 -1px 0 var(--lvl-9),0 0 16px -4px var(--lvl-10);background-size:200% 100%;font-weight:750}@supports (color:color-mix(in lab,red,red)){.player-name[data-style=champion] .player-name-title{box-shadow:inset 0 -1px color-mix(in srgb,var(--lvl-9) 45%,transparent),0 0 16px -4px color-mix(in srgb,var(--lvl-10) 70%,transparent)}}.player-name[data-style=aurora] .player-name-title:after,.player-name[data-style=champion] .player-name-title:after{content:"";background:linear-gradient(100deg,transparent 30%,var(--text-primary) 50%,transparent 70%);position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.player-name[data-style=aurora] .player-name-title:after,.player-name[data-style=champion] .player-name-title:after{background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--text-primary) 55%,transparent) 50%,transparent 70%)}}.player-name[data-style=aurora] .player-name-title:after,.player-name[data-style=champion] .player-name-title:after{pointer-events:none;transform:translate(-120%)}@media(prefers-reduced-motion:no-preference){.player-name[data-style=aurora]>.player-name-text,.player-name[data-style=champion]>.player-name-text,.player-name[data-style=aurora] .player-name-title,.player-name[data-style=champion] .player-name-title{animation:title-slide 5s var(--ease-in-out) .3s infinite}.player-name[data-style=aurora] .player-name-title:after,.player-name[data-style=champion] .player-name-title:after{animation:title-sheen 5s var(--ease-in-out) .3s infinite}}@keyframes title-slide{0%{background-position:100% 0}40%,to{background-position:-100% 0}}@keyframes title-sheen{0%{transform:translate(-120%)}40%,to{transform:translate(120%)}}.avatar-frame{--frame-w:2px;--frame-ring:transparent;isolation:isolate;border-radius:999px;flex:none;display:inline-flex;position:relative}.avatar-frame[data-frame=none]{--frame-w:0px}.avatar-frame:before,.avatar-frame:after{content:none;pointer-events:none;border-radius:999px;position:absolute}.avatar-frame:not([data-frame=none]):before{content:"";inset:calc(-1 * var(--frame-w));z-index:-1;background:var(--frame-ring)}.avatar-frame[data-frame=steel]{--frame-ring:var(--lvl-1)}.avatar-frame[data-frame=tide]{--frame-ring:var(--lvl-3)}.avatar-frame[data-frame=tide]:after{content:"";inset:calc(-2.5 * var(--frame-w) - 1px);border:1px solid var(--lvl-3)}@supports (color:color-mix(in lab,red,red)){.avatar-frame[data-frame=tide]:after{border:1px solid color-mix(in srgb,var(--lvl-3) 45%,transparent)}}.avatar-frame[data-frame=azure]{--frame-ring:linear-gradient(160deg, var(--lvl-3), var(--lvl-5) 60%, var(--lvl-4))}.avatar-frame[data-frame=violet]{--frame-w:2.5px;--frame-ring:conic-gradient(from 200deg, var(--lvl-5), var(--lvl-6), var(--lvl-7), var(--lvl-6), var(--lvl-5))}.avatar-frame[data-frame=blaze]{--frame-w:2.5px;--frame-ring:conic-gradient(from 180deg, var(--lvl-8), var(--lvl-9), var(--lvl-10), var(--lvl-9), var(--lvl-8))}.avatar-frame[data-frame=blaze]:before{box-shadow:0 0 10px -2px var(--lvl-9)}@supports (color:color-mix(in lab,red,red)){.avatar-frame[data-frame=blaze]:before{box-shadow:0 0 10px -2px color-mix(in srgb,var(--lvl-9) 60%,transparent)}}.avatar-frame[data-frame=crown]{--frame-w:3px;--frame-ring:conic-gradient(from 210deg, var(--lvl-10), var(--lvl-10), var(--lvl-10), var(--lvl-10), var(--lvl-10))}@supports (color:color-mix(in lab,red,red)){.avatar-frame[data-frame=crown]{--frame-ring:conic-gradient(from 210deg, var(--lvl-10), color-mix(in srgb, var(--lvl-10) 50%, var(--text-primary)), var(--lvl-10), color-mix(in srgb, var(--lvl-10) 75%, var(--lvl-9)), var(--lvl-10))}}.avatar-frame[data-frame=crown]:before{box-shadow:0 0 12px -2px var(--lvl-10)}@supports (color:color-mix(in lab,red,red)){.avatar-frame[data-frame=crown]:before{box-shadow:0 0 12px -2px color-mix(in srgb,var(--lvl-10) 65%,transparent)}}.avatar-frame[data-frame=crown]:after{content:"";left:50%;top:calc(-1 * var(--frame-w) - 3px);background:var(--lvl-10);width:7px;height:7px;box-shadow:0 0 0 1.5px var(--bg-page);border-radius:1.5px;transform:translate(-50%)rotate(45deg)}.banner{background:var(--bg-card-hi);border-bottom:1px solid var(--border-inner);position:relative;overflow:hidden}.banner[data-art=plain]{background:var(--bg-card-hi)}.banner[data-art=grid]{background:repeating-linear-gradient(0deg,var(--text-muted) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,var(--text-muted) 0 1px,transparent 1px 22px),var(--bg-card)}@supports (color:color-mix(in lab,red,red)){.banner[data-art=grid]{background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--text-muted) 12%,transparent) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--text-muted) 12%,transparent) 0 1px,transparent 1px 22px),var(--bg-card)}}.banner[data-art=diagonal]{background:repeating-linear-gradient(135deg,var(--lvl-3) 0 10px,transparent 10px 26px),var(--bg-card)}@supports (color:color-mix(in lab,red,red)){.banner[data-art=diagonal]{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--lvl-3) 14%,transparent) 0 10px,transparent 10px 26px),var(--bg-card)}}.banner[data-art=horizon]{background:linear-gradient(180deg,var(--lvl-5) 0%,var(--lvl-7) 55%,var(--bg-card) 100%)}@supports (color:color-mix(in lab,red,red)){.banner[data-art=horizon]{background:linear-gradient(180deg,color-mix(in srgb,var(--lvl-5) 26%,var(--bg-card)) 0%,color-mix(in srgb,var(--lvl-7) 16%,var(--bg-card)) 55%,var(--bg-card) 100%)}}.banner[data-art=brackets]{background:var(--bg-card)}.banner[data-art=brackets]:before{content:"{ }";font-family:var(--font-mono);letter-spacing:.1em;color:var(--lvl-4);font-size:clamp(48px,10vw,120px);font-weight:700;line-height:1;position:absolute;top:50%;right:4%;transform:translateY(-50%)}@supports (color:color-mix(in lab,red,red)){.banner[data-art=brackets]:before{color:color-mix(in srgb,var(--lvl-4) 22%,transparent)}}.banner[data-art=brackets]:before{pointer-events:none}.swatch-title{--title-size:13px}.swatch-title-none{color:var(--text-muted);font-size:13px;font-weight:600}.swatch-banner{border:1px solid var(--border-inner);border-radius:var(--radius-sm);width:100%;height:40px}.swatch-banner[data-art=brackets]:before{font-size:28px}.swatch-avatar{--frame-w:2.5px;margin:6px}.swatch-avatar[data-frame=violet],.swatch-avatar[data-frame=blaze]{--frame-w:3px}.swatch-avatar[data-frame=crown]{--frame-w:3.5px}.swatch-avatar-face{background:var(--bg-secondary);width:40px;height:40px;color:var(--text-muted);border-radius:999px;place-items:center;display:grid}.account-layout{grid-template-columns:168px minmax(0,1fr);align-items:start;gap:32px;max-width:1180px;margin:0 auto;display:grid}.account-nav{flex-direction:column;gap:2px;display:flex;position:sticky;top:24px}.account-nav-item{border-radius:var(--radius-md);color:var(--text-muted);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;font-weight:600;display:flex}.account-nav-item:hover{color:var(--text-body);background:var(--bg-secondary)}.account-nav-item.active{color:var(--text-primary);background:var(--bg-secondary)}.account-nav-item:focus-visible{outline:2px solid var(--text-primary);outline-offset:1px}.account-nav-back{margin-bottom:10px}@media(max-width:1100px){.account-layout{grid-template-columns:minmax(0,1fr);gap:20px}.account-nav{border-bottom:1px solid var(--border-inner);flex-direction:row;gap:4px;padding-bottom:8px;position:static}.account-nav-item{padding:6px 12px}.account-nav-back{margin:0 8px 0 0}}.profile-inner{flex-direction:column;gap:30px;width:100%;max-width:960px;display:flex}.profile-id{align-items:center;gap:18px;display:flex}.avatar-frame.profile-avatar-frame:not([data-frame=none]){--frame-w:3.5px}.profile-id-text{flex:1;min-width:0}.profile-ladder{margin-top:6px}.profile-ladder .ladder{padding-left:13px;padding-right:13px}.profile-ladder .ladder-pin{box-shadow:0 0 0 2px var(--bg-page)}.profile-ladder .ladder-tick{background:var(--bg-page)}@supports (color:color-mix(in lab,red,red)){.profile-ladder .ladder-tick{background:color-mix(in srgb,var(--bg-page) 70%,transparent)}}.profile-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:32px;font-weight:850;font-stretch:82%;line-height:1.1}.profile-name .player-name{max-width:100%}.profile-name{--title-size:14px}.profile-overall{color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:6px;font-size:13px;display:flex}.profile-overall b{color:var(--text-body);font-weight:600}.profile-overall-rating{font-family:var(--font-mono);color:var(--lvl-color);font-size:18px;font-weight:700}.profile-badge{flex:none}.profile-section h2{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.profile-section>h2,.profile-section-head{margin-bottom:12px}.profile-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.profile-pad{padding:12px 22px}.profile-ratings{border-top:1px solid var(--border-inner);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;display:grid}.profile-ratings .elo-row:last-child{border-bottom:1px solid var(--border-row)}.profile-history{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);overflow:hidden}.profile-history .match-list{padding:4px 22px}.profile-history .empty-state{border-top:1px solid var(--border-inner)}.record-summary-strip{border-bottom:1px solid var(--border-inner);grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:center;gap:18px 32px;padding:18px 22px;display:grid}.record-summary-strip .record-facts>div{padding:6px 0}.record-summary-strip .record-facts>div:first-child{border-top:none}@media(max-width:720px){.record-summary-strip{grid-template-columns:minmax(0,1fr);padding:16px}.profile-history .match-list{padding:4px 16px}}.profile-pager{border-top:1px solid var(--border-row);justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;display:flex}.profile-pager-range{color:var(--text-muted);font-size:12.5px}.profile-learn{border-top:1px solid var(--border-inner);flex-direction:column;display:flex}.profile-learn-row{border:none;border-bottom:1px solid var(--border-row);text-align:left;color:inherit;cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;grid-template-columns:20px minmax(0,1fr) minmax(80px,180px) 96px;align-items:center;gap:12px;padding:11px 4px;display:grid}.profile-learn-row:not(:disabled):hover{background:var(--bg-secondary)}@supports (color:color-mix(in lab,red,red)){.profile-learn-row:not(:disabled):hover{background:color-mix(in srgb,var(--bg-secondary) 55%,transparent)}}.profile-learn-row:disabled{cursor:default;opacity:.7}.profile-learn-name{color:var(--text-body);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.profile-learn-bar{background:var(--bg-secondary);border-radius:2px;height:4px;overflow:hidden}.profile-learn-bar>span{background:var(--you-fill);transform-origin:0;height:100%;display:block}.profile-learn-count{color:var(--text-muted);text-align:right;font-size:12px}.customize{flex-direction:column;gap:16px;display:flex}.customize-preview{border:1px solid var(--border-inner);border-radius:var(--radius-lg);align-items:flex-end;height:112px;display:flex}.customize-preview-id{align-items:center;gap:14px;min-width:0;padding:14px 18px;display:flex;position:relative}.customize-preview-name{--title-size:13.5px;min-width:0;font-family:var(--font-display);color:var(--text-primary);max-width:100%;font-size:26px;font-weight:850;font-stretch:82%}.customize-skeleton{border-radius:var(--radius-lg);background:var(--bg-card);height:240px}.customize-note{color:var(--text-muted);margin:0;font-size:13px}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:10px;display:grid}.swatch{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-card);text-align:left;color:inherit;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out);flex-direction:column;gap:8px;padding:10px;display:flex}.swatch:not(:disabled):hover{border-color:var(--text-tertiary)}.swatch.on{border-color:var(--text-primary)}.swatch.locked{cursor:not-allowed}.swatch.locked .swatch-art{opacity:.4}.swatch-art{align-items:center;min-height:40px;display:flex}.swatch-grid-title .swatch-art{min-height:30px}.swatch-grid-avatar_border .swatch-art{min-height:56px}.swatch-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.swatch-name{color:var(--text-body);font-size:12.5px;font-weight:600}.swatch-check{color:var(--text-primary)}.swatch-hint{width:100%;color:var(--text-muted);align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.customize-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.customize-status{color:var(--text-muted);font-size:12.5px}@media(max-width:720px){.profile-id{gap:14px}.profile-badge{display:none}.profile-name{font-size:26px}.profile-ratings{grid-template-columns:minmax(0,1fr)}.profile-learn-row{grid-template-columns:20px minmax(0,1fr) 84px}.profile-learn-bar{display:none}.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.profile-learn-row,.swatch{transition:none}}.settings-inner{flex-direction:column;gap:28px;width:100%;max-width:720px;display:flex}.settings-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:30px;font-weight:850;font-stretch:82%}.settings-section h2{color:var(--text-primary);margin:0 0 6px;font-size:15px;font-weight:700}.settings-row{border-bottom:1px solid var(--border-inner);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.settings-section .settings-row:first-of-type{border-top:1px solid var(--border-inner)}.settings-toggle{cursor:pointer}.settings-row-text{flex-direction:column;gap:3px;min-width:0;display:flex}.settings-label{color:var(--text-body);font-size:13.5px;font-weight:600}.settings-value{color:var(--text-primary);overflow-wrap:anywhere;font-size:13.5px}.settings-username{font-weight:600}.settings-help{color:var(--text-muted);font-size:12px;line-height:1.45}.friends-inner{flex-direction:column;gap:14px;width:100%;max-width:760px;margin:0 auto;display:flex}.friends-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin:0 0 4px;font-size:26px;font-weight:850;font-stretch:80%}.friends-add{gap:8px;display:flex}.friends-add input{flex:1;min-width:0;height:40px}.friends-status{color:var(--text-muted);margin:-4px 0 0;font-size:13px}.friends-status.error{color:var(--warn)}.friends-section{flex-direction:column;margin-top:14px;display:flex}.friends-section h2{color:var(--text-primary);align-items:baseline;gap:8px;margin:0 0 8px;font-size:16px;font-weight:700;display:flex}.friends-count{font-family:var(--font-mono);color:var(--text-tertiary);font-size:12.5px;font-weight:500}.friends-help{color:var(--text-muted);margin:-2px 0 8px;font-size:13px}.friends-section .empty-state{border-top:1px solid var(--border-inner)}.friends-list{border-top:1px solid var(--border-inner);margin:0;padding:0;list-style:none}.friends-row{border-bottom:1px solid var(--border-row);align-items:center;gap:12px;min-height:60px;padding:10px 0;display:flex}.friends-who{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.friends-who-btn{border-radius:var(--radius-md);color:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:none;margin:-4px -6px;padding:4px 6px}.friends-who-btn:hover{background:var(--bg-secondary)}@supports (color:color-mix(in lab,red,red)){.friends-who-btn:hover{background:color-mix(in srgb,var(--bg-secondary) 55%,transparent)}}.friends-who-btn:focus-visible{outline:2px solid var(--text-primary);outline-offset:1px}.friends-id{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.friends-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.friends-name-plain{color:var(--text-body)}.friends-level{flex:none}.friends-actions{flex:none;align-items:center;gap:6px;display:flex}.friends-presence{color:var(--text-muted);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.friends-dot{background:var(--text-line-number);border-radius:50%;width:7px;height:7px}.friends-presence[data-presence=online]{color:var(--text-body)}.friends-presence[data-presence=online] .friends-dot{background:var(--you)}.friends-presence[data-presence=queue] .friends-dot,.friends-presence[data-presence=match] .friends-dot{box-shadow:inset 0 0 0 1.5px var(--you);background:0 0}.friends-menu{min-width:150px}.friend-profile{flex-direction:column;gap:16px;max-width:960px;margin:0 auto;display:flex}.friend-profile-nav{display:flex}.friend-profile-nav .account-nav-back{margin:0}.friend-profile-meta{align-items:center;gap:12px;margin-top:8px;display:flex}.invite-toast{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card-hi);flex-direction:column;gap:12px;width:min(360px,100vw - 32px);padding:14px;display:flex;box-shadow:0 12px 32px #0006}.invite-toast-who{align-items:center;gap:12px;display:flex}.invite-toast-text{flex-direction:column;gap:3px;min-width:0;display:flex}.invite-toast-title{color:var(--text-primary);font-size:14px;font-weight:600}.invite-toast-sub{color:var(--text-muted);font-size:12.5px}.invite-toast-sub .tnum{font-family:var(--font-mono);color:var(--text-body)}.invite-toast-actions{justify-content:flex-end;gap:8px;display:flex}@media(max-width:520px){.friends-row{flex-wrap:wrap;row-gap:8px}.friends-actions{justify-content:flex-end;width:100%}.friends-add{flex-direction:column}.friend-profile-meta{flex-wrap:wrap}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}