@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--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-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-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}}}@layer theme{:root,:host{--default-font-family:var(--app-font-sans);--default-mono-font-family:var(--app-font-mono)}}@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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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{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]){appearance:button}::file-selector-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:hsl(var(--border))}body{background-color:hsl(var(--background));font-family:var(--app-font-sans);color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.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}}.block{display:block}.grid{display:grid}.grow{flex-grow:1}.resize{resize:both}.ring{--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)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.running{animation-play-state:running}input[type=search]::-webkit-search-cancel-button{display:none}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:hsl(var(--muted-foreground));pointer-events:none}.toggle-elevate:before,.toggle-elevate-2:before{content:"";pointer-events:none;border-radius:inherit;z-index:-1;position:absolute;inset:0}.toggle-elevate.toggle-elevated:before{background-color:var(--elevate-2)}.border.toggle-elevate:before{inset:-1px}.hover-elevate:not(.no-default-hover-elevate),.active-elevate:not(.no-default-active-elevate),.hover-elevate-2:not(.no-default-hover-elevate),.active-elevate-2:not(.no-default-active-elevate){z-index:0;position:relative}.hover-elevate:not(.no-default-hover-elevate):after,.active-elevate:not(.no-default-active-elevate):after,.hover-elevate-2:not(.no-default-hover-elevate):after,.active-elevate-2:not(.no-default-active-elevate):after{content:"";pointer-events:none;border-radius:inherit;z-index:999;position:absolute;inset:0}.hover-elevate:hover:not(.no-default-hover-elevate):after,.active-elevate:active:not(.no-default-active-elevate):after{background-color:var(--elevate-1)}.hover-elevate-2:hover:not(.no-default-hover-elevate):after,.active-elevate-2:active:not(.no-default-active-elevate):after{background-color:var(--elevate-2)}.border.hover-elevate:not(.no-hover-interaction-elevate):after,.border.active-elevate:not(.no-active-interaction-elevate):after,.border.hover-elevate-2:not(.no-hover-interaction-elevate):after,.border.active-elevate-2:not(.no-active-interaction-elevate):after{inset:-1px}}@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}:root{--button-outline:#0000001a;--badge-outline:#0000000d;--opaque-button-border-intensity:-8;--elevate-1:#00000008;--elevate-2:#00000014;--background:red;--foreground:red;--border:red;--card:red;--card-foreground:red;--card-border:red;--sidebar:red;--sidebar-foreground:red;--sidebar-border:red;--sidebar-primary:red;--sidebar-primary-foreground:red;--sidebar-accent:red;--sidebar-accent-foreground:red;--sidebar-ring:red;--popover:red;--popover-foreground:red;--popover-border:red;--primary:red;--primary-foreground:red;--secondary:red;--secondary-foreground:red;--muted:red;--muted-foreground:red;--accent:red;--accent-foreground:red;--destructive:red;--destructive-foreground:red;--input:red;--ring:red;--chart-1:red;--chart-2:red;--chart-3:red;--chart-4:red;--chart-5:red;--app-font-sans:"Inter", sans-serif;--app-font-serif:Georgia, serif;--app-font-mono:Menlo, monospace;--radius:.5rem;--shadow-2xs:0px 2px 0px 0px #1da1f200;--shadow-xs:0px 2px 0px 0px #1da1f200;--shadow-sm:0px 2px 0px 0px #1da1f200, 0px 1px 2px -1px #1da1f200;--shadow:0px 2px 0px 0px #1da1f200, 0px 1px 2px -1px #1da1f200;--shadow-md:0px 2px 0px 0px #1da1f200, 0px 2px 4px -1px #1da1f200;--shadow-lg:0px 2px 0px 0px #1da1f200, 0px 4px 6px -1px #1da1f200;--shadow-xl:0px 2px 0px 0px #1da1f200, 0px 8px 10px -1px #1da1f200;--shadow-2xl:0px 2px 0px 0px #1da1f200;--tracking-normal:0em;--spacing:.25rem;--sidebar-primary-border:hsl(from hsl(var(--sidebar-primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--sidebar-accent-border:hsl(from hsl(var(--sidebar-accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--primary-border:hsl(from hsl(var(--primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--secondary-border:hsl(from hsl(var(--secondary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--muted-border:hsl(from hsl(var(--muted)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--accent-border:hsl(from hsl(var(--accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--destructive-border:hsl(from hsl(var(--destructive)) h s calc(l + var(--opaque-button-border-intensity)) / alpha)}.dark{--button-outline:#ffffff1a;--badge-outline:#ffffff0d;--opaque-button-border-intensity:9;--elevate-1:#ffffff0a;--elevate-2:#ffffff17;--background:red;--foreground:red;--border:red;--card:red;--card-foreground:red;--card-border:red;--sidebar:red;--sidebar-foreground:red;--sidebar-border:red;--sidebar-primary:red;--sidebar-primary-foreground:red;--sidebar-accent:red;--sidebar-accent-foreground:red;--sidebar-ring:red;--popover:red;--popover-foreground:red;--popover-border:red;--primary:red;--primary-foreground:red;--secondary:red;--secondary-foreground:red;--muted:red;--muted-foreground:red;--accent:red;--accent-foreground:red;--destructive:red;--destructive-foreground:red;--input:red;--ring:red;--chart-1:red;--chart-2:red;--chart-3:red;--chart-4:red;--chart-5:red;--shadow-2xs:0px 2px 0px 0px #1da1f200;--shadow-xs:0px 2px 0px 0px #1da1f200;--shadow-sm:0px 2px 0px 0px #1da1f200, 0px 1px 2px -1px #1da1f200;--shadow:0px 2px 0px 0px #1da1f200, 0px 1px 2px -1px #1da1f200;--shadow-md:0px 2px 0px 0px #1da1f200, 0px 2px 4px -1px #1da1f200;--shadow-lg:0px 2px 0px 0px #1da1f200, 0px 4px 6px -1px #1da1f200;--shadow-xl:0px 2px 0px 0px #1da1f200, 0px 8px 10px -1px #1da1f200;--shadow-2xl:0px 2px 0px 0px #1da1f200}@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-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}:root{--bg: #02030a;--cyan: #2ee6ff;--cyan-dim: #1aa7c0;--ink: #cfeefc;--muted: #6b8597;--panel: rgba(5, 10, 18, .7);--panel-bd: rgba(46, 230, 255, .16);--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg)}body{margin:0;font-family:var(--sans);color:var(--ink);user-select:none;-webkit-user-select:none}.arena-hidden{display:none!important}#app{position:fixed;inset:0;z-index:0;touch-action:none}#app canvas{display:block}#vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 58%,rgba(0,0,0,.6) 100%)}#danger-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;box-shadow:inset 0 0 200px 40px #ff2846bf;transition:opacity .18s linear}#hud{position:fixed;inset:0;z-index:5;pointer-events:none}#stat-panel{position:absolute;top:18px;left:18px;display:flex;gap:10px}.stat{background:var(--panel);border:1px solid var(--panel-bd);border-radius:10px;padding:8px 14px;min-width:78px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 8px #2ee6ff05,inset 0 0 6px #2ee6ff04}.stat-label{display:block;font:700 10px/1 var(--mono);letter-spacing:2px;color:var(--muted)}.stat-value{display:block;margin-top:5px;font:800 24px/1 var(--mono);color:#fff;text-shadow:0 0 6px rgba(46,230,255,.16)}#leaderboard{position:absolute;top:64px;right:18px;width:220px;background:var(--panel);border:1px solid var(--panel-bd);border-radius:12px;padding:12px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 10px #2ee6ff05}.lb-title{font:700 11px/1 var(--mono);letter-spacing:3px;color:var(--cyan);margin-bottom:9px;text-shadow:0 0 5px rgba(46,230,255,.16)}#lb-list{list-style:none;margin:0;padding:0}#lb-list li{display:flex;align-items:center;gap:8px;padding:3px 0;font:600 12.5px/1.3 var(--mono);color:var(--ink)}#lb-list li .lb-rank{color:var(--muted);width:16px;text-align:right}#lb-list li .lb-dot{width:9px;height:9px;border-radius:2px;box-shadow:0 0 4px currentColor;flex:none}#lb-list li .lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#lb-list li .lb-score{color:#fff;font-weight:800}#lb-list li.me{color:#fff;text-shadow:0 0 5px rgba(46,230,255,.16)}#lb-list li.me .lb-name:after{content:" ◂you";color:var(--cyan);font-size:10px}#minimap-wrap{position:absolute;bottom:18px;left:18px;padding:6px;border-radius:12px;background:var(--panel);border:1px solid var(--panel-bd);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 10px #2ee6ff05}#minimap{display:block;border-radius:8px}#boost-hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);font:600 12px/1 var(--mono);color:var(--muted);letter-spacing:1px}#boost-hint .key{color:var(--cyan)}#boost-hint b{color:var(--ink)}#net-stat{position:absolute;bottom:22px;right:18px;font:600 11px/1 var(--mono);color:var(--muted)}#net-stat #ping{color:var(--cyan)}#boost-btn{display:none;position:fixed;z-index:8;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:96px;height:96px;border-radius:50%;align-items:center;justify-content:center;font:800 14px var(--mono);letter-spacing:2px;color:var(--cyan);background:radial-gradient(circle at 50% 38%,#2ee6ff33,#050c14cc);border:2px solid var(--cyan-dim);box-shadow:0 0 14px #2ee6ff29,inset 0 0 12px #2ee6ff1a;pointer-events:auto;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#boost-btn:active{color:#fff;border-color:var(--cyan);background:radial-gradient(circle at 50% 38%,#2ee6ff66,#081420db);box-shadow:0 0 22px #2ee6ff4d,inset 0 0 16px #2ee6ff2e}#settings-btn{position:fixed;top:16px;right:16px;z-index:8;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:var(--cyan);background:var(--panel);border:1px solid var(--panel-bd);border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:border-color .15s,box-shadow .15s,color .15s}#settings-btn:hover{border-color:var(--cyan);box-shadow:0 0 8px #2ee6ff2e}#settings-btn svg{display:block}#settings-overlay{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:radial-gradient(80% 70% at 50% 40%,#0816229e,#03050aeb);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px}.settings-card{width:min(360px,92vw);padding:20px;background:linear-gradient(180deg,#0a1420e0,#060c14ed);border:1px solid var(--panel-bd);border-radius:16px;box-shadow:0 0 26px #2ee6ff0f,inset 0 0 20px #2ee6ff04}.settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.settings-title{font:800 16px var(--mono);letter-spacing:3px;color:var(--cyan);text-shadow:0 0 5px rgba(46,230,255,.16)}.settings-close{width:32px;height:32px;font:700 22px/1 var(--sans);color:var(--muted);background:#00000059;border:1px solid var(--panel-bd);border-radius:8px;cursor:pointer;transition:color .15s,border-color .15s}.settings-close:hover{color:var(--ink);border-color:var(--cyan)}#settings-overlay #audio-panel{width:100%;margin:0 0 16px}.settings-actions{display:flex;flex-direction:column;gap:10px}.settings-resume,.settings-leave{width:100%;padding:12px;font:800 13px var(--mono);letter-spacing:2px;border-radius:10px;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s,color .15s}.settings-resume{color:#02030a;background:var(--cyan);border:1px solid var(--cyan);box-shadow:0 0 14px #2ee6ff38}.settings-resume:hover{box-shadow:0 0 20px #2ee6ff57}.settings-leave{color:var(--ink);background:#00000059;border:1px solid var(--panel-bd)}.settings-leave:hover{color:#ff5a72;border-color:#ff5a728c;box-shadow:0 0 12px #ff5a7229}@media(hover:none)and (pointer:coarse){#boost-btn{display:flex}#boost-hint{display:none}#minimap{width:112px;height:112px}#leaderboard{top:84px;left:18px;right:auto;transform:scale(.7);transform-origin:top left}}#menu{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(80% 70% at 50% 35%,#0816229e,#03050aeb);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.menu-inner{position:relative;width:min(560px,92vw);text-align:center;padding:30px 28px 24px;background:linear-gradient(180deg,#0a1420b8,#060c14d1);border:1px solid var(--panel-bd);border-radius:18px;box-shadow:0 0 26px #2ee6ff0a,inset 0 0 20px #2ee6ff04;max-height:92vh;overflow-y:auto}#audio-panel{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:188px;margin:0 0 18px auto}#mute-toggle{cursor:pointer;align-self:flex-end;padding:7px 12px;font:700 10px var(--mono);letter-spacing:2px;color:var(--cyan);background:#00000059;border:1px solid var(--panel-bd);border-radius:8px;transition:border-color .15s,color .15s,box-shadow .15s,background .15s}#mute-toggle:hover{border-color:var(--cyan);box-shadow:0 0 8px #2ee6ff29}#mute-toggle.muted{color:var(--muted);border-color:#ffffff14}.vol-row{display:flex;align-items:center;gap:8px;padding:5px 9px;border-radius:8px;background:#00000059;border:1px solid var(--panel-bd);transition:opacity .15s}.vol-row.disabled{opacity:.4}.vol-label{font:700 9px var(--mono);letter-spacing:1.5px;color:var(--muted);width:44px;flex:none;text-align:left}.vol-val{font:700 9px var(--mono);color:var(--cyan);width:22px;flex:none;text-align:right}.vol-slider{flex:1;min-width:0;height:4px;cursor:pointer;-webkit-appearance:none;appearance:none;background:#2ee6ff2e;border-radius:3px;outline:none}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--cyan);border:none;cursor:pointer;box-shadow:0 0 6px #2ee6ff80}.vol-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--cyan);border:none;cursor:pointer;box-shadow:0 0 6px #2ee6ff80}.vol-slider:disabled{cursor:default}.vol-slider:disabled::-webkit-slider-thumb{cursor:default;box-shadow:none}.vol-slider:disabled::-moz-range-thumb{cursor:default;box-shadow:none}.logo{margin:0;font:800 52px/.95 var(--mono);letter-spacing:4px;color:#fff;text-shadow:0 0 10px rgba(46,230,255,.18),0 0 3px rgba(46,230,255,.32)}.logo span{color:var(--cyan)}.tag{margin:12px auto 22px;max-width:420px;color:var(--muted);font-size:14px;line-height:1.5}.tag b{color:var(--ink)}#name-input{width:100%;padding:13px 16px;font:600 16px var(--mono);letter-spacing:1px;color:#fff;text-align:center;background:#00000059;border:1px solid var(--panel-bd);border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s}#name-input::placeholder{color:#43606f}#name-input:focus{border-color:var(--cyan);box-shadow:0 0 8px #2ee6ff1f}#profile-switcher{margin-top:14px}.switcher-label{font:700 11px var(--mono);letter-spacing:3px;color:var(--muted);margin-bottom:8px}.profile-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.profile-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 7px 5px 11px;border-radius:999px;background:#0000004d;border:1px solid rgba(255,255,255,.08);transition:transform .12s,border-color .12s,box-shadow .12s,background .12s}.profile-chip:hover{transform:translateY(-1px);border-color:var(--mc);background:#ffffff0a}.profile-chip.active{border-color:var(--mc);box-shadow:0 0 8px -2px var(--mc),inset 0 0 12px -9px var(--mc);background:#ffffff0d}.profile-chip .chip-dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--mc);box-shadow:0 0 5px var(--mc)}.profile-chip .chip-select{display:inline-flex;align-items:center;min-width:0;cursor:pointer;background:none;border:0;padding:0;color:var(--ink);font:700 12px var(--mono);letter-spacing:.5px;transition:color .12s}.profile-chip:hover .chip-select,.profile-chip.active .chip-select{color:#fff}.profile-chip .chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chip .chip-rename,.profile-chip .chip-remove{flex:none;cursor:pointer;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--muted);font:700 12px var(--mono);line-height:1;padding:0;transition:background .12s,color .12s,border-color .12s}.profile-chip .chip-rename:hover{color:var(--mc);border-color:var(--mc);background:#ffffff1a}.profile-chip .chip-remove:hover{color:#ff6b6b;border-color:#ff6b6b;background:#ff6b6b1f}.profile-chip .chip-edit{min-width:0;width:90px;background:#0006;border:1px solid var(--mc);border-radius:6px;padding:2px 6px;color:#fff;font:700 12px var(--mono);letter-spacing:.5px;outline:none}.undo-toast{margin-top:12px;display:flex;align-items:center;gap:12px;background:#ff6b6b14;border:1px solid rgba(255,107,107,.35);border-radius:8px;padding:8px 12px;animation:undo-in .18s ease-out}.undo-toast .undo-text{flex:1;min-width:0;color:var(--muted);font:600 12px var(--mono);letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.undo-toast .undo-text strong{color:#fff;font-weight:700}.undo-toast .undo-btn{flex:none;cursor:pointer;border-radius:6px;padding:4px 12px;background:#2ee6ff1a;border:1px solid var(--mc);color:var(--mc);font:700 11px var(--mono);letter-spacing:1px;text-transform:uppercase;transition:background .12s,color .12s}.undo-toast .undo-btn:hover{background:var(--mc);color:#02030a}@keyframes undo-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pick-label{margin:20px 0 10px;font:700 11px var(--mono);letter-spacing:3px;color:var(--muted)}#model-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:22px}.model-card{cursor:pointer;border-radius:10px;padding:9px 4px 7px;background:#0000004d;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .12s,border-color .12s,box-shadow .12s,background .12s}.model-card:hover{transform:translateY(-2px);background:#ffffff0a}.model-card.sel{border-color:var(--mc);box-shadow:0 0 8px -2px var(--mc),inset 0 0 12px -9px var(--mc);background:#ffffff0d}.model-card canvas{width:40px;height:40px;border-radius:6px;image-rendering:pixelated}.model-card .mc-name{font:700 10px var(--mono);letter-spacing:.5px;color:var(--ink)}.model-card.sel .mc-name{color:#fff}#play-btn,#respawn-btn{width:100%;padding:15px;cursor:pointer;font:800 16px var(--mono);letter-spacing:3px;color:#02141a;background:linear-gradient(180deg,#58f0ff,#16c2e6);border:none;border-radius:11px;box-shadow:0 0 10px #2ee6ff2e;transition:transform .1s,box-shadow .15s,filter .15s}#play-btn:hover,#respawn-btn:hover{filter:brightness(1.08);box-shadow:0 0 14px #2ee6ff3d}#play-btn:active,#respawn-btn:active{transform:translateY(1px) scale(.995)}#play-btn:disabled{filter:grayscale(.5) brightness(.7);cursor:not-allowed;box-shadow:none}.controls-hint{margin-top:18px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font:600 11px var(--mono);color:var(--muted)}.controls-hint b{color:var(--cyan)}#conn-status{margin-top:12px;font:600 11px var(--mono);color:#d2603a;letter-spacing:1px}#conn-status.ok{color:#3ad17a}#personal-best{margin-top:12px;font:600 12px var(--mono);color:var(--muted);letter-spacing:1px}#personal-best b{color:var(--cyan);font-weight:800;text-shadow:0 0 6px rgba(46,230,255,.2)}#score-to-beat{margin-top:6px;font:700 12px var(--mono);color:var(--cyan);letter-spacing:1px;text-shadow:0 0 8px rgba(46,230,255,.25)}#score-to-beat b{color:#fff;font-weight:800}#score-to-beat.champion{color:#ffd84a;text-shadow:0 0 8px rgba(255,216,74,.3)}#welcome-back{margin:0 0 12px;font:600 12px var(--mono);color:var(--muted);letter-spacing:1px}#welcome-back b{color:var(--cyan);font-weight:800;text-shadow:0 0 6px rgba(46,230,255,.2)}#welcome-back .kbd{display:inline-block;padding:1px 7px;border-radius:5px;border:1px solid var(--panel-bd);background:#00000059;color:var(--ink);font-weight:700;letter-spacing:.5px}.alltime{margin-top:22px;padding-top:18px;border-top:1px solid rgba(46,230,255,.12)}.alltime-title{font:700 11px var(--mono);letter-spacing:3px;color:var(--cyan);margin-bottom:10px;text-shadow:0 0 5px rgba(46,230,255,.13)}.alltime ol{list-style:none;margin:0;padding:0}.alltime li{display:flex;align-items:center;gap:10px;padding:4px 6px;border-radius:6px;font:600 12.5px var(--mono);color:var(--ink)}.alltime li:nth-child(odd){background:#ffffff05}.alltime .at-rank{color:var(--muted);width:18px;text-align:right}.alltime .at-dot{width:9px;height:9px;border-radius:2px;box-shadow:0 0 4px currentColor;flex:none}.alltime .at-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.alltime .at-score{color:#fff;font-weight:800}.alltime .at-empty{color:var(--muted);font:600 11px var(--mono);padding:6px}#death{position:fixed;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;background:radial-gradient(70% 60% at 50% 45%,#28060c8c,#03050ae6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.death-inner{width:min(440px,92vw);text-align:center;padding:34px 30px;background:linear-gradient(180deg,#1a0a0ec7,#08060adb);border:1px solid rgba(255,70,90,.3);border-radius:18px;box-shadow:0 0 26px #ff3c500d}.death-title{margin:0;font:800 42px var(--mono);letter-spacing:6px;color:#ff5a72;text-shadow:0 0 10px rgba(255,60,80,.16)}#death-by{margin:10px 0 22px;color:var(--muted);font-size:14px}#death-by span{color:#ff8fa0;font-weight:700}.death-stats{display:flex;justify-content:center;gap:26px;margin-bottom:24px}.death-stats div{display:flex;flex-direction:column;gap:4px}.death-stats span{font:800 28px var(--mono);color:#fff;text-shadow:0 0 7px rgba(46,230,255,.1)}.death-stats label{font:600 10px var(--mono);letter-spacing:2px;color:var(--muted);text-transform:uppercase}#respawn-btn{background:linear-gradient(180deg,#ff7d92,#e63a56);color:#1a0206;box-shadow:0 0 10px #ff3c5026}#respawn-btn:hover{box-shadow:0 0 14px #ff3c5033}.queue-inner{text-align:center}#queue-status{margin-top:18px}.queue-pos{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.queue-pos span{font:800 56px var(--mono);color:#2ee6ff;text-shadow:0 0 16px rgba(46,230,255,.45);animation:best-glow 1.6s ease-in-out infinite alternate}.queue-pos label{font:600 11px var(--mono);letter-spacing:2px;color:var(--muted);text-transform:uppercase}#queue-status p{margin:0 auto;max-width:320px;color:var(--muted);font-size:13px;line-height:1.6}#death.is-best .death-inner{border-color:#2ee6ff80;box-shadow:0 0 34px #2ee6ff29}.best-badge{display:inline-block;margin:0 0 16px;padding:7px 16px;font:800 13px var(--mono);letter-spacing:3px;color:#02030a;background:linear-gradient(180deg,#7df0ff,#2ee6ff);border-radius:999px;text-transform:uppercase;box-shadow:0 0 16px #2ee6ff66;animation:best-pop .5s cubic-bezier(.18,.9,.32,1.4) both,best-glow 1.6s ease-in-out .5s infinite alternate}.death-stats .stat-best span{color:#2ee6ff;text-shadow:0 0 12px rgba(46,230,255,.55);animation:best-glow 1.6s ease-in-out infinite alternate}.death-stats .stat-best label{color:#7df0ff}#death.is-top .death-inner{border-color:#ffd54a99;box-shadow:0 0 44px #ffc12838,inset 0 0 22px #ffc1280f}.best-badge.top-badge{color:#1a1102;background:linear-gradient(180deg,#ffe98a,#ffc028);box-shadow:0 0 22px #ffc1288c;letter-spacing:2.5px}.dethroned{margin:-8px 0 18px;color:var(--muted);font:13px var(--mono);letter-spacing:1px;animation:best-pop .5s cubic-bezier(.18,.9,.32,1.4) both}.dethroned span{color:#ffd54a;font-weight:700;text-shadow:0 0 12px rgba(255,193,40,.5)}.death-stats .stat-top span{color:#ffd54a;text-shadow:0 0 14px rgba(255,193,40,.6)}.death-stats .stat-top label{color:#ffe08a}@keyframes best-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes best-glow{0%{filter:brightness(1)}to{filter:brightness(1.25)}}@media(max-width:560px){.logo{font-size:38px}#model-grid{grid-template-columns:repeat(5,1fr)}#leaderboard{width:168px}}