:root{--font:"Barlow Semi Condensed", "Barlow", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--font-head:"Barlow Condensed", "Barlow Semi Condensed", "Roboto Condensed", "Arial Narrow", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "Consolas", "DejaVu Sans Mono", "Liberation Mono", monospace;--bg:#06080c;--panel:#0d1118e0;--panel-solid:#0f141c;--panel-2:#161c26eb;--panel-3:#212936eb;--glass:#0a0e149e;--line:#ffffff12;--line-2:#ffffff21;--line-3:#ffffff38;--text:#e8ecf1;--text-2:#aab4c0;--text-3:#6d7986;--accent:#4da3ff;--accent-2:#93d2ff;--accent-deep:#1d5fb8;--accent-glow:#4da3ff59;--green:#5bc94f;--green-deep:#3a8f31;--red:#ff5a5a;--red-deep:#b8333b;--gold:#f2c14e;--yellow:#ecd76a;--orange:#f08149;--radius:.25rem;--radius-lg:.45rem;--shadow:0 .6rem 2.2rem #0000008c;--ease:cubic-bezier(.2, .7, .2, 1);font-size:clamp(12px,min(100vh,177.78vw)/67.5,48px)}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0;overflow:hidden}#app{position:fixed;inset:0;overflow:hidden}#game-canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.surf-ui{z-index:10;pointer-events:none;font-family:var(--font);color:var(--text);-webkit-user-select:none;user-select:none;font-size:.95rem;line-height:1.35;position:fixed;inset:0}.surf-ui *,.surf-ui :before,.surf-ui :after{box-sizing:border-box}.surf-ui .interactive,.surf-ui button,.surf-ui input,.surf-ui select,.surf-ui textarea,.surf-ui a{pointer-events:auto}.surf-ui input,.surf-ui textarea,.surf-ui .selectable{-webkit-user-select:text;user-select:text}.surf-ui .icon{vertical-align:-.18em;flex:none;width:1.15em;height:1.15em;display:inline-block}.surf-ui .hidden{display:none!important}.surf-ui .tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.surf-ui .btn{appearance:none;border-radius:var(--radius);border:1px solid var(--line-2);height:2.35rem;color:var(--text);font:600 .9rem/1 var(--font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#ffffff0e;justify-content:center;align-items:center;gap:.5em;padding:0 1.1rem;transition:background .15s,border-color .15s,color .15s,transform 80ms,box-shadow .15s;display:inline-flex}.surf-ui a.btn{text-decoration:none}.surf-ui .btn:hover{border-color:var(--line-3);background:#ffffff1f}.surf-ui .btn:active{transform:translateY(1px)}.surf-ui .btn:focus-visible,.surf-ui .chip:focus-visible,.surf-ui .tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.surf-ui .btn:disabled{opacity:.45;cursor:default;transform:none}.surf-ui .btn-primary{color:#fff;text-shadow:0 1px 1px #00000059;background:linear-gradient(#67c94b 0%,#46a034 55%,#3c8c2c 100%);border-color:#96ff8c59;box-shadow:inset 0 1px #ffffff47,0 .25rem 1rem #46b43c2e}.surf-ui .btn-primary:hover{background:linear-gradient(#78d85a 0%,#52b03e 55%,#449c33 100%);border-color:#b4ffaa8c;box-shadow:inset 0 1px #ffffff59,0 .3rem 1.4rem #5ad2464d}.surf-ui .btn-accent{color:#fff;background:linear-gradient(#4f9df5 0%,#2f78d6 100%);border-color:#8cc8ff66;box-shadow:inset 0 1px #ffffff40}.surf-ui .btn-accent:hover{background:linear-gradient(#62adff 0%,#3a87e6 100%)}.surf-ui .btn-danger:hover{color:#ffd7d7;background:#ff50502e;border-color:#ff646480}.surf-ui .btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.surf-ui .btn-ghost:hover{color:var(--text);background:#ffffff12;border-color:#0000}.surf-ui .btn-sm{height:1.8rem;padding:0 .7rem;font-size:.78rem}.surf-ui .btn-lg{letter-spacing:.08em;height:3rem;padding:0 1.8rem;font-size:1.15rem}.surf-ui .btn-icon{width:2.2rem;padding:0}.surf-ui .btn-icon.btn-sm{width:1.8rem}.surf-ui .input,.surf-ui .select{appearance:none;border-radius:var(--radius);border:1px solid var(--line-2);height:2.2rem;color:var(--text);font:500 .92rem var(--font);background:#00000059;outline:none;padding:0 .7rem;transition:border-color .15s,box-shadow .15s,background .15s}.surf-ui .input::placeholder{color:var(--text-3)}.surf-ui .input:focus,.surf-ui .select:focus{border-color:var(--accent);background:#00000080;box-shadow:0 0 0 3px #4da3ff2e}.surf-ui .select{cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-2) 50%), linear-gradient(135deg, var(--text-2) 50%, transparent 50%);background-position:calc(100% - 1.05rem) 52%,calc(100% - .75rem) 52%;background-repeat:no-repeat;background-size:.3rem .3rem,.3rem .3rem;padding-right:2rem}.surf-ui .select option{color:var(--text);background:#141a23}.surf-ui .num-input{text-align:right;font-variant-numeric:tabular-nums;width:5.2rem}.surf-ui textarea.input{resize:vertical;height:auto;font-family:var(--font-mono);padding:.55rem .7rem;font-size:.82rem;line-height:1.45}.surf-ui input[type=range].slider{appearance:none;cursor:pointer;--fill:50%;background:0 0;width:100%;height:1.4rem}.surf-ui input[type=range].slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0 var(--fill), #ffffff24 var(--fill) 100%);border-radius:1rem;height:.25rem}.surf-ui input[type=range].slider::-moz-range-track{background:#ffffff24;border-radius:1rem;height:.25rem}.surf-ui input[type=range].slider::-moz-range-progress{background:var(--accent);border-radius:1rem;height:.25rem}.surf-ui input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:.95rem;height:.95rem;margin-top:-.35rem;transition:box-shadow .15s;box-shadow:0 0 0 3px #4da3ff59,0 1px 3px #00000080}.surf-ui input[type=range].slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #4da3ff59,0 1px 3px #00000080}.surf-ui input[type=range].slider::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:.95rem;height:.95rem;box-shadow:0 0 0 3px #4da3ff59}.surf-ui input[type=range].slider:focus{outline:none}.surf-ui .switch{cursor:pointer;flex:none;width:2.5rem;height:1.35rem;display:inline-block;position:relative}.surf-ui .switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.surf-ui .switch .knob{border:1px solid var(--line-2);transition:background .18s var(--ease);pointer-events:none;background:#ffffff24;border-radius:1rem;position:absolute;inset:0}.surf-ui .switch .knob:after{content:"";width:.95rem;height:.95rem;transition:transform .18s var(--ease), background .18s;background:#cfd6de;border-radius:50%;position:absolute;top:50%;left:.18rem;transform:translateY(-50%);box-shadow:0 1px 3px #00000073}.surf-ui .switch input:checked+.knob{background:var(--accent);border-color:#8cc8ff99}.surf-ui .switch input:checked+.knob:after{background:#fff;transform:translate(1.1rem,-50%)}.surf-ui .switch input:focus-visible+.knob{outline:2px solid var(--accent-2);outline-offset:2px}.surf-ui .segmented{border:1px solid var(--line-2);border-radius:var(--radius);background:#0000004d;display:inline-flex;overflow:hidden}.surf-ui .segmented button{appearance:none;border:0;border-right:1px solid var(--line);color:var(--text-2);font:600 .85rem var(--font);letter-spacing:.04em;cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;height:2rem;padding:0 .85rem;transition:background .15s,color .15s}.surf-ui .segmented button:last-child{border-right:0}.surf-ui .segmented button:hover{color:var(--text);background:#ffffff12}.surf-ui .segmented button.active{color:#fff;box-shadow:inset 0 -2px 0 var(--accent);background:#4da3ff38}.surf-ui .chip{appearance:none;border:1px solid var(--line-2);height:1.75rem;color:var(--text-2);font:700 .8rem var(--font);letter-spacing:.04em;cursor:pointer;background:#ffffff0a;border-radius:1rem;align-items:center;gap:.35em;padding:0 .65rem;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.surf-ui .chip:hover{color:var(--text);border-color:var(--line-3)}.surf-ui .chip.active{color:#0b0f14;background:var(--chip-color,var(--accent));border-color:var(--chip-color,var(--accent))}.surf-ui .chip .chip-count{opacity:.65;font-size:.72rem;font-weight:500}.surf-ui .pill{height:1.3rem;font:700 .72rem/1 var(--font);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:.2rem;align-items:center;gap:.3em;padding:0 .45rem;display:inline-flex}.surf-ui .pill.tier{color:#0b0f14;background:var(--tier-color,#8a96a3)}.surf-ui .pill.soft{color:var(--text-2);background:#ffffff14}.surf-ui .pill.good{color:#bff5b4;background:#5bc94f2e}.surf-ui .pill.info{color:#cfe6ff;background:#4da3ff33}.surf-ui .pill .icon{width:.9em;height:.9em}.surf-ui .panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px)saturate(1.1)}.surf-ui .panel-head{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.85rem 1.1rem;display:flex}.surf-ui .h-title{font:700 1.35rem/1 var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:#fff}.surf-ui .h-sub{font:600 .78rem/1.2 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.surf-ui .muted{color:var(--text-3)}.surf-ui .kbd{border:1px solid var(--line-3);min-width:1.6em;height:1.55em;color:var(--text);font:700 .78em/1 var(--font);letter-spacing:.04em;white-space:nowrap;background:#ffffff0f;border-bottom-width:2px;border-radius:.2rem;justify-content:center;align-items:center;padding:0 .4em;display:inline-flex}.surf-ui ::-webkit-scrollbar{width:.55rem;height:.55rem}.surf-ui ::-webkit-scrollbar-track{background:0 0}.surf-ui ::-webkit-scrollbar-thumb{background:#ffffff24 padding-box padding-box;border:2px solid #0000;border-radius:1rem}.surf-ui ::-webkit-scrollbar-thumb:hover{background:#ffffff42 padding-box padding-box}.surf-ui *{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}.surf-ui .toasts{z-index:90;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute;bottom:1.5rem;right:1.5rem}.surf-ui .toast{border-radius:var(--radius);border:1px solid var(--line-2);border-left:3px solid var(--accent);max-width:26rem;box-shadow:var(--shadow);animation:toast-in .25s var(--ease);background:#10151df2;align-items:center;gap:.6rem;padding:.65rem .95rem;font-size:.9rem;display:flex}.surf-ui .toast.error{border-left-color:var(--red)}.surf-ui .toast.success{border-left-color:var(--green)}.surf-ui .toast.leaving{opacity:0;transition:opacity .3s,transform .3s;transform:translate(1rem)}@keyframes toast-in{0%{opacity:0;transform:translateY(.6rem)}}.surf-ui .drop-overlay{z-index:95;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#050a12c7;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.surf-ui .drop-overlay.show{opacity:1}.surf-ui .drop-overlay .drop-box{border:2px dashed var(--accent);text-align:center;background:#4da3ff14;border-radius:1rem;padding:3rem 5rem}.surf-ui .drop-overlay .drop-box .icon{width:3rem;height:3rem;color:var(--accent-2)}.surf-ui .drop-overlay .drop-sub{margin-top:.25rem;font-size:.85rem}.surf-ui .drop-overlay .drop-title{font:700 1.8rem var(--font-head);letter-spacing:.08em;text-transform:uppercase;margin-top:1rem}.surf-ui .modal-backdrop{z-index:85;pointer-events:auto;background:#0000008c;justify-content:center;align-items:center;animation:.15s fade-in;display:flex;position:absolute;inset:0}.surf-ui .modal{width:min(30rem,90vw);padding:1.4rem 1.5rem 1.2rem}.surf-ui .modal p{color:var(--text-2);margin:.7rem 0 1.3rem}.surf-ui .modal .actions{justify-content:flex-end;gap:.6rem;display:flex}.surf-ui .modal .actions .spacer{flex:1}.surf-ui .modal.cfg-modal{width:min(38rem,92vw)}.surf-ui .cfg-preview{border-radius:var(--radius);border:1px solid var(--line);max-height:12.5rem;font:400 .78rem/1.45 var(--font-mono);color:#c9d1d9;white-space:pre;background:#0000004d;margin:0 0 1rem;padding:.55rem .75rem;overflow:auto}.surf-ui .cfg-name-row{font:400 .9rem var(--font-mono);color:var(--text-3);align-items:center;gap:.35rem;display:flex}.surf-ui .cfg-name-row .input{font-family:var(--font-mono);flex:1}.surf-ui .cfg-note{min-height:1.3em;color:var(--text-3);margin:.45rem 0 1.1rem;font-size:.82rem}.surf-ui .cfg-note.warn{color:#ffcf66}@keyframes fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.surf-ui *,.surf-ui :before,.surf-ui :after{transition-duration:1ms!important;animation-duration:1ms!important}}.surf-ui .screen{pointer-events:auto;position:absolute;inset:0}.surf-ui .menu-screen{background:var(--bg);flex-direction:column;animation:.35s fade-in;display:flex}.surf-ui .menu-bg{position:absolute;inset:0;overflow:hidden}.surf-ui .menu-bg-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.surf-ui .menu-vignette{pointer-events:none;background:radial-gradient(85% 75% at 60% 45%,#0000 0%,#03050959 60%,#030509d9 100%),linear-gradient(90deg,#030509e0 0%,#03050973 38%,#03050900 60%);position:absolute;inset:0}.surf-ui .menu-screen.on-page .menu-vignette{background:#0305098c;transition:background .3s}.surf-ui .topbar{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:linear-gradient(#04070ce6,#04070c99);align-items:center;gap:2rem;height:3.75rem;padding:0 1.75rem;display:flex;position:relative}.surf-ui .brand{cursor:pointer;align-items:center;gap:.55rem;display:flex}.surf-ui .brand .logo-mark{width:2rem;height:2rem}.surf-ui .brand-word{font:italic 800 1.75rem/1 var(--font-head);letter-spacing:.04em;background:linear-gradient(#fff 30%,#a9d8ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.15em}.surf-ui .topnav{align-items:stretch;gap:.25rem;height:100%;display:flex}.surf-ui .topnav button{appearance:none;height:100%;color:var(--text-2);font:600 1rem var(--font);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:0 1.05rem;transition:color .15s;display:flex;position:relative}.surf-ui .topnav button .icon{opacity:.8;width:1.05rem;height:1.05rem}.surf-ui .topnav button:after{content:"";background:var(--accent);height:2px;transition:transform .2s var(--ease);position:absolute;bottom:-1px;left:.9rem;right:.9rem;transform:scaleX(0)}.surf-ui .topnav button:hover,.surf-ui .topnav button.active{color:#fff}.surf-ui .topnav button.active:after{box-shadow:0 0 10px var(--accent-glow);transform:scaleX(1)}.surf-ui .topbar-right{align-items:center;gap:.4rem;margin-left:auto;display:flex}.surf-ui .topbar-right .btn-icon{color:var(--text-2)}.surf-ui .menu-body{z-index:1;flex:1;min-height:0;position:relative}.surf-ui .page{display:none;position:absolute;inset:0}.surf-ui .page.active{animation:page-in .28s var(--ease);display:flex}@keyframes page-in{0%{opacity:0;transform:translateY(.5rem)}}.surf-ui .page-frame{flex-direction:column;width:min(92rem,100% - 3.5rem);min-height:0;margin:1.5rem auto 1.75rem;display:flex;overflow:hidden}.surf-ui .menu-footer{z-index:2;letter-spacing:.06em;height:2rem;color:var(--text-3);background:linear-gradient(#04070c00,#04070cd9);justify-content:space-between;align-items:center;padding:0 1.75rem;font-size:.75rem;display:flex;position:relative}.surf-ui .page-home{flex-direction:column;justify-content:space-between;padding:0 4.5rem 2.5rem}.surf-ui .hero{max-width:44rem;margin-top:max(4vh,2rem)}.surf-ui .wordmark{line-height:.82;display:inline-block;position:relative}.surf-ui .wm-text{font:italic 800 10.5rem/.85 var(--font-head);letter-spacing:.015em;background:linear-gradient(176deg,#fff 0%,#e6f4ff 38%,#8cc9ff 70%,#3f8ef0 100%);color:#0000;filter:drop-shadow(0 .35rem 1.6rem #3c8cff59);-webkit-background-clip:text;background-clip:text;padding-right:.12em;display:inline-block;position:relative}.surf-ui .wm-lines{flex-direction:column;align-items:flex-end;gap:.55rem;display:flex;position:absolute;top:38%;left:-3.4rem}.surf-ui .wm-lines i{height:.3rem;animation:wm-line 2.8s var(--ease) infinite;background:linear-gradient(90deg,#78beff00,#7fc4ff);border-radius:.2rem;display:block;transform:skew(-20deg)}.surf-ui .wm-lines i:first-child{width:2.6rem}.surf-ui .wm-lines i:nth-child(2){width:1.7rem;animation-delay:.15s}.surf-ui .wm-lines i:nth-child(3){width:2.2rem;animation-delay:.3s}@keyframes wm-line{0%,to{opacity:.35;transform:skew(-20deg)translate(0)}50%{opacity:1;transform:skew(-20deg)translate(-.5rem)}}.surf-ui .wm-ramp{clip-path:polygon(0 100%,6% 0,100% 0,100% 100%);opacity:.9;background:linear-gradient(90deg,#3f8ef0,#8cd0ff 60%,#8cd0ff00);width:100%;height:.55rem;margin-top:.6rem;display:block}.surf-ui .hero-tag{font:600 1.85rem/1.15 var(--font-head);letter-spacing:.02em;color:#fff;margin-top:1.6rem}.surf-ui .hero-sub{color:var(--text-2);letter-spacing:.02em;margin-top:.5rem;font-size:1.05rem}.surf-ui .hero-actions{align-items:center;gap:.8rem;margin-top:2.2rem;display:flex}.surf-ui .hero-actions .btn-lg{min-width:13rem}.surf-ui .btn-quick .quick-map{text-transform:none;letter-spacing:.02em;color:var(--accent-2);font-weight:500}.surf-ui .hero-stats{gap:2.2rem;margin-top:2.4rem;display:flex}.surf-ui .hero-stat b{font:700 1.75rem/1 var(--font-head);color:#fff;letter-spacing:.02em;display:block}.surf-ui .hero-stat span{font:600 .72rem var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-top:.3rem;display:block}.surf-ui .home-featured{flex-direction:column;gap:.8rem;display:flex}.surf-ui .section-head{align-items:baseline;gap:1rem;display:flex}.surf-ui .section-head .h-title{letter-spacing:.16em;font-size:1.05rem}.surf-ui .section-head .link{margin-left:auto}.surf-ui .link{appearance:none;color:var(--accent-2);font:600 .85rem var(--font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0}.surf-ui .link:hover{color:#fff}.surf-ui .home-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:.9rem;display:grid}.surf-ui .doc-page{align-self:flex-start;max-height:calc(100% - 3.25rem);padding:1.75rem 2.2rem 1rem;overflow:auto}.surf-ui .doc-grid{columns:3 22rem;column-gap:1.25rem}.surf-ui .doc-card{break-inside:avoid;border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff06;margin-bottom:1.25rem;padding:1.1rem 1.25rem 1.2rem}.surf-ui .doc-card h3{font:700 1.05rem var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:#fff;align-items:center;gap:.5rem;margin:0 0 .75rem;display:flex}.surf-ui .doc-card h3 .icon{color:var(--accent)}.surf-ui .doc-card p{color:var(--text-2);margin:0 0 .65rem;line-height:1.5}.surf-ui .doc-card a{color:var(--accent-2)}.surf-ui .kv-table{border-collapse:collapse;width:100%;font-size:.92rem}.surf-ui .kv-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:.32rem 0}.surf-ui .kv-table td:first-child{width:42%;color:var(--text)}.surf-ui .kv-table td:last-child{color:var(--text-2)}.surf-ui .kv-table code,.surf-ui .doc-card code{font-family:var(--font-mono);color:#cfe6ff;background:#4da3ff1a;border-radius:.2rem;padding:.05em .35em;font-size:.85em}.surf-ui .about-hero{align-items:center;gap:1.2rem;margin-bottom:1.5rem;display:flex}.surf-ui .about-hero .logo-mark{width:4rem;height:4rem}.surf-ui .about-hero .brand-word{font-size:3.4rem}.surf-ui .pause-screen{animation:.2s fade-in;display:flex}.surf-ui .pause-shade{-webkit-backdrop-filter:blur(3px)saturate(.85);background:linear-gradient(90deg,#03060aeb 0%,#03060ab8 26rem,#03060a59 100%),radial-gradient(at 70%,#0000,#00000059);position:absolute;inset:0}.surf-ui .pause-side{z-index:1;flex-direction:column;flex:none;width:24rem;padding:3rem 0 2rem 3.2rem;display:flex;position:relative}.surf-ui .pause-brand{align-items:center;gap:.55rem;display:flex}.surf-ui .pause-brand .logo-mark{width:2.4rem;height:2.4rem}.surf-ui .pause-brand .brand-word{font-size:2.2rem}.surf-ui .pause-map{margin-top:2.4rem}.surf-ui .pause-map .map-title{font:700 2rem/1.05 var(--font-head);letter-spacing:.02em;color:#fff;word-break:break-word}.surf-ui .map-title .prefix{color:var(--text-3);font-weight:500}.surf-ui .pause-map .pills{flex-wrap:wrap;gap:.35rem;margin-top:.6rem;display:flex}.surf-ui .pause-run{color:var(--text-2);grid-template-columns:auto 1fr;gap:.25rem 1rem;margin-top:1rem;font-size:.92rem;display:grid}.surf-ui .pause-run b{color:#fff;font-variant-numeric:tabular-nums;font-weight:600}.surf-ui .pause-run b.pause-ksfwr{color:#ffc56b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.surf-ui .pause-nav{flex-direction:column;gap:.1rem;margin-top:2.2rem;display:flex}.surf-ui .menu-item{appearance:none;border-radius:var(--radius);width:100%;color:var(--text-2);font:600 1.25rem/1.1 var(--font-head);letter-spacing:.14em;text-transform:uppercase;text-align:left;cursor:pointer;transition:color .15s, background .15s, padding .2s var(--ease);background:0 0;border:0;align-items:center;gap:.85rem;padding:.62rem .9rem .62rem 1rem;display:flex;position:relative}.surf-ui .menu-item .icon{opacity:.75;width:1.1rem;height:1.1rem}.surf-ui .menu-item:before{content:"";background:var(--accent);width:3px;transition:transform .18s var(--ease);border-radius:2px;position:absolute;top:22%;bottom:22%;left:0;transform:scaleY(0)}.surf-ui .menu-item:hover,.surf-ui .menu-item.active{color:#fff;background:linear-gradient(90deg,#4da3ff29,#4da3ff00);padding-left:1.3rem}.surf-ui .menu-item:hover:before,.surf-ui .menu-item.active:before{transform:scaleY(1)}.surf-ui .menu-item.primary{color:#fff}.surf-ui .menu-item.primary .icon{color:var(--green);opacity:1}.surf-ui .menu-item.danger:hover{background:linear-gradient(90deg,#ff5a5a29,#ff5a5a00)}.surf-ui .menu-item.danger:hover:before{background:var(--red)}.surf-ui .menu-item .hint{font:600 .74rem var(--font-mono);letter-spacing:.08em;color:var(--text-3);margin-left:auto}.surf-ui .pause-sep{background:var(--line);height:1px;margin:.6rem 1rem}.surf-ui .pause-foot{color:var(--text-3);letter-spacing:.04em;margin-top:auto;font-size:.78rem;line-height:1.6}.surf-ui .pause-content{z-index:1;flex:1;min-width:0;display:flex;position:relative}.surf-ui .pause-content>.page-frame{flex:1;width:auto;margin:2.2rem 2.2rem 2.2rem .5rem}.surf-ui .browser{flex:1}.surf-ui .browser-head{border-bottom:1px solid var(--line);align-items:stretch;gap:1rem;height:3.4rem;padding:0 1rem 0 .4rem;display:flex}.surf-ui .tabs{align-items:stretch;display:flex}.surf-ui .tab{appearance:none;color:var(--text-2);font:600 .98rem var(--font);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:0 1.05rem;transition:color .15s;display:flex;position:relative}.surf-ui .tab .icon{opacity:.8;width:1rem;height:1rem}.surf-ui .tab:after{content:"";background:var(--accent);height:2px;transition:transform .2s var(--ease);position:absolute;bottom:-1px;left:.8rem;right:.8rem;transform:scaleX(0)}.surf-ui .tab:hover,.surf-ui .tab.active{color:#fff}.surf-ui .tab.active:after{transform:scaleX(1)}.surf-ui .tab-count{font:600 .72rem var(--font);letter-spacing:.04em;color:var(--text-2);background:#ffffff17;border-radius:1rem;padding:.12rem .4rem}.surf-ui .tab-count:empty{display:none}.surf-ui .search-box{align-self:center;align-items:center;margin-left:auto;display:flex;position:relative}.surf-ui .search-box .icon{color:var(--text-3);pointer-events:none;position:absolute;left:.7rem}.surf-ui .search-input{width:19rem;padding-left:2.2rem}.surf-ui .search-input::-webkit-search-cancel-button{filter:invert(.7)}.surf-ui .browser-body{flex:1;min-height:0;position:relative}.surf-ui .tab-pane{flex-direction:column;min-height:0;display:none;position:absolute;inset:0}.surf-ui .tab-pane.active{animation:.2s fade-in;display:flex}.surf-ui .pane-featured,.surf-ui .pane-builtin{padding:1.1rem;overflow-y:auto}.surf-ui .card-grid{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.9rem;display:grid}.surf-ui .map-card{appearance:none;aspect-ratio:16/10;border:1px solid var(--line-2);border-radius:var(--radius-lg);color:var(--text);text-align:left;cursor:pointer;font:inherit;transition:transform .2s var(--ease), border-color .2s, box-shadow .2s;isolation:isolate;background:#0c1118;padding:0;display:block;position:relative;overflow:hidden}.surf-ui .map-card:before{content:"";background:var(--tier-color,var(--accent));z-index:3;opacity:.9;height:3px;position:absolute;top:0;left:0;right:0}.surf-ui .map-card:hover,.surf-ui .map-card:focus-visible{border-color:#ffffff59;outline:none;transform:translateY(-3px);box-shadow:0 .8rem 1.8rem #0000008c,0 0 0 1px #ffffff14}.surf-ui .map-card .thumb{z-index:0;transition:transform .6s var(--ease), filter .3s;filter:saturate(.9)brightness(.9);position:absolute;inset:0}.surf-ui .map-card:hover .thumb{filter:saturate(1.05)brightness();transform:scale(1.06)}.surf-ui .thumb-svg{width:100%;height:100%;display:block}.surf-ui .thumb-shot{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s var(--ease);position:absolute;inset:0}.surf-ui .thumb-shot.loaded{opacity:1}.surf-ui .map-card .card-info{z-index:2;background:linear-gradient(#04070c00 0%,#04070cd1 45%,#04070cf2 100%);padding:2.2rem .85rem .7rem;position:absolute;bottom:0;left:0;right:0}.surf-ui .card-name{font:700 1.2rem/1.1 var(--font-head);letter-spacing:.02em;color:#fff;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.surf-ui .card-name .prefix,.surf-ui .map-name .prefix{color:var(--text-3);font-weight:500}.surf-ui .card-meta{align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.surf-ui .card-type{font:600 .75rem var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.surf-ui .card-desc{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.25rem;font-size:.82rem;line-height:1.3;display:-webkit-box;overflow:hidden}.surf-ui .card-badges{z-index:2;gap:.3rem;display:flex;position:absolute;top:.55rem;right:.55rem}.surf-ui .badge{min-width:1.6rem;height:1.6rem;color:var(--text);font:700 .68rem var(--font);letter-spacing:.1em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04070cb8;border:1px solid #ffffff24;border-radius:.25rem;justify-content:center;align-items:center;padding:0 .35rem;display:inline-flex}.surf-ui .badge .icon{width:.9rem;height:.9rem}.surf-ui .badge-dl{color:#9fe596}.surf-ui .badge-zones{color:#bfe0ff}.surf-ui .badge-instant{color:#ffe6a0}.surf-ui .card-play{z-index:2;color:#fff;opacity:0;width:3.2rem;height:3.2rem;transition:opacity .18s, transform .25s var(--ease);background:#46aa37eb;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.6);box-shadow:0 .4rem 1.2rem #00000080}.surf-ui .card-play .icon{width:1.3rem;height:1.3rem;margin-left:.15rem}.surf-ui .map-card:hover .card-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.surf-ui .map-card.skeleton{cursor:default;background:linear-gradient(100deg,#ffffff08 30%,#ffffff12 50%,#ffffff08 70%) 0 0/300% 100%;animation:1.4s linear infinite shimmer}.surf-ui .map-card.skeleton:before{display:none}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-200% 0}}.surf-ui .builtin-grid .map-card{aspect-ratio:16/11}.surf-ui .builtin-card .card-info{padding-top:3rem}.surf-ui .all-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem .6rem;padding:.75rem 1rem;display:flex}.surf-ui .tier-chips{flex-wrap:wrap;gap:.35rem;display:flex}.surf-ui .toolbar-sep{background:var(--line-2);width:1px;height:1.5rem;margin:0 .2rem}.surf-ui .sort-select{height:2rem;font-size:.85rem}.surf-ui .random-chip .icon,.surf-ui .toggle-chip .icon{width:.9rem;height:.9rem}.surf-ui .toggle-chip.active{--chip-color:var(--accent-2)}.surf-ui .result-count{font:600 .8rem var(--font);letter-spacing:.06em;color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:auto}.surf-ui .all-split{flex:1;min-height:0;display:flex}.surf-ui .all-list{border-right:1px solid var(--line);flex-direction:column;flex:1;min-width:0;display:flex}.surf-ui .list-head,.surf-ui .map-row{grid-template-columns:minmax(0,1fr) 4.2rem 7.5rem 4.2rem 5.6rem 7rem 5.2rem;align-items:center;gap:.5rem;padding:0 1rem;display:grid}.surf-ui .list-head{height:2.2rem;font:600 .72rem var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--line);flex:none}.surf-ui .vlist{outline:none;flex:1;min-height:0;position:relative;overflow:hidden auto}.surf-ui .vlist-spacer{width:1px}.surf-ui .vlist-row{position:absolute;top:0;left:0;right:0}.surf-ui .map-row{cursor:pointer;border-bottom:1px solid #ffffff09;font-size:.95rem;transition:background .1s}.surf-ui .map-row:hover{background:#ffffff0a}.surf-ui .map-row.selected{box-shadow:inset 3px 0 0 var(--accent);background:linear-gradient(90deg,#4da3ff33,#4da3ff0f)}.surf-ui .vlist:focus-visible .map-row.selected{box-shadow:inset 3px 0 0 var(--accent), inset 0 0 0 1px #4da3ff80}.surf-ui .map-row .c-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:600;overflow:hidden}.surf-ui .map-row .c-type{color:var(--text-2);font-size:.88rem}.surf-ui .map-row .c-zones .icon.ok{color:var(--green)}.surf-ui .map-row .c-status{font-size:.85rem}.surf-ui .map-row .c-pb{color:var(--gold);font-size:.9rem;font-weight:600}.surf-ui .card-pb{font:700 .78rem var(--font);color:var(--gold);letter-spacing:.02em;margin-left:auto}.surf-ui .details-info .pb-time{color:var(--gold)}.surf-ui .status-dl{color:#9fe596;align-items:center;gap:.35rem;display:inline-flex}.surf-ui .status-cloud{color:var(--text-3);align-items:center;gap:.35rem;display:inline-flex}.surf-ui .status-dl .icon,.surf-ui .status-cloud .icon{width:.95rem;height:.95rem}.surf-ui .map-row .c-actions{justify-content:flex-end;display:flex}.surf-ui .map-row .row-play{opacity:0;transition:opacity .12s}.surf-ui .map-row:hover .row-play,.surf-ui .map-row.selected .row-play{opacity:1}.surf-ui .map-details{flex-direction:column;flex:none;gap:.9rem;width:25rem;padding:1rem;display:flex;overflow-y:auto}.surf-ui .details-thumb{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--line-2);flex:none;position:relative;overflow:hidden}.surf-ui .details-thumb-name{background:linear-gradient(#0000,#000000b3);padding:2rem .9rem .7rem;position:absolute;bottom:0;left:0;right:0}.surf-ui .details-thumb-name .pretty{font:italic 800 1.9rem/1 var(--font-head);letter-spacing:.02em;color:#fff;text-shadow:0 2px 10px #0009}.surf-ui .details-name .map-title{font:700 1.45rem/1.1 var(--font-head);color:#fff;word-break:break-all}.surf-ui .details-pills{flex-wrap:wrap;gap:.35rem;display:flex}.surf-ui .details-info td{font-size:.88rem}.surf-ui .details-info td:first-child{width:34%;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:600}.surf-ui .details-actions{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.surf-ui .details-actions .details-play{width:100%}.surf-ui .details-empty{color:var(--text-3);text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:.8rem;margin:auto;padding:2rem;display:flex}.surf-ui .details-empty .icon.big{opacity:.6;width:2.6rem;height:2.6rem}.surf-ui .error-box{color:#ffb4b4}.surf-ui .details-info tr.hidden{display:none}.surf-ui .details-info .ksf-time{color:#ffc56b}.surf-ui .details-info .ksf-holder{color:#fff;word-break:break-word}.surf-ui .details-ksf{flex-direction:column;gap:.45rem;display:flex}.surf-ui .details-ksf .ksf-actions{flex-wrap:wrap;gap:.5rem;display:flex}.surf-ui .details-ksf .ksf-credit{color:var(--text-3);font-size:.74rem}.surf-ui .details-ksf .ksf-credit a{color:var(--text-2)}.surf-ui .pane-local{gap:1.2rem;padding:1.4rem;overflow-y:auto}.surf-ui .drop-zone{background:radial-gradient(at 50% 40%,#4da3ff14,#0000 70%);border:2px dashed #ffffff2e;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;min-height:16rem;transition:border-color .15s,background .15s;display:flex}.surf-ui .drop-zone.over{border-color:var(--accent);background:radial-gradient(at 50% 40%,#4da3ff2e,#0000 70%)}.surf-ui .drop-zone .drop-icon{width:2.8rem;height:2.8rem;color:var(--accent-2)}.surf-ui .drop-zone .drop-title{font:700 1.6rem var(--font-head);letter-spacing:.06em;text-transform:uppercase}.surf-ui .drop-zone .drop-sub{color:var(--text-3);font-family:var(--font-mono);margin-bottom:.6rem;font-size:.85rem}.surf-ui .local-notes{max-width:52rem;color:var(--text-2);line-height:1.55}.surf-ui .local-notes p{margin:0 0 .5rem}.surf-ui .local-notes b{color:var(--text);font-family:var(--font-mono);font-size:.9em;font-weight:500}@media (max-aspect-ratio:4/3){.surf-ui .map-details{width:20rem}.surf-ui .list-head,.surf-ui .map-row{grid-template-columns:minmax(0,1fr) 3.6rem 6rem 3.6rem 5rem 0 5.2rem}.surf-ui .map-row .c-status,.surf-ui .list-head .c-status{overflow:hidden}}.surf-ui .loading-screen{z-index:60;background:#05070b;flex-direction:column;animation:.25s fade-in;display:flex}.surf-ui .loading-art{filter:blur(2px)saturate(1.05);animation:30s linear infinite alternate loading-pan;position:absolute;inset:-4%;transform:scale(1.04)}.surf-ui .loading-art .thumb-svg{width:100%;height:100%}@keyframes loading-pan{0%{transform:scale(1.04)translate(0)}to{transform:scale(1.1)translate(-1.5%)}}.surf-ui .loading-shade{background:linear-gradient(#04060a8c 0%,#04060a26 30%,#04060ab3 65%,#04060af5 100%),radial-gradient(at 50% 40%,#0000 40%,#00000080 100%);position:absolute;inset:0}.surf-ui .loading-top{padding:1.6rem 2.4rem;position:relative}.surf-ui .loading-brand{opacity:.85;align-items:center;gap:.5rem;display:flex}.surf-ui .loading-brand .logo-mark{width:1.9rem;height:1.9rem}.surf-ui .loading-brand .brand-word{font-size:1.6rem}.surf-ui .loading-main{width:100%;max-width:82rem;margin-top:auto;padding:0 4.5rem;position:relative}.surf-ui .loading-kicker{font:600 .9rem var(--font);letter-spacing:.3em;text-transform:uppercase;color:var(--accent-2)}.surf-ui .loading-title{margin-top:.4rem}.surf-ui .loading-title .map-title{font:italic 800 4.6rem/.95 var(--font-head);letter-spacing:.01em;color:#fff;text-shadow:0 .3rem 2rem #0009;word-break:break-word}.surf-ui .loading-title .prefix{color:#ffffff73;font-weight:600}.surf-ui .loading-pills{gap:.4rem;min-height:1.3rem;margin-top:.9rem;display:flex}.surf-ui .loading-steps{gap:1.5rem;margin-top:2.2rem;display:flex}.surf-ui .loading-step{font:600 .78rem var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:.45rem;transition:color .25s;display:flex}.surf-ui .loading-step i{border:1.5px solid;border-radius:50%;width:.55rem;height:.55rem;transition:background .25s,box-shadow .25s}.surf-ui .loading-step.active{color:#fff}.surf-ui .loading-step.active i{background:var(--accent);border-color:var(--accent);animation:1.2s ease-in-out infinite step-pulse;box-shadow:0 0 0 4px #4da3ff40}.surf-ui .loading-step.done{color:var(--text-2)}.surf-ui .loading-step.done i{background:var(--green);border-color:var(--green)}.surf-ui .loading-step.skipped{display:none}@keyframes step-pulse{50%{box-shadow:0 0 0 7px #4da3ff14}}.surf-ui .loading-bar{background:#ffffff1a;border-radius:1rem;height:.38rem;margin-top:1rem;position:relative;overflow:hidden}.surf-ui .loading-fill{transform-origin:0;background:linear-gradient(90deg,#2f7fe0,#6ec1ff 70%,#c9ecff);position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 14px #6ebeffb3}.surf-ui .loading-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000) 0 0/30% 100% no-repeat;animation:1.6s linear infinite bar-sheen;position:absolute;inset:0}@keyframes bar-sheen{0%{background-position:-30% 0}to{background-position:130% 0}}.surf-ui .loading-status{align-items:baseline;gap:1rem;margin-top:.75rem;display:flex}.surf-ui .loading-status-l{align-items:baseline;gap:.8rem;min-width:0;display:flex}.surf-ui .loading-phase{font:600 1.15rem var(--font);color:#fff;letter-spacing:.02em;white-space:nowrap}.surf-ui .loading-detail{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.surf-ui .loading-pct{font:700 1.15rem var(--font);color:var(--text-2);margin-left:auto}.surf-ui .loading-screen.error .loading-fill{background:linear-gradient(90deg,#8f2330,#ff5a5a);box-shadow:0 0 14px #ff505099}.surf-ui .loading-screen.error .loading-fill:after{display:none}.surf-ui .loading-screen.error .loading-phase{color:#ff8d8d}.surf-ui .loading-screen.error .loading-detail{color:#ffc9c9;white-space:normal}.surf-ui .loading-screen.error .loading-step.active i{background:var(--red);border-color:var(--red);box-shadow:none;animation:none}.surf-ui .loading-bottom{align-items:center;gap:2rem;padding:2.4rem 4.5rem 2.2rem;display:flex;position:relative}.surf-ui .loading-tip{align-items:baseline;gap:.9rem;max-width:60rem;min-height:2.6rem;display:flex}.surf-ui .tip-label{font:700 .75rem var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid #f2c14e66;border-radius:.2rem;flex:none;padding:.2rem .45rem}.surf-ui .loading-tip-text{color:var(--text-2);font-size:1.02rem;line-height:1.4;transition:opacity .28s,transform .28s}.surf-ui .loading-tip-text.out{opacity:0;transform:translateY(.3rem)}.surf-ui .loading-actions{gap:.6rem;margin-left:auto;display:flex}.surf-ui .loading-actions .kbd{margin-right:.15rem}.surf-ui .hud{--hud-k:1;--hud-color:#7fc0ff;--u:calc(1rem * var(--hud-k));pointer-events:none;font-family:var(--font);color:#fff;position:absolute;inset:0}.surf-ui .hud.hud-hidden>:not(.hud-topleft):not(.chat.open),.surf-ui .hud.hud-hidden .hud-pos{display:none}.surf-ui .hud-crosshair{image-rendering:pixelated;pointer-events:none;position:absolute}.surf-ui .hud-timer,.surf-ui .hud-side,.surf-ui .hud-keys,.surf-ui .chat{text-shadow:0 0 1px #000,0 1px 1px #000000f2,0 0 3px #0009}.surf-ui .hud-speedo{left:50%;top:calc(50% + 5.6 * var(--u));font:700 calc(2.15 * var(--u)) / 1 var(--font);letter-spacing:.03em;color:#fff;-webkit-text-stroke:calc(.17 * var(--u)) #000000eb;paint-order:stroke fill;text-shadow:0 calc(.06 * var(--u)) calc(.12 * var(--u)) #000000bf, 0 0 calc(.45 * var(--u)) #00000059;transition:color .18s;position:absolute;transform:translate(-50%)}.surf-ui .hud-speedo.trend-gain{color:#5dff6e}.surf-ui .hud-speedo.trend-loss{color:#ff5454}.surf-ui .hud-keys{left:50%;bottom:calc(11.2 * var(--u));align-items:center;gap:calc(.22 * var(--u));flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.surf-ui .hud-keys .kr{align-items:center;gap:calc(.22 * var(--u));display:flex}.surf-ui .hud-keys .k{width:calc(1.9 * var(--u));height:calc(1.9 * var(--u));border-radius:calc(.2 * var(--u));color:#ffffff80;font:700 calc(.85 * var(--u)) / 1 var(--font);letter-spacing:.04em;background:#06090e8c;border:1px solid #ffffff2e;justify-content:center;align-items:center;transition:background 50ms,color 50ms,border-color 50ms;display:flex;box-shadow:0 0 0 1px #00000059}.surf-ui .hud-keys .k.wide{width:calc(3.04 * var(--u));font-size:calc(.72 * var(--u));letter-spacing:.1em}.surf-ui .hud-keys .k.on{color:#0b0f14;text-shadow:none;background:#ffffffeb;border-color:#fff;box-shadow:0 0 0 1px #000000b3}.surf-ui .hud-keys .turn{width:calc(1.4 * var(--u));text-align:center;font-size:calc(.8 * var(--u));color:#fff3;transition:color 50ms}.surf-ui .hud-keys .turn.on{color:var(--hud-color)}.surf-ui .hud-timer{left:50%;bottom:calc(1.6 * var(--u));min-width:calc(17 * var(--u));padding:calc(.45 * var(--u)) calc(1.2 * var(--u)) calc(.55 * var(--u));border-radius:calc(.35 * var(--u));box-shadow:0 calc(.4 * var(--u)) calc(1.4 * var(--u)) #00000059;text-align:center;background:linear-gradient(#080c1294,#080c12b8);border:1px solid #ffffff12;position:absolute;transform:translate(-50%)}.surf-ui .hud-timer:before{content:"";background:var(--st-color,var(--hud-color));height:2px;box-shadow:0 0 calc(.6 * var(--u)) var(--st-color,var(--hud-color));opacity:.9;border-radius:2px;transition:background .2s;position:absolute;top:-1px;left:18%;right:18%}.surf-ui .ht-label{height:calc(1 * var(--u));font:700 calc(.78 * var(--u)) / calc(1 * var(--u)) var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--st-color,var(--text-2))}.surf-ui .ht-label:empty{height:calc(.2 * var(--u))}.surf-ui .ht-main{font:700 calc(2.45 * var(--u)) / 1.05 var(--font);letter-spacing:.01em;color:var(--st-main,#fff);white-space:nowrap}.surf-ui .ht-row{justify-content:center;align-items:center;gap:calc(.6 * var(--u));margin-top:calc(.2 * var(--u));font:600 calc(.98 * var(--u)) / 1.2 var(--font);color:#ffffffeb;white-space:nowrap;display:flex}.surf-ui .ht-speed i,.surf-ui .ht-rec i{color:#ffffff80;font-style:normal;font-weight:500}.surf-ui .ht-dot{width:calc(.28 * var(--u));height:calc(.28 * var(--u));background:#ffffff59;border-radius:50%}.surf-ui .ht-course{color:var(--hud-color)}.surf-ui .ht-tags:not(:empty){padding:0 calc(.35 * var(--u));border-radius:calc(.15 * var(--u));color:var(--yellow);font-size:calc(.72 * var(--u));letter-spacing:.12em;background:#ecd76a33}.surf-ui .ht-rec{justify-content:center;gap:calc(1.2 * var(--u));margin-top:calc(.15 * var(--u));font:600 calc(.82 * var(--u)) / 1.2 var(--font);color:#ffffffd1;white-space:nowrap;display:flex}.surf-ui .ht-rec b{font-weight:600}.surf-ui .hud-timer.st-start{--st-color:#4dff5c;--st-main:#4dff5c}.surf-ui .hud-timer.st-running{--st-color:var(--hud-color);--st-main:#fff}.surf-ui .hud-timer.st-finished{--st-color:#f2c14e;--st-main:#f2c14e;animation:finish-pulse 1.4s var(--ease)}@keyframes finish-pulse{0%{box-shadow:0 0 0 0 #f2c14ea6, 0 calc(.4 * var(--u)) calc(1.4 * var(--u)) #00000059;transform:translate(-50%)scale(1.06)}35%{transform:translate(-50%)scale(1)}to{box-shadow:0 0 0 calc(1.6 * var(--u)) #f2c14e00, 0 calc(.4 * var(--u)) calc(1.4 * var(--u)) #00000059;transform:translate(-50%)scale(1)}}.surf-ui .hud-timer.st-practice{--st-color:#ecd76a;--st-main:#ecd76a}.surf-ui .hud-timer.st-stopped{--st-color:#9aa6b2;--st-main:#b8c2cc}.surf-ui .hud-timer.st-disabled{--st-color:#6d7986;--st-main:#aab4c0}.surf-ui .hud-timer.st-disabled .ht-rec,.surf-ui .hud-timer.st-disabled .ht-course,.surf-ui .hud-timer.st-disabled .ht-dot{display:none}.surf-ui .hud-timer.st-disabled .ht-main{font-size:calc(1.7 * var(--u))}.surf-ui .hud-timer.st-disabled .ht-label{text-transform:none;letter-spacing:.04em;font-weight:500}.surf-ui .hud-timer.st-start .ht-main{letter-spacing:.02em}.surf-ui .ht-split{left:50%;bottom:calc(100% + .5 * var(--u));padding:calc(.1 * var(--u)) calc(.6 * var(--u));border-radius:calc(.25 * var(--u));font:700 calc(1.25 * var(--u)) / 1.2 var(--font);opacity:0;white-space:nowrap;background:#00000073;position:absolute;transform:translate(-50%)}.surf-ui .ht-split-label:not(:empty){color:#ffffffe0;margin-right:.5em;font-size:.82em;font-weight:600}.surf-ui .ht-split.faster{color:#5dff6e}.surf-ui .ht-split.slower{color:#ff5a5a}.surf-ui .ht-split.tie{color:#ecd76a}.surf-ui .ht-split.show{opacity:1}.surf-ui .ht-split.anim{animation:split-flash 3s var(--ease) forwards}@keyframes split-flash{0%{opacity:0;transform:translate(-50%, calc(.6 * var(--u))) scale(.9)}8%{opacity:1;transform:translate(-50%)scale(1.08)}16%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%, calc(-.3 * var(--u)))}}.surf-ui .hud-side{right:calc(1.2 * var(--u));min-width:calc(12.5 * var(--u));padding:calc(.55 * var(--u)) calc(.8 * var(--u)) calc(.6 * var(--u));border-radius:calc(.3 * var(--u));border-left:2px solid var(--hud-color);font:500 calc(.82 * var(--u)) / 1.45 var(--font);color:#dee6eed1;background:#080c128c;position:absolute;top:50%;transform:translateY(-50%)}.surf-ui .hs-title{font:700 calc(.95 * var(--u)) / 1.3 var(--font);color:#fff;margin-bottom:calc(.2 * var(--u));max-width:calc(14 * var(--u));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.surf-ui .hs-row{justify-content:space-between;gap:calc(1 * var(--u));display:flex}.surf-ui .hs-row b{color:#fffffff2;font-weight:600}.surf-ui .hs-wr b{color:#f2c14e}.surf-ui .hs-ksfwr b{color:#ffb84a}.surf-ui .hs-ksfwho{margin-top:calc(-.15 * var(--u));font-size:calc(.72 * var(--u));justify-content:flex-end}.surf-ui .hs-ksfwho span{display:none}.surf-ui .hs-ksfwho b{color:#ffd896cc;max-width:calc(14 * var(--u));white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.surf-ui .hs-row.hidden{display:none}.surf-ui .hs-row.none b{color:#ffffff8c;font-weight:500}.surf-ui .hud-topleft,.surf-ui .hud-topright{font:600 .82rem/1.25 var(--font-mono);color:#fff;text-shadow:1px 1px #000,0 0 2px #000;white-space:pre;position:absolute;top:.3rem}.surf-ui .hud-topleft{left:.35rem}.surf-ui .hud-topright{text-align:left;min-width:36ch;right:.6rem}.surf-ui .hud-fps.fps-good{color:#7dff7d}.surf-ui .hud-fps.fps-ok{color:#ffe46b}.surf-ui .hud-fps.fps-bad{color:#ff6060}.surf-ui .hud-netgraph{font:600 .8rem/1.3 var(--font-mono);color:#f0f0f0;white-space:pre;text-align:left;text-shadow:1px 1px #000,0 0 2px #000;position:absolute;bottom:.5rem;right:.6rem}.surf-ui .hud-spec{left:50%;top:calc(1.2 * var(--u));align-items:center;gap:calc(.6 * var(--u));padding:calc(.35 * var(--u)) calc(.9 * var(--u));border-radius:calc(.3 * var(--u));font:600 calc(1 * var(--u)) var(--font);background:#080c12a6;display:none;position:absolute;transform:translate(-50%)}.surf-ui .hud-spec.show{display:flex}.surf-ui .spec-tag{padding:calc(.05 * var(--u)) calc(.4 * var(--u));border-radius:calc(.15 * var(--u));font-size:calc(.75 * var(--u));letter-spacing:.14em;text-transform:uppercase;background:#b33a3a}.surf-ui .hud-hint{max-width:min(46 * var(--u), 80vw);padding:calc(.55 * var(--u)) calc(1.1 * var(--u));border-radius:calc(.3 * var(--u));font:600 calc(1.05 * var(--u)) / 1.35 var(--font);text-align:center;white-space:pre-line;opacity:0;transition:opacity .25s, transform .25s var(--ease);background:#0000009e;border:1px solid #ffffff14;position:absolute;top:66%;left:50%;transform:translate(-50%)}.surf-ui .hud-hint.show{opacity:1;transform:translate(-50%, calc(-.3 * var(--u)))}.surf-ui .hud-center{max-width:80vw;font:700 calc(2 * var(--u)) / 1.2 var(--font);letter-spacing:.02em;text-align:center;white-space:pre-line;text-shadow:0 2px 6px #000000e6,0 0 2px #000;opacity:0;transition:opacity .25s, transform .3s var(--ease);position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)scale(.96)}.surf-ui .hud-center.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.surf-ui .hud-lockhint{left:50%;top:calc(50% - 4.2 * var(--u));padding:calc(.35 * var(--u)) calc(.8 * var(--u));border-radius:calc(.3 * var(--u));font:600 calc(.95 * var(--u)) var(--font);color:#ffffffe6;opacity:0;background:#0000008c;align-items:center;gap:.5em;transition:opacity .3s;display:flex;position:absolute;transform:translate(-50%,-50%)}.surf-ui .hud-lockhint.show{opacity:1;transition-delay:.4s}.surf-ui .chat{--u:calc(1rem * var(--hud-k,1));left:calc(1.4 * var(--u));width:calc(34 * var(--u));max-width:46vw;font:600 calc(.98 * var(--u)) / 1.36 var(--font);color:#fff;pointer-events:none;z-index:5;position:absolute;bottom:22vh}.surf-ui .chat-feed{flex-direction:column;max-height:12.84em;padding:.3em .5em;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 1.2em);mask-image:linear-gradient(#0000 0,#000 1.2em)}.surf-ui .chat-feed>:first-child{margin-top:auto}.surf-ui .chat-msg{text-shadow:0 0 1px #000,1px 1px 1px #000,0 0 3px #000000bf;overflow-wrap:anywhere;animation:chat-in .18s var(--ease);padding:.02em 0;transition:opacity 1s}.surf-ui .chat-msg.faded{opacity:0}@keyframes chat-in{0%{opacity:0;transform:translate(-.4em)}}.surf-ui .chat.open .chat-feed{pointer-events:auto;background:#06090e9e;border:1px solid #ffffff14;border-bottom:0;border-radius:.3em .3em 0 0;height:16.92em;max-height:none;overflow-y:auto;-webkit-mask-image:none;mask-image:none}.surf-ui .chat.open .chat-msg.faded{opacity:1;transition:none}.surf-ui .chat-input-row{pointer-events:auto;background:#06090ed1;border:1px solid #ffffff1a;border-radius:0 0 .3em .3em;align-items:center;gap:.45em;padding:.35em .5em;display:none}.surf-ui .chat.open .chat-input-row{display:flex}.surf-ui .chat-label{color:#c6d3e0;flex:none}.surf-ui .chat.team .chat-label{color:#9cf}.surf-ui .chat-input{color:#fff;min-width:0;font:inherit;text-shadow:inherit;caret-color:#fff;background:0 0;border:0;outline:none;flex:1}.surf-ui .scoreboard{border:1px solid var(--line-2);border-radius:var(--radius-lg);width:min(60rem,92vw);max-height:76%;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);pointer-events:none;z-index:20;animation:sb-in .14s var(--ease);background:#0a0e14e6;flex-direction:column;display:flex;position:absolute;top:12%;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes sb-in{0%{opacity:0;transform:translate(-50%,-.5rem)}}.surf-ui .sb-head{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#4da3ff2e,#4da3ff00 70%);align-items:center;gap:1rem;padding:1rem 1.4rem .9rem;display:flex}.surf-ui .sb-server{font:600 .78rem var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2)}.surf-ui .sb-map{font:700 1.7rem/1.1 var(--font-head);color:#fff}.surf-ui .sb-map .prefix{color:var(--text-3);font-weight:500}.surf-ui .sb-head-r{align-items:center;gap:.4rem;margin-left:auto;display:flex}.surf-ui .sb-team{font:700 .8rem var(--font);letter-spacing:.2em;text-transform:uppercase;color:#9fd2ff;border-bottom:1px solid var(--line);background:#4da3ff12;align-items:center;gap:.6rem;padding:.45rem 1.4rem;display:flex}.surf-ui .sb-team span:last-child{color:var(--text-3);letter-spacing:.08em;margin-left:auto}.surf-ui .sb-table{border-collapse:collapse;width:100%;font-size:.98rem}.surf-ui .sb-table th{font:600 .72rem var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);text-align:left;border-bottom:1px solid var(--line);padding:.5rem .8rem}.surf-ui .sb-table td{white-space:nowrap;border-bottom:1px solid #ffffff0a;padding:.5rem .8rem}.surf-ui .sb-table th:first-child,.surf-ui .sb-table td:first-child{width:4rem;padding-left:1.4rem}.surf-ui .sb-table .num{text-align:right;font-variant-numeric:tabular-nums}.surf-ui .sb-table th.num{text-align:right}.surf-ui .sb-table th:last-child,.surf-ui .sb-table td:last-child{padding-right:1.4rem}.surf-ui .sb-table tr.local td{color:#fff;background:#4da3ff21}.surf-ui .sb-table tr.local td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.surf-ui .sb-rank{color:var(--text-2);font-weight:700}.surf-ui .sb-table tr.r1 .sb-rank{color:var(--gold)}.surf-ui .sb-player{align-items:center;gap:.55rem;font-weight:600;display:flex}.surf-ui .sb-avatar{color:#9fd2ff;background:linear-gradient(135deg,#2c4a74,#19283f);border-radius:.2rem;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;display:inline-flex}.surf-ui .sb-avatar .icon{width:1rem;height:1rem}.surf-ui .sb-avatar.bot{color:#ffc98a;background:linear-gradient(135deg,#5a3c22,#2e2013)}.surf-ui .sb-tag{font:700 .65rem var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);background:#ffffff14;border-radius:.15rem;padding:.05rem .35rem}.surf-ui .sb-time{font-variant-numeric:tabular-nums;font-weight:600}.surf-ui .sb-empty{text-align:center;color:var(--text-3);padding:1.6rem}.surf-ui .sb-foot{color:var(--text-3);border-top:1px solid var(--line);gap:1.5rem;padding:.6rem 1.4rem;font-size:.8rem;display:flex}.surf-ui .sb-foot b{color:var(--text-2);font-weight:600}.surf-ui .devcon{z-index:80;border:1px solid var(--line-2);border-radius:var(--radius-lg);resize:both;pointer-events:auto;width:56vw;min-width:26rem;height:62vh;min-height:14rem;animation:con-in .14s var(--ease);background:#0c0f14f2;flex-direction:column;display:flex;position:absolute;top:7vh;left:6vw;overflow:hidden;box-shadow:0 1.2rem 3rem #0009,0 0 0 1px #0009}@keyframes con-in{0%{opacity:0;transform:translateY(-.6rem)}}.surf-ui .devcon.dragging{opacity:.92;-webkit-user-select:none;user-select:none}.surf-ui .devcon-title{border-bottom:1px solid var(--line);height:2.3rem;font:700 .9rem var(--font);letter-spacing:.16em;text-transform:uppercase;cursor:move;background:linear-gradient(#ffffff0f,#ffffff05);flex:none;align-items:center;gap:.55rem;padding:0 .4rem 0 .85rem;display:flex}.surf-ui .devcon-title .icon{color:var(--accent)}.surf-ui .devcon-hint{font:500 .72rem var(--font);letter-spacing:.06em;text-transform:none;color:var(--text-3);margin-left:.6rem}.surf-ui .devcon-title .btn-icon{margin-left:auto}.surf-ui .devcon-title .devcon-cfg{letter-spacing:.04em;text-transform:none;color:var(--text-2);margin-left:auto;font-weight:600}.surf-ui .devcon-title .devcon-cfg .icon{width:.95rem;height:.95rem;color:var(--accent-2)}.surf-ui .devcon-title .devcon-cfg+.btn-icon{margin-left:.2rem}.surf-ui .devcon-output{min-height:0;font:400 .84rem/1.42 var(--font-mono);color:#d9dee4;cursor:text;background:#00000040;flex:1;padding:.5rem .8rem;overflow-y:auto}.surf-ui .devcon-output .cl{white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.42em}.surf-ui .cl-default{color:#d9dee4}.surf-ui .cl-error{color:#ff6b6b}.surf-ui .cl-warn{color:#ffcf66}.surf-ui .cl-info{color:#8cc8ff}.surf-ui .cl-success{color:#7ee787}.surf-ui .cl-echo{color:#8f9aa6}.surf-ui .devcon-inputrow{border-top:1px solid var(--line);flex:none;align-items:center;gap:.5rem;padding:.5rem .6rem .55rem .8rem;display:flex}.surf-ui .devcon-prompt{font:700 .95rem var(--font-mono);color:var(--accent)}.surf-ui .devcon-input{border:1px solid var(--line-2);border-radius:var(--radius);color:#fff;min-width:0;height:2rem;font:400 .9rem var(--font-mono);background:#00000073;outline:none;flex:1;padding:0 .6rem}.surf-ui .devcon-input:focus{border-color:#4da3ffb3}.surf-ui .devcon-popup{border:1px solid var(--line-2);border-radius:var(--radius);max-height:min(14.5rem,100% - 6rem);box-shadow:var(--shadow);z-index:2;background:#10141bfa;padding:.2rem 0;position:absolute;bottom:3.1rem;left:2.1rem;right:5.5rem;overflow-y:auto}.surf-ui .devcon-sug{font:400 .84rem/1.35 var(--font-mono);cursor:pointer;white-space:nowrap;align-items:baseline;gap:.8rem;padding:.22rem .7rem;display:flex}.surf-ui .devcon-sug:hover{background:#ffffff0f}.surf-ui .devcon-sug.sel{background:#4da3ff40}.surf-ui .sug-name{color:#fff}.surf-ui .sug-value{color:var(--accent-2)}.surf-ui .sug-help{color:var(--text-3);font-family:var(--font);text-overflow:ellipsis;max-width:50%;margin-left:auto;font-size:.8rem;overflow:hidden}.surf-ui .settings{flex:1}.surf-ui .settings-head .settings-reset{align-self:center}.surf-ui .settings-head .settings-note{color:var(--text-3);white-space:nowrap;align-self:center;align-items:center;gap:.4rem;margin-left:auto;font-size:.8rem;display:flex}.surf-ui .settings-note .icon{color:var(--green);width:.95rem;height:.95rem}.surf-ui .settings-body{flex:1;min-height:0;position:relative}.surf-ui .set-pane{padding:1.1rem 1.5rem 2rem;display:none;position:absolute;inset:0;overflow-y:auto}.surf-ui .set-pane.active{animation:.18s fade-in;display:block}.surf-ui .set-col{max-width:54rem;margin:0 auto}.surf-ui .set-group{margin-bottom:1.4rem}.surf-ui .set-group h4{font:700 .95rem var(--font-head);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2);border-bottom:1px solid var(--line);margin:0 0 .35rem;padding-bottom:.45rem}.surf-ui .set-group-desc{color:var(--text-3);margin:.4rem 0 .6rem;font-size:.88rem;line-height:1.45}.surf-ui .set-row{border-radius:var(--radius);align-items:center;gap:1.5rem;min-height:3rem;padding:.45rem .6rem;transition:background .12s;display:flex}.surf-ui .set-row:hover{background:#ffffff08}.surf-ui .set-row.dim{opacity:.45}.surf-ui .set-label{flex:1;min-width:0}.surf-ui .set-name{color:var(--text);font-size:.98rem;font-weight:600}.surf-ui .set-name.mono{font-family:var(--font-mono);font-size:.86rem;font-weight:400}.surf-ui .set-desc{color:var(--text-3);margin-top:.1rem;font-size:.82rem;line-height:1.35}.surf-ui .set-cvar{font-family:var(--font-mono);color:#93d2ff8c;margin-top:.15rem;font-size:.72rem;display:inline-block}.surf-ui .set-control{flex:none;justify-content:flex-end;align-items:center;gap:.5rem;min-width:15rem;display:flex}.surf-ui .slider-wrap{align-items:center;gap:.75rem;width:22rem;display:flex}.surf-ui .slider-wrap .slider{flex:1}.surf-ui .set-actions{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.surf-ui .set-status{color:var(--text-3);margin-top:.35rem;padding-left:.95rem;font-size:.8rem;line-height:1.35;position:relative}.surf-ui .set-status:before{content:"";background:currentColor;border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:.38em;left:.1rem}.surf-ui .set-status.raw-active{color:#7ee787}.surf-ui .set-status.raw-unsupported,.surf-ui .set-status.gpu-warn{color:#ffcf66}.surf-ui .set-status.gc-linked{color:#7ee787}.surf-ui .set-status.gc-needs-permission,.surf-ui .set-status.gc-busy{color:#ffcf66}.surf-ui .set-status.gc-error{color:#ff8a8a}.surf-ui .cfg-list{flex-direction:column;gap:.35rem;margin-top:.4rem;display:flex}.surf-ui .cfg-item{border-radius:var(--radius);border:1px solid var(--line);background:#ffffff06;align-items:center;gap:.6rem;padding:.4rem .5rem .4rem .8rem;display:flex}.surf-ui .cfg-file{font:600 .88rem var(--font-mono);color:var(--text)}.surf-ui .cfg-meta{font-size:.8rem}.surf-ui .cfg-item .spacer{flex:1}.surf-ui .cfg-empty{padding:.5rem 0;font-size:.85rem}.surf-ui .cfg-hint{align-self:center;font-size:.8rem}.surf-ui .set-warning{border-radius:var(--radius);color:#ffd59a;background:#ffaa3c1a;border:1px solid #ffb44659;align-items:center;gap:.6rem;margin:.4rem 0 .6rem;padding:.6rem .85rem;font-size:.9rem;display:flex}.surf-ui .set-warning .icon{color:#ffb347}.surf-ui .phys-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.45rem;margin-top:.4rem;display:grid}.surf-ui .phys-cell{border-radius:var(--radius);border:1px solid var(--line);background:#ffffff06;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;column-gap:.6rem;padding:.45rem .6rem;display:grid}.surf-ui .phys-cell code{font-family:var(--font-mono);color:var(--text);font-size:.8rem}.surf-ui .phys-cell .phys-def{color:#ffc77a;grid-row:2;font-size:.72rem}.surf-ui .phys-cell>:last-child{grid-area:1/2/span 2}.surf-ui .phys-cell .num-input{width:6.4rem}.surf-ui .phys-cell.modified{background:#ffaa3c0f;border-color:#ffb44666}.surf-ui .dpi-wrap{align-items:center;gap:.8rem;display:flex}.surf-ui .cm360{color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.82rem}.surf-ui .inline{align-items:center;gap:.6rem;display:flex}.surf-ui .hud-swatch{border:1px solid var(--line-3);border-radius:.2rem;width:1.2rem;height:1.2rem}.surf-ui .sound-tests{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;max-width:30rem;display:flex}.surf-ui .pane-crosshair.active{align-items:flex-start;gap:1.6rem;display:flex}.surf-ui .xh-left{flex-direction:column;flex:1.15;gap:1rem;min-width:0;display:flex}.surf-ui .xh-controls{flex:1;min-width:0}.surf-ui .xh-controls .set-control{min-width:0}.surf-ui .xh-controls .slider-wrap{width:17rem}.surf-ui .xh-preview{border:1px solid var(--line-2);border-radius:var(--radius-lg);background:#000;overflow:hidden}.surf-ui .xh-stage{aspect-ratio:16/9;position:relative}.surf-ui .xh-canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.surf-ui .xh-tools{border-top:1px solid var(--line);background:#0a0d12f2;align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex}.surf-ui .xh-info{color:var(--text-3);margin-left:auto;font-size:.75rem}.surf-ui .xh-pastebox{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff05;padding:.9rem 1rem 1rem}.surf-ui .xh-paste-title{align-items:baseline;gap:.7rem;margin-bottom:.55rem;font-size:.95rem;display:flex}.surf-ui .xh-paste-title .muted{font-size:.8rem}.surf-ui .xh-paste{width:100%}.surf-ui .xh-colors{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.surf-ui .xh-color{appearance:none;border-radius:var(--radius);border:1px solid var(--line-2);height:1.9rem;color:var(--text-2);font:600 .78rem var(--font);cursor:pointer;background:#0000004d;align-items:center;gap:.35rem;padding:0 .55rem 0 .4rem;display:flex}.surf-ui .xh-color:before{content:"";background:var(--sw,conic-gradient(#f55, #ff5, #5f5, #5ff, #55f, #f5f, #f55));border-radius:.15rem;width:.85rem;height:.85rem}.surf-ui .xh-color.active{color:#fff;background:#ffffff1a;border-color:#fff}.surf-ui .binds-top{align-items:flex-start;gap:1.5rem;margin-bottom:.6rem;display:flex}.surf-ui .binds-top p{flex:1;margin:0}.surf-ui .bind-row{min-height:2.7rem}.surf-ui .bind-slots{align-items:center;gap:.45rem;display:flex}.surf-ui .bind-slot{appearance:none;border-radius:var(--radius);border:1px solid var(--line-2);color:#fff;min-width:7.5rem;height:2rem;font:700 .85rem var(--font);letter-spacing:.06em;cursor:pointer;background:#ffffff0f;border-bottom-width:2px;padding:0 .7rem;transition:background .12s,border-color .12s}.surf-ui .bind-slot:hover{border-color:var(--line-3);background:#ffffff1f}.surf-ui .bind-slot.empty{color:var(--text-3);font-weight:500}.surf-ui .bind-slot.static{cursor:default;justify-content:center;align-items:center;display:inline-flex}.surf-ui .bind-slot.capturing{border-color:var(--accent);color:var(--accent-2);background:#4da3ff33;animation:1s ease-in-out infinite capture-pulse}@keyframes capture-pulse{50%{box-shadow:0 0 0 4px #4da3ff33}}.surf-ui .bind-more{width:1.6rem;color:var(--text-3);text-align:center;font-size:.78rem}