/*!
 *  Hack typeface https://github.com/source-foundry/Hack
 *  License: https://github.com/source-foundry/Hack/blob/master/LICENSE.md
 */@font-face{font-family:Hack;src:url(./hack-regular-Dv5unGLz.woff2?sha=3114f1256) format("woff2"),url(./hack-regular-DEir-J6A.woff?sha=3114f1256) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Hack;src:url(./hack-bold-o0myPlua.woff2?sha=3114f1256) format("woff2"),url(./hack-bold-XM2YsVf3.woff?sha=3114f1256) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Hack;src:url(./hack-italic-CQtdA7T5.woff2?sha=3114f1256) format("woff2"),url(./hack-italic-CxLZKZQa.woff?sha=3114f1256) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Hack;src:url(./hack-bolditalic-D5TV5Tsg.woff2?sha=3114f1256) format("woff2"),url(./hack-bolditalic-CcY3gI8S.woff?sha=3114f1256) format("woff");font-weight:700;font-style:italic}@font-face{font-family:JetBrains Mono Fallback;src:local("JetBrains Mono"),local("SF Mono"),local("Menlo"),local("Consolas");font-display:swap}@font-face{font-family:Bugvirus;src:url(../fonts/Bugvirus.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CS Modley Pixel;src:url(../fonts/CSModleyPixelRegular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--theme-accent: #ff3da6;--theme-accent2: #00e6ff;--theme-bg: #07040f;--theme-bg2: #150a23;--theme-text: #f4ecff;--theme-text-dim: #8c7eb0;--theme-danger: #ff5566;--theme-accent-rgb: 255, 61, 166;--theme-accent2-rgb: 0, 230, 255;--theme-bg2-rgb: 21, 10, 35;--bg: var(--theme-bg);--bg2: var(--theme-bg2);--panel: rgba(var(--theme-bg2-rgb), .82);--panel-line: rgba(255, 255, 255, .08);--text: var(--theme-text);--text-dim: var(--theme-text-dim);--text-dimmer: rgba(255, 255, 255, .32);--accent: var(--theme-accent);--accent2: var(--theme-accent2);--accent3: var(--theme-accent);--danger: var(--theme-danger);--good: #5fff8e;--warning: #ffd23f;--shadow: 0 8px 40px rgba(0, 0, 0, .6);--bracket: var(--accent);--font-display: "Bugvirus", "CS Modley Pixel", "Hack", ui-monospace, monospace;--font-display-title: "CS Modley Pixel", "Bugvirus", "Hack", ui-monospace, monospace;--font-display-alt: "CS Modley Pixel", "Bugvirus", "Hack", ui-monospace, monospace;--font-body: "Hack", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-readable: var(--font-body);--font-mono: var(--font-body);--font-terminal: var(--font-body)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html,body{height:100%;width:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:url(../cursor.svg) 2 2,default}button,.menu-item,.palette-card,.toggle,.keybind-btn,.tab,a,.stats-section-head,.setting-help,.profile-chip,.profile-delete,input[type=range],input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb,input[type=color],input[type=text],input[type=number],select,select option{cursor:url(../cursor.svg) 2 2,pointer}canvas,#pixi-host{cursor:url(../cursor.svg) 2 2,default}#app{width:100%;height:100%;position:relative;background:var(--bg)}#app.in-game{cursor:none}#app.in-game #menu-button{cursor:url(../cursor.svg) 2 2,pointer}#app.in-game #menu-button:hover{cursor:url(../cursor.svg) 2 2,pointer}#loader{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg);z-index:1000;transition:opacity .4s ease-out}#loader.hide{opacity:0;pointer-events:none}#loader>*{grid-area:1 / 1}.loader-stack{position:relative;width:96px;height:96px;margin-bottom:100px;align-self:center;justify-self:center}.loader-cell{position:absolute;width:22px;height:22px;border-radius:3px;background:var(--accent);box-shadow:0 0 12px rgba(var(--theme-accent-rgb),.6);opacity:0;animation:loader-cell-drop 1.4s cubic-bezier(.22,1,.36,1) infinite}.loader-cell.c1{left:0;background:var(--accent);animation-delay:0s}.loader-cell.c2{left:25px;background:var(--accent2);animation-delay:.1s}.loader-cell.c3{left:50px;background:var(--warning);animation-delay:.2s}.loader-cell.c4{left:75px;background:var(--good);animation-delay:.3s}@keyframes loader-cell-drop{0%{transform:translateY(-60px);opacity:0}35%{transform:translateY(0);opacity:1}70%{transform:translateY(0);opacity:1}to{transform:translateY(-60px);opacity:0}}.loader-mark{font-family:var(--font-display-title);font-weight:400;font-size:36px;letter-spacing:.04em;text-transform:lowercase;background:linear-gradient(110deg,#ffffff 0%,rgba(var(--theme-accent-rgb),.55) 35%,var(--theme-accent) 50%,rgba(var(--theme-accent-rgb),.55) 65%,#ffffff 100%);background-size:240% 100%;background-position:100% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 14px rgba(var(--theme-accent-rgb),.3));animation:h1-shimmer 9s ease-in-out infinite;align-self:center;justify-self:center;z-index:2}.loader-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.32em;text-transform:lowercase;color:var(--text-dim);margin-top:80px;align-self:center;justify-self:center;z-index:2;opacity:.7}@keyframes pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}#game-canvas,#postfx-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#game-canvas{z-index:1;visibility:hidden}#postfx-canvas{z-index:2;pointer-events:none}#game-canvas.show{visibility:visible}#fps{position:absolute;top:10px;right:14px;font-size:12px;font-weight:600;color:var(--text-dim);z-index:10;pointer-events:none;text-shadow:0 0 6px rgba(0,0,0,.8)}#menu-button{position:absolute;top:12px;left:12px;z-index:20;width:40px;height:40px;background:rgba(var(--theme-bg2-rgb),.78);border:1px solid rgba(var(--theme-accent-rgb),.2);border-radius:8px;cursor:url(../cursor.svg) 2 2,pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:all .14s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000059}#menu-button:hover{border-color:var(--accent);background:rgba(var(--theme-accent-rgb),.15);box-shadow:0 0 16px rgba(var(--theme-accent-rgb),.45);transform:translateY(-1px)}#menu-button .mb-line{display:block;width:18px;height:2px;background:var(--text);border-radius:1px;transition:background .1s ease,transform .22s cubic-bezier(.22,1,.36,1),opacity .16s ease;transform-origin:center}#menu-button:hover .mb-line{background:var(--accent)}#app:not(.in-game) #menu-button{opacity:0;pointer-events:none;transform:scale(.85)}#app.in-game #menu-button{opacity:1;transform:scale(1);pointer-events:auto}#app.in-game.paused #menu-button .mb-line:nth-child(1){transform:translateY(3.5px) rotate(45deg)}#app.in-game.paused #menu-button .mb-line:nth-child(2){opacity:0;transform:scaleX(0)}#app.in-game.paused #menu-button .mb-line:nth-child(3){transform:translateY(-3.5px) rotate(-45deg)}.screen{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#00000026,#0006 75%);z-index:5;animation:screenFade .28s ease-out}#app.in-pause-flow .screen{backdrop-filter:blur(10px) saturate(110%);-webkit-backdrop-filter:blur(10px) saturate(110%);background:radial-gradient(ellipse at center,#00000040,#00000080 75%)}.pause-click-backdrop{position:absolute;inset:0;z-index:0;cursor:url(../cursor.svg) 2 2,pointer}@keyframes screenFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel{background:var(--panel);border:1px solid var(--panel-line);border-radius:8px;padding:26px 32px;width:min(720px,92vw);min-width:min(720px,92vw);max-width:min(720px,92vw);min-height:420px;max-height:92vh;overflow-y:auto;box-shadow:0 32px 64px -12px #0000008c,0 0 0 1px #ffffff06 inset,0 0 28px rgba(var(--theme-bg2-rgb),.55),0 0 0 1px #ffffff0f;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);position:relative;z-index:1}.pixel-text{display:flex;align-items:center;justify-content:center;gap:.5em;filter:drop-shadow(0 0 18px rgba(var(--theme-accent-rgb),.4))}.pixel-glyph{display:grid;gap:0}.pixel-cell{width:100%;height:100%}.pixel-cell.filled{border-radius:1px;animation:pxCellPop .46s cubic-bezier(.2,1.6,.3,1) backwards}@keyframes pxCellPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.pixel-text-go .pixel-cell.filled{animation:pxCellExplode .38s cubic-bezier(.2,1.8,.3,1) backwards}.pixel-text-topout .pixel-cell.filled{animation:pxCellFall .56s cubic-bezier(.3,0,.4,1) backwards}.pixel-text-finish .pixel-cell.filled,.pixel-text-victory .pixel-cell.filled{animation:pxCellCelebrate .52s cubic-bezier(.2,1.5,.3,1) backwards}@keyframes pxCellExplode{0%{opacity:0;transform:scale(.2);filter:brightness(2)}60%{opacity:1;transform:scale(1.2);filter:brightness(1.6)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes pxCellFall{0%{opacity:0;transform:translateY(-30px) rotate(-12deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes pxCellCelebrate{0%{opacity:0;transform:scale(.4) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.panel>.corners{display:none}.watermark-fixed{position:fixed;bottom:12px;right:16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--text-dimmer);opacity:.6;pointer-events:none;user-select:none;z-index:50;text-shadow:0 0 6px rgba(0,0,0,.5)}.panel-wide{min-width:min(640px,92vw)}.panel h1,.panel h2{font-family:var(--font-display);margin-bottom:4px}.icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;line-height:1;flex-shrink:0}.icon svg{width:100%;height:100%;fill:currentColor;display:block}.icon svg path{fill:currentColor}.icon.icon-md{width:1.25em;height:1.25em}.icon.icon-lg{width:1.6em;height:1.6em}.icon.icon-xl{width:2em;height:2em}.btn-with-icon{display:inline-flex;align-items:center;gap:8px}.brand-header{display:flex;align-items:flex-end;gap:14px;margin:0 0 4px;padding:0 0 0 4px;user-select:none}.brand-name{font-family:var(--font-display-title);font-size:clamp(38px,5.4vw,52px);letter-spacing:.04em;background:linear-gradient(110deg,#ffffff 0%,rgba(var(--theme-accent-rgb),.55) 35%,var(--theme-accent) 50%,rgba(var(--theme-accent-rgb),.55) 65%,#ffffff 100%);background-size:240% 100%;background-position:100% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 14px rgba(var(--theme-accent-rgb),.2));animation:h1-shimmer 9s ease-in-out infinite;line-height:1}.brand-mark{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;width:clamp(30px,3.4vw,38px);height:clamp(30px,3.4vw,38px);flex-shrink:0;margin-bottom:4px;filter:drop-shadow(0 0 6px rgba(var(--theme-accent-rgb),.18))}.brand-mark-cell{width:100%;height:100%;border-radius:2px}.brand-tagline{font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;color:var(--text);text-transform:lowercase;font-weight:600;opacity:.9;line-height:1.4}.screen-title-wrap{margin:14px 0 18px}.screen-title-rule{width:48px;height:2px;background:linear-gradient(90deg,var(--accent) 0%,transparent 100%);margin:0 0 10px 4px;border-radius:1px}.panel h1{font-family:var(--font-display-title);font-size:clamp(24px,3.4vw,32px);font-weight:400;letter-spacing:.04em;line-height:1.15;padding-bottom:8px;margin:0 0 0 4px;position:relative;display:block;background:linear-gradient(110deg,#ffffff 0%,rgba(var(--theme-accent-rgb),.55) 35%,var(--theme-accent) 50%,rgba(var(--theme-accent-rgb),.55) 65%,#ffffff 100%);background-size:240% 100%;background-position:100% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 18px rgba(var(--theme-accent-rgb),.25));animation:h1-shimmer 9s ease-in-out infinite}@keyframes h1-shimmer{0%,to{background-position:100% 50%}50%{background-position:0% 50%}}.panel h2{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:lowercase;color:var(--accent);margin-bottom:10px;letter-spacing:.22em;line-height:1.4;padding:4px 0 6px;border-bottom:1px solid rgba(var(--theme-accent-rgb),.18);text-shadow:0 0 6px rgba(var(--theme-accent-rgb),.25)}.panel .tag{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--text-dim);margin-bottom:16px;text-transform:none}.panel .panel-subtitle{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:lowercase;color:var(--text);margin:-2px 0 22px}.panel .panel-subtitle:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);flex-shrink:0}.panel .tag:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);flex-shrink:0}.panel .subtitle{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--text-dim);margin:-4px 0 22px;display:flex;gap:12px;align-items:center}.panel .subtitle .dot{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 6px var(--good);animation:pulse 2s ease-in-out infinite}.menu-list{display:flex;flex-direction:column;gap:8px;margin-top:22px}.menu-item{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:14px;padding:14px 18px 14px 16px;border:1px solid var(--panel-line);border-radius:4px;background:#ffffff05;font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--text);cursor:url(../cursor.svg) 2 2,pointer;transition:background .14s ease-out,border-color .14s ease-out,color .14s ease-out,box-shadow .18s ease-out;position:relative;overflow:hidden}.menu-item:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(var(--theme-accent-rgb),.1) 0%,transparent 60%);opacity:0;transition:opacity .18s ease-out}.menu-item .menu-icon{font-family:var(--font-display);font-size:14px;line-height:1;color:var(--text-dim);text-align:center;width:30px;letter-spacing:0;transition:color .14s ease-out,text-shadow .18s ease-out,transform .2s cubic-bezier(.22,1.4,.5,1)}.menu-item .menu-body{display:flex;flex-direction:column;gap:3px;min-width:0;overflow:hidden}.menu-item .menu-label{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--text);text-transform:lowercase}.menu-item .menu-desc{font-size:10px;font-weight:500;letter-spacing:.14em;color:var(--text-dim);text-transform:lowercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-item .right{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-dim);letter-spacing:.08em;text-align:right;white-space:nowrap;flex-shrink:0}.menu-item:hover{border-color:#ffffff2e;background:#ffffff0a}.menu-item:hover .menu-icon{color:var(--text)}.menu-item.focus{border-color:var(--accent);color:#fff;box-shadow:0 0 0 1px rgba(var(--theme-accent-rgb),.55),0 0 24px rgba(var(--theme-accent-rgb),.22)}.menu-item.focus:after{opacity:1}.menu-item.focus .menu-icon{color:var(--accent);text-shadow:0 0 10px rgba(var(--theme-accent-rgb),.7);transform:translate(2px)}.menu-item.focus .menu-label{color:#fff}.menu-item.focus .menu-desc{color:var(--accent2)}.menu-item.focus .right{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid var(--panel-line);color:var(--text);padding:10px 18px;border-radius:4px;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.04em;cursor:url(../cursor.svg) 2 2,pointer;transition:background .12s ease-out,border-color .12s ease-out,color .12s ease-out}.btn:active{background:#ffffff14}.btn:hover{border-color:var(--accent);background:rgba(var(--theme-accent-rgb),.1);color:var(--accent)}.btn.primary{background:var(--accent);color:#0a0612;border-color:var(--accent)}.btn.primary:hover{background:var(--accent2);color:#0a0612;border-color:var(--accent2);box-shadow:0 0 18px var(--accent2)}.btn.ghost{background:transparent}.row{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--panel-line);margin-bottom:18px;flex-wrap:wrap}.tab{background:none;border:none;color:var(--text-dim);font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.15em;padding:10px 14px;cursor:url(../cursor.svg) 2 2,pointer;border-bottom:2px solid transparent;transition:all .1s ease}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);text-shadow:0 0 6px rgba(var(--theme-accent-rgb),.4)}.section{display:flex;flex-direction:column;gap:14px}.esc-hold-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#0f0819db;border:1px solid rgba(var(--theme-accent-rgb),.55);padding:10px 18px;border-radius:4px;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--accent);z-index:300;pointer-events:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(var(--theme-accent-rgb),.18)}.esc-hold-label{margin-bottom:6px;text-align:center}.esc-hold-bar{width:200px;height:3px;background:rgba(var(--theme-accent-rgb),.18);border-radius:2px;overflow:hidden}.esc-hold-bar-fill{width:100%;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0);box-shadow:0 0 12px var(--accent)}.kbd-focus{outline:2px solid var(--accent)!important;outline-offset:4px!important;border-radius:4px;box-shadow:0 0 12px rgba(var(--theme-accent-rgb),.4)!important}.section-divider{margin:18px 0 8px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--text);text-transform:none;display:flex;align-items:center;gap:12px}.section-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--panel-line),transparent)}.radio-list{display:flex;flex-direction:column;gap:6px;margin:12px 0;padding:10px;background:#0000002e;border:1px solid var(--panel-line);border-radius:6px}.radio-row{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:8px 12px;border-radius:4px;transition:background .1s ease}.radio-row.on{background:rgba(var(--theme-accent-rgb),.06)}.radio-row .radio-row-title{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text);letter-spacing:.06em}.radio-row .toggle{flex-shrink:0}.setting{display:grid;grid-template-columns:minmax(140px,1fr) minmax(160px,1.4fr) 60px;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.setting:last-child{border:none}.setting label{font-size:12px;letter-spacing:.18em;color:var(--text);font-weight:600;text-transform:none;display:inline-flex;align-items:center;gap:8px;position:relative}.setting-help{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid rgba(var(--theme-accent-rgb),.55);background:rgba(var(--theme-accent-rgb),.1);color:var(--accent);font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:1;letter-spacing:0;cursor:url(../cursor.svg) 2 2,pointer;transition:background .12s ease,transform .12s ease;padding:0}.setting-help:hover{background:rgba(var(--theme-accent-rgb),.22);transform:scale(1.05)}.setting-help-pop{position:absolute;top:calc(100% + 10px);left:-6px;z-index:80;background:rgba(var(--theme-bg2-rgb),.96);border:1px solid rgba(var(--theme-accent-rgb),.55);color:var(--text);padding:9px 13px;border-radius:6px;font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:lowercase;line-height:1.5;max-width:280px;min-width:180px;box-shadow:0 8px 24px #0000008c,0 0 0 1px rgba(var(--theme-accent-rgb),.1) inset;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);pointer-events:auto;opacity:0;transform:translateY(-3px);transition:opacity .14s ease-out,transform .18s cubic-bezier(.22,1,.36,1)}.setting-help-pop.in{opacity:1;transform:translateY(0)}.setting-help-pop:before,.setting-help-pop:after{content:"";position:absolute;bottom:100%;left:14px;width:10px;height:10px;transform:translateY(50%) rotate(45deg);pointer-events:none}.setting-help-pop:before{background:rgba(var(--theme-accent-rgb),.55);margin-bottom:-1px}.setting-help-pop:after{background:rgba(var(--theme-bg2-rgb),.96);margin-bottom:1px}.setting .value{text-align:right;font-size:13px;color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.setting input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:4px;background:#ffffff14;border-radius:2px;outline:none}.setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:url(../cursor.svg) 2 2,pointer;box-shadow:0 0 8px var(--accent)}.setting input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:url(../cursor.svg) 2 2,pointer;border:none;box-shadow:0 0 8px var(--accent)}.setting input[type=text],.setting input[type=number]{width:100%;background:rgba(var(--theme-bg2-rgb),.65);border:1px solid rgba(var(--theme-accent-rgb),.3);color:var(--text);padding:6px 10px;border-radius:4px;font-family:inherit;font-size:13px}.setting input:hover{border-color:rgba(var(--theme-accent-rgb),.55)}.setting input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--theme-accent-rgb),.18)}.themed-select-wrap{position:relative;width:100%}.themed-select{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;background:rgba(var(--theme-bg2-rgb),.65);border:1px solid rgba(var(--theme-accent-rgb),.3);color:var(--text);padding:6px 10px;border-radius:4px;font-family:inherit;font-size:13px;text-align:left;letter-spacing:.04em;transition:border-color .12s ease,box-shadow .12s ease}.themed-select:hover{border-color:rgba(var(--theme-accent-rgb),.55)}.themed-select.open{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--theme-accent-rgb),.18);border-bottom-left-radius:0;border-bottom-right-radius:0}.themed-select-chevron{color:var(--accent);font-size:11px;transition:transform .2s cubic-bezier(.22,1,.36,1)}.themed-select.open .themed-select-chevron{transform:rotate(180deg)}.themed-select-popup{position:absolute;top:100%;left:0;right:0;z-index:90;background:rgba(var(--theme-bg2-rgb),.96);border:1px solid var(--accent);border-top:0;border-radius:0 0 4px 4px;box-shadow:0 12px 28px #00000080;max-height:240px;overflow-y:auto;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .14s ease,transform .18s cubic-bezier(.22,1,.36,1)}.themed-select-popup.open{opacity:1;transform:translateY(0);pointer-events:auto}.themed-select-option{display:block;width:100%;background:transparent;border:0;color:var(--text);font-family:inherit;font-size:12px;letter-spacing:.04em;text-align:left;padding:8px 12px;transition:background .1s ease,color .1s ease}.themed-select-option:hover{background:rgba(var(--theme-accent-rgb),.18);color:var(--accent)}.themed-select-option.selected{color:var(--accent);background:rgba(var(--theme-accent-rgb),.1);font-weight:700}.themed-select-popup::-webkit-scrollbar{width:6px}.themed-select-popup::-webkit-scrollbar-track{background:#0003}.themed-select-popup::-webkit-scrollbar-thumb{background:rgba(var(--theme-accent-rgb),.35);border-radius:3px}.toggle{position:relative;width:38px;height:20px;background:#00000080;border-radius:10px;cursor:url(../cursor.svg) 2 2,pointer;border:1px solid var(--panel-line);transition:all .1s ease}.toggle:after{content:"";position:absolute;top:1px;left:1px;width:16px;height:16px;background:var(--text-dim);border-radius:50%;transition:all .14s ease}.toggle.on{background:var(--accent);border-color:var(--accent)}.toggle.on:after{left:19px;background:var(--bg);box-shadow:0 0 6px #00000080}.keybind-btn{background:#0006;border:1px solid var(--panel-line);color:var(--text);padding:6px 10px;border-radius:4px;font-family:inherit;font-size:12px;letter-spacing:.12em;cursor:url(../cursor.svg) 2 2,pointer;min-width:70px;transition:all .1s ease}.keybind-btn:hover{border-color:var(--accent);color:var(--accent)}.keybind-btn.listening{background:var(--accent);color:var(--bg);border-color:var(--accent);animation:pulse 1s ease-in-out infinite}.keybind-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:6px 0}.keybind-keys{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.result-stat{padding:10px 14px;background:#ffffff08;border-radius:6px;border:1px solid var(--panel-line)}.result-stat .label{font-size:11px;letter-spacing:.2em;color:var(--text-dim)}.result-stat .value{font-size:22px;font-weight:800;color:var(--text);margin-top:4px;font-variant-numeric:tabular-nums}.result-primary{text-align:center;margin:22px 0}.result-primary .label{font-size:12px;letter-spacing:.3em;color:var(--text-dim)}.result-primary .value{font-family:var(--font-display-alt);font-size:clamp(34px,6vw,52px);font-weight:400;color:var(--accent2);text-shadow:0 0 20px rgba(var(--theme-accent2-rgb),.5);letter-spacing:.04em;font-variant-numeric:tabular-nums}.result-primary.new-record .value{color:var(--warning);text-shadow:0 0 24px rgba(255,210,63,.6)}.result-new-record{display:inline-flex;align-items:center;gap:10px;margin:0 auto 18px;padding:8px 18px;border-radius:999px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.24em;color:var(--warning);background:linear-gradient(90deg,#ffd23f0d,#ffd23f2e,#ffd23f0d);border:1px solid rgba(255,210,63,.4);box-shadow:0 0 0 1px #ffd23f1a inset,0 4px 18px #ffd23f2e;animation:pbBannerIn .52s cubic-bezier(.2,1.6,.3,1),pbBannerShimmer 4s ease-in-out infinite .52s;align-self:center}.result-new-record .icon{width:14px;height:14px;color:var(--warning);filter:drop-shadow(0 0 6px rgba(255,210,63,.55))}@keyframes pbBannerIn{0%{opacity:0;transform:translateY(-6px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pbBannerShimmer{0%,to{box-shadow:0 0 0 1px #ffd23f1a inset,0 4px 18px #ffd23f2e}50%{box-shadow:0 0 0 1px #ffd23f33 inset,0 4px 26px #ffd23f52}}.result-new-record-wrap{display:flex;justify-content:center;margin-bottom:6px}.pause-pb-callout{display:flex;align-items:center;justify-content:center;gap:12px;margin:4px 0 16px;padding:8px 14px;background:rgba(var(--theme-accent-rgb),.06);border:1px solid rgba(var(--theme-accent-rgb),.2);border-radius:4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em}.pause-pb-callout .pb-label{color:var(--text-dim);text-transform:lowercase}.pause-pb-callout .pb-target{color:var(--warning);font-weight:700;font-variant-numeric:tabular-nums}.pause-pb-callout .pb-status{font-weight:700;padding:2px 8px;border-radius:3px;text-transform:lowercase;font-size:9px;letter-spacing:.22em}.pause-pb-callout.ahead .pb-status{color:var(--good);background:#5fff8e24}.pause-pb-callout.behind .pb-status{color:var(--text-dim);background:#ffffff0f}.result-pb-compare{display:flex;align-items:baseline;justify-content:center;gap:14px;margin:-8px 0 18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:lowercase}.result-pb-compare .pb-label{color:var(--text-dim)}.result-pb-compare .pb-value{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.result-pb-compare .pb-delta{font-weight:700;font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:3px}.result-pb-compare .pb-delta.better{color:var(--good);background:#5fff8e1f}.result-pb-compare .pb-delta.worse{color:var(--text-dim);background:#ffffff0a}.tab-content{animation:screenFade .2s ease-out}.help{font-size:11px;color:var(--text-dim);letter-spacing:.1em;margin-top:10px;line-height:1.5}.help-section{margin-top:16px;padding-bottom:4px}.help-section:first-child{margin-top:6px}.help-section-title{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.24em;color:var(--text);text-transform:lowercase;margin-bottom:6px;text-shadow:0 0 8px rgba(var(--theme-accent-rgb),.25)}.help-section-body{font-size:12px;color:var(--text-dim);letter-spacing:.04em;line-height:1.62}.help-deflist{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:8px 18px;margin-top:4px;font-size:12px;line-height:1.55}.help-defrow{display:contents}.help-defterm{font-family:var(--font-mono);font-weight:700;letter-spacing:.1em;color:var(--accent2);text-align:left}.help-defdef{color:var(--text-dim);letter-spacing:.02em}.stats-section-head{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px 14px;margin-top:12px;background:#ffffff05;border:1px solid var(--panel-line);border-radius:6px;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:lowercase;color:var(--text);cursor:url(../cursor.svg) 2 2,pointer;transition:background .12s ease,border-color .12s ease}.stats-section-head:first-of-type{margin-top:4px}.stats-section-head:hover{border-color:rgba(var(--theme-accent-rgb),.35);background:#ffffff0a}.stats-section-head.open{border-color:rgba(var(--theme-accent-rgb),.5);background:rgba(var(--theme-accent-rgb),.06);border-bottom-left-radius:0;border-bottom-right-radius:0}.stats-section-caret{display:inline-block;color:var(--accent);font-size:12px;transition:transform .2s cubic-bezier(.22,1,.36,1);transform:rotate(0)}.stats-section-head.open .stats-section-caret{transform:rotate(90deg)}.stats-section-title{letter-spacing:.22em;color:var(--text);text-align:left;font-weight:700}.stats-section-summary{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--text-dim);text-transform:lowercase;font-variant-numeric:tabular-nums}.stats-section-body{max-height:0;overflow:hidden;padding:0 14px;border:1px solid transparent;border-top:0;border-radius:0 0 6px 6px;transition:max-height .28s cubic-bezier(.22,1,.36,1),padding .24s ease,border-color .24s ease}.stats-section-body.open{max-height:9999px;padding:6px 14px 14px;border-color:rgba(var(--theme-accent-rgb),.2)}.stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.stat-row:last-child{border:none}.stat-row .label{color:var(--text-dim);letter-spacing:.14em;text-transform:lowercase;font-weight:600}.stat-row .value{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.05em}.pb{color:var(--warning)!important}.banner{margin-top:12px;padding:10px 14px;background:rgba(var(--theme-accent-rgb),.1);border:1px solid rgba(var(--theme-accent-rgb),.3);border-radius:6px;color:var(--text);font-size:12px;letter-spacing:.12em}.swatch{display:inline-block;width:14px;height:14px;border-radius:2px;vertical-align:middle;margin-right:6px;box-shadow:0 0 6px currentColor}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:6px}.palette-card{border:1px solid var(--panel-line);border-radius:6px;padding:8px;cursor:url(../cursor.svg) 2 2,pointer;background:#ffffff05;transition:all .12s ease;min-height:72px;display:flex;flex-direction:column;justify-content:center}.palette-card:hover{border-color:var(--accent)}.palette-card.active{border-color:var(--accent);background:rgba(var(--theme-accent-rgb),.08)}.palette-card .name{font-size:10px;letter-spacing:.16em;font-weight:700;margin-bottom:4px;color:var(--text)}.palette-swatches{display:flex;gap:3px}.palette-swatches>div{flex:1;height:16px;border-radius:2px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--accent);color:var(--text);padding:10px 18px;border-radius:6px;font-size:12px;letter-spacing:.18em;font-weight:700;z-index:100;pointer-events:none;animation:toastIn .2s ease-out,toastOut .2s ease-in 1.8s forwards;box-shadow:0 0 20px rgba(var(--theme-accent-rgb),.4)}#countdown-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:80}#countdown-overlay.visible{display:flex}#countdown-overlay.count{animation:pxOverlayHold .95s ease-out forwards}#countdown-overlay.go{animation:pxOverlayHold .72s ease-out forwards}@keyframes pxOverlayHold{0%{opacity:0;transform:scale(.95)}25%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}#end-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:85;padding:0 4vw}#end-overlay.visible{display:flex}#end-overlay.kind-topout{color:var(--danger);text-shadow:0 0 30px rgba(255,80,80,.55),0 0 70px rgba(255,80,80,.3);animation:endFloatUp 1.9s cubic-bezier(.2,1,.3,1) forwards}#end-overlay.kind-finish{color:#ffd23f;text-shadow:0 0 28px rgba(255,210,63,.55),0 0 70px rgba(255,210,63,.3);animation:endFloatUp 1.9s cubic-bezier(.2,1.5,.3,1) forwards}#end-overlay.kind-victory{color:var(--accent2);text-shadow:0 0 28px rgba(var(--theme-accent2-rgb),.55),0 0 70px rgba(var(--theme-accent2-rgb),.3);animation:endFloatUp 1.9s cubic-bezier(.2,1.5,.3,1) forwards}@keyframes endFloatUp{0%{opacity:0;transform:scale(.6) translateY(0)}12%{opacity:1;transform:scale(1.08) translateY(0)}22%{opacity:1;transform:scale(1) translateY(0)}55%{opacity:1;transform:scale(1) translateY(-30px)}to{opacity:0;transform:scale(.85) translateY(-260px)}}@keyframes countdownPop{0%{opacity:0;transform:scale(.55)}50%{opacity:1;transform:scale(1.1)}to{opacity:.9;transform:scale(1)}}@keyframes countdownGo{0%{opacity:0;transform:scale(.6);letter-spacing:.4em}60%{opacity:1;transform:scale(1.15);letter-spacing:.04em}to{opacity:0;transform:scale(1.4);letter-spacing:.1em}}.now-playing-toast{position:fixed;bottom:64px;left:32px;display:flex;flex-direction:column;gap:4px;background:rgba(var(--theme-bg2-rgb),.62);border:1px solid rgba(var(--theme-accent-rgb),.45);border-left:2px solid rgba(var(--theme-accent-rgb),.85);color:var(--text);padding:9px 14px 9px 12px;border-radius:4px;max-width:280px;z-index:90;pointer-events:none;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);box-shadow:0 4px 18px #00000059,0 0 14px rgba(var(--theme-accent-rgb),.18);animation:nowPlayingIn .36s cubic-bezier(.2,.9,.3,1),nowPlayingOut .32s ease-in 3.7s forwards}.now-playing-label{font-size:9px;letter-spacing:.22em;text-transform:lowercase;color:rgba(var(--theme-accent-rgb),.85);font-weight:700;display:inline-flex;align-items:center;gap:6px}.now-playing-label .icon{width:.95em;height:.95em}.now-playing-title{font-size:12px;letter-spacing:.04em;color:var(--text);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes nowPlayingIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes nowPlayingOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.achievement-toast{position:fixed;top:24px;left:24px;background:var(--panel);border:1px solid var(--warning);border-radius:4px;padding:10px 14px 10px 12px;display:flex;align-items:center;gap:12px;z-index:4;min-width:240px;max-width:340px;box-shadow:0 8px 30px #00000080,0 0 28px #ffd23f73;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);animation:achIn .32s cubic-bezier(.2,1.5,.4,1),achOut .3s ease-in 3.7s forwards}.achievement-toast.ach-cat-milestone{border-color:#ffd23f;box-shadow:0 8px 30px #00000080,0 0 28px #ffd23f73}.achievement-toast.ach-cat-skill{border-color:#00e6ff;box-shadow:0 8px 30px #00000080,0 0 28px #00e6ff73}.achievement-toast.ach-cat-mode{border-color:#ff5fc8;box-shadow:0 8px 30px #00000080,0 0 28px #ff5fc873}.achievement-toast.ach-cat-streak{border-color:#5fff8e;box-shadow:0 8px 30px #00000080,0 0 28px #5fff8e73}.ach-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--warning);color:#1a0f00;font-family:var(--font-display);font-size:18px;font-weight:400;border-radius:50%;box-shadow:0 0 18px var(--warning);flex-shrink:0}.achievement-toast.ach-cat-milestone .ach-icon{background:#ffd23f;box-shadow:0 0 18px #ffd23fb3;color:#1a0f00}.achievement-toast.ach-cat-skill .ach-icon{background:#00e6ff;box-shadow:0 0 18px #00e6ffb3;color:#001520}.achievement-toast.ach-cat-mode .ach-icon{background:#ff5fc8;box-shadow:0 0 18px #ff5fc8b3;color:#1a0014}.achievement-toast.ach-cat-streak .ach-icon{background:#5fff8e;box-shadow:0 0 18px #5fff8eb3;color:#001a0a}.ach-tag{font-size:9px;font-weight:700;letter-spacing:.24em;color:var(--warning);text-transform:lowercase}.achievement-toast.ach-cat-milestone .ach-tag{color:#ffd23f}.achievement-toast.ach-cat-skill .ach-tag{color:#00e6ff}.achievement-toast.ach-cat-mode .ach-tag{color:#ff5fc8}.achievement-toast.ach-cat-streak .ach-tag{color:#5fff8e}.ach-name{font-size:16px;font-weight:800;letter-spacing:.12em;color:var(--text);margin-top:2px}.ach-desc{font-size:11px;color:var(--text-dim);letter-spacing:.06em;margin-top:2px}@keyframes achIn{0%{opacity:0;transform:translate(40px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes achOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.ach-category-header{display:grid;grid-template-columns:14px 36px 1fr auto;align-items:center;gap:12px;margin:12px 0 0;padding:8px 10px;background:#ffffff05;border:1px solid var(--panel-line);border-radius:6px;font-family:inherit;color:inherit;width:100%;text-align:left;transition:background .12s ease,border-color .12s ease}.ach-category-header:hover{background:rgba(var(--theme-accent-rgb),.05);border-color:rgba(var(--theme-accent-rgb),.3)}.ach-category-header.open{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:rgba(var(--theme-accent-rgb),.4);background:rgba(var(--theme-accent-rgb),.06)}.ach-category-caret{font-size:12px;color:var(--accent);transition:transform .22s cubic-bezier(.22,1,.36,1)}.ach-category-header.open .ach-category-caret{transform:rotate(90deg)}.ach-category-body{max-height:0;overflow:hidden;padding:0;border:1px solid transparent;border-top:0;border-radius:0 0 6px 6px;transition:max-height .32s cubic-bezier(.22,1,.36,1),padding .22s ease,border-color .22s ease}.ach-category-body.open{max-height:9999px;padding:10px 10px 12px;border-color:rgba(var(--theme-accent-rgb),.2)}.ach-category-glyph{width:32px;height:32px;display:grid;place-items:center;background:rgba(var(--theme-accent-rgb),.18);border:1px solid rgba(var(--theme-accent-rgb),.55);border-radius:8px;color:var(--accent);font-family:var(--font-display);font-size:14px;text-shadow:0 0 8px rgba(var(--theme-accent-rgb),.7)}.ach-category-meta{display:flex;flex-direction:column;gap:1px}.ach-category-label{font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--text);text-transform:lowercase}.ach-category-tag{font-size:10px;letter-spacing:.16em;color:var(--text-dim);text-transform:lowercase}.ach-category-count{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--accent2);font-variant-numeric:tabular-nums}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:4px}.ach-card{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff06;border:1px solid var(--panel-line);border-radius:6px;transition:all .12s ease}.ach-card.locked{opacity:.4}.ach-card .ach-card-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:#ffffff0a;font-family:var(--font-display);font-size:12px;font-weight:400;color:var(--text-dim);flex-shrink:0}.ach-card:not(.locked) .ach-card-icon{color:#1a0f00;box-shadow:0 0 10px #00000040}.ach-card.ach-cat-milestone:not(.locked) .ach-card-icon{background:#ffd23f;box-shadow:0 0 10px #ffd23f8c}.ach-card.ach-cat-skill:not(.locked) .ach-card-icon{background:#00e6ff;box-shadow:0 0 10px #00e6ff8c;color:#001017}.ach-card.ach-cat-mode:not(.locked) .ach-card-icon{background:#ff5fc8;box-shadow:0 0 10px #ff5fc88c;color:#1a0014}.ach-card.ach-cat-streak:not(.locked) .ach-card-icon{background:#5fff8e;box-shadow:0 0 10px #5fff8e8c;color:#001a0a}.ach-card-body{min-width:0;flex:1}.ach-card-name{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--text)}.ach-card-desc{font-size:10px;color:var(--text-dim);margin-top:2px;line-height:1.45}.ach-progress{display:flex;align-items:center;gap:8px;margin-top:6px}.ach-progress-bar{flex:1;height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.ach-progress-fill{height:100%;background:linear-gradient(90deg,rgba(var(--theme-accent-rgb),.4),var(--theme-accent));box-shadow:0 0 6px rgba(var(--theme-accent-rgb),.5);transition:width .24s ease-out}.ach-progress-text{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-track{background:#0003;border-radius:3px}.panel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.panel::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media (max-height: 700px){.panel{padding:20px 24px}.panel h1{font-size:28px}.menu-item{padding:10px 14px;font-size:14px}}@media (max-width: 600px){.panel{min-width:unset;width:92vw;padding:18px 20px}.panel h1{font-size:24px}}canvas,.menu-item,.btn,.tab,.toggle,.keybind-btn{-webkit-tap-highlight-color:transparent}.themes-section-label{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:none;color:var(--text);margin:4px 0 10px}.palette-card-custom{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-style:dashed;border-color:rgba(var(--theme-accent-rgb),.45)}.palette-card-custom .palette-card-custom-icon{font-family:var(--font-display);font-size:18px;color:var(--accent);margin:2px 0 4px;text-shadow:0 0 8px rgba(var(--theme-accent-rgb),.55)}.palette-card-custom .palette-card-custom-note{font-size:9px;letter-spacing:.2em;color:var(--text-dim)}.custom-palette-root{display:flex;flex-direction:column;gap:8px}.custom-palette-preview{border:1px solid;border-radius:6px;padding:16px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px;transition:background .2s ease,border-color .2s ease}.custom-palette-preview-swatches{display:flex;gap:6px}.custom-palette-preview-swatches>div{flex:1;height:28px;border-radius:4px}.custom-palette-preview-accents{display:flex;gap:6px}.custom-palette-preview-accents>div{flex:1;height:8px;border-radius:2px}.custom-palette-row{display:grid;grid-template-columns:minmax(120px,1fr) 44px 70px;align-items:center;gap:12px;padding:5px 0}.custom-palette-row label{font-size:12px;letter-spacing:.1em;color:var(--text-dim)}.custom-palette-color{width:44px;height:28px;padding:0;border:1px solid var(--panel-line);border-radius:4px;background:transparent}.custom-palette-hex{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--text);text-transform:lowercase}.palette-card-actions{display:flex;gap:4px;margin-top:6px}.palette-card-actions .btn{flex:1;padding:4px 6px;font-size:10px;letter-spacing:.1em}.btn.ghost.danger{color:var(--danger);border-color:#ff55664d}.btn.ghost.danger:hover{color:var(--danger);background:#ff55661f;border-color:var(--danger)}.audio-advanced{margin-top:14px;border-top:1px solid rgba(var(--theme-accent-rgb),.18);padding-top:12px}.audio-advanced-summary{list-style:none;cursor:url(../cursor.svg) 2 2,pointer;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--text);padding:6px 4px}.audio-advanced-summary::-webkit-details-marker{display:none}.audio-advanced-summary::marker{display:none}.audio-advanced-caret{font-size:10px;color:var(--accent);transition:transform .18s ease}.audio-advanced[open] .audio-advanced-caret{transform:rotate(90deg)}.audio-advanced-body{margin-top:8px}.sfx-tune-group{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.28em;color:var(--text);margin:14px 0 4px;padding:6px 0 4px;border-bottom:1px solid rgba(var(--theme-accent-rgb),.18);text-shadow:0 0 6px rgba(var(--theme-accent-rgb),.18)}.sfx-tune-group:first-child{margin-top:6px}.confirm-backdrop{position:fixed;inset:0;z-index:500;display:grid;place-items:center;background:#0000;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background .16s ease,backdrop-filter .2s ease}.confirm-backdrop.in{background:#0000008c;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%)}.confirm-modal{min-width:min(420px,92vw);max-width:min(520px,92vw);background:rgba(var(--theme-bg2-rgb),.96);border:1px solid rgba(var(--theme-accent-rgb),.55);border-radius:8px;padding:22px 24px 20px;box-shadow:0 24px 60px #0009,0 0 0 1px rgba(var(--theme-accent-rgb),.1) inset,0 0 32px rgba(var(--theme-accent-rgb),.25);opacity:0;transform:translateY(8px) scale(.97);transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.confirm-backdrop.in .confirm-modal{opacity:1;transform:translateY(0) scale(1)}.confirm-modal-title{font-family:var(--font-display);font-size:13px;font-weight:400;letter-spacing:.18em;color:var(--accent);text-transform:lowercase;margin-bottom:12px;text-shadow:0 0 8px rgba(var(--theme-accent-rgb),.4)}.confirm-modal-body{font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--text);line-height:1.55;margin-bottom:18px}.confirm-modal-row{display:flex;justify-content:flex-end;gap:10px}.btn.danger{background:#ff55662e;border:1px solid rgba(255,85,102,.55);color:var(--danger)}.btn.danger:hover{background:#ff556652;border-color:var(--danger);color:#fff;box-shadow:0 0 14px #ff556673}.profile-create-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px;align-items:center}.profile-name-input{width:100%;background:rgba(var(--theme-bg2-rgb),.75);border:1px solid rgba(var(--theme-accent-rgb),.4);color:var(--text);padding:12px 14px;border-radius:6px;font-family:var(--font-body);font-size:14px;letter-spacing:.08em;transition:border-color .14s ease,box-shadow .14s ease}.profile-name-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--theme-accent-rgb),.18)}.profile-name-input.shake{animation:profile-shake .38s cubic-bezier(.36,.07,.19,.97);border-color:var(--danger)}@keyframes profile-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.profile-guest-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--panel-line)}.profile-guest-text{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--text-dim);text-transform:lowercase}.profile-guest-btn{white-space:nowrap}.profile-delete{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ff55661a;color:var(--danger);font-size:16px;line-height:1;opacity:0;transition:opacity .12s ease,background .12s ease,transform .12s ease;margin-left:12px}.menu-item:hover .profile-delete,.menu-item.focus .profile-delete{opacity:.85}.profile-delete:hover{opacity:1;background:#ff556638;transform:scale(1.06)}.profile-chip{display:grid;grid-template-columns:22px 1fr auto auto;align-items:center;gap:10px;width:100%;margin:0 0 16px;padding:10px 14px;background:rgba(var(--theme-accent-rgb),.06);border:1px solid rgba(var(--theme-accent-rgb),.3);border-radius:6px;font-family:inherit;color:var(--text);cursor:url(../cursor.svg) 2 2,pointer;transition:background .12s ease,border-color .12s ease}.profile-chip:hover{background:rgba(var(--theme-accent-rgb),.12);border-color:rgba(var(--theme-accent-rgb),.55)}.profile-chip-icon{font-family:var(--font-display);font-size:13px;color:var(--accent);text-shadow:0 0 8px rgba(var(--theme-accent-rgb),.55)}.profile-chip-label{font-size:10px;letter-spacing:.22em;color:var(--text-dim);font-weight:700;text-align:left}.profile-chip-name{font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--text);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-chip-swap{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--accent);text-transform:lowercase;padding:3px 8px;border-radius:3px;background:rgba(var(--theme-accent-rgb),.12)}
