/*!
 *  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,.menu-list,.menu-body,.menu-label,.menu-desc,.menu-icon,.themed-select,.themed-select-trigger,.themed-select-option,.panel,.pause-click-backdrop,.screen,.corners{cursor:url(../cursor.svg) 2 2,pointer}.panel *,.screen *,body *:not(input):not(textarea):not([contenteditable=true]):not([contenteditable=""]){cursor:inherit}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.paused,#app.in-game.in-pause-flow{cursor:url(../cursor.svg) 2 2,default!important}#app.in-game.paused *,#app.in-game.in-pause-flow *{cursor:inherit}#app.in-game.paused button,#app.in-game.paused .menu-item,#app.in-game.paused .palette-card,#app.in-game.paused .toggle,#app.in-game.in-pause-flow button,#app.in-game.in-pause-flow .menu-item,#app.in-game.in-pause-flow .palette-card,#app.in-game.in-pause-flow .toggle,#app.in-game.paused .keybind-btn,#app.in-game.in-pause-flow .keybind-btn,#app.in-game.paused .pause-click-backdrop,#app.in-game.in-pause-flow .pause-click-backdrop{cursor:url(../cursor.svg) 2 2,pointer!important}#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.ready{cursor:url(../cursor.svg) 2 2,pointer}#loader.ready .loader-sub{animation:loader-sub-pulse 1.6s ease-in-out infinite}@keyframes loader-sub-pulse{0%,to{opacity:.7}50%{opacity:1}}#loader.hide{opacity:0;pointer-events:none}#loader.welcome .loader-stack,#loader.welcome .loader-mark,#loader.welcome .loader-sub{display:none}.welcome-wrap{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:min(620px,92vw);z-index:2;animation:screenFade .42s ease-out}.welcome-brand{font-size:clamp(34px,4.6vw,46px)}.welcome-card{background:var(--panel);border:1px solid var(--panel-line);border-radius:8px;padding:22px 28px 18px;max-height:60vh;overflow-y:auto;box-shadow:0 32px 64px -12px #0000008c,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%)}.welcome-greeting{font-family:var(--font-display);font-size:15px;letter-spacing:.06em;color:var(--accent);margin-bottom:14px;text-shadow:0 0 10px rgba(var(--theme-accent-rgb),.35)}.welcome-p{font-family:var(--font-body);font-size:13px;line-height:1.75;letter-spacing:.01em;color:var(--text);margin:0 0 12px}.welcome-sign{font-family:var(--font-display);font-size:13px;letter-spacing:.08em;color:var(--accent2);text-align:right;margin-top:4px}.welcome-begin{font-family:var(--font-mono);font-size:11px;letter-spacing:.32em;text-transform:lowercase;color:var(--text-dim);animation:loader-sub-pulse 1.6s ease-in-out infinite}.about-modal{width:min(620px,92vw);text-align:left}.about-modal .about-letter{max-height:62vh;overflow-y:auto;padding-right:14px}.about-modal .confirm-modal-row{justify-content:flex-start}#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:block;padding:0;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,opacity .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)}#menu-button .mb-icon{position:absolute;inset:0;display:grid;place-items:center;color:var(--text);transition:color .1s ease,opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}#menu-button .mb-icon .icon{width:20px;height:20px}#menu-button:hover .mb-icon{color:var(--accent)}#menu-button .mb-icon-open{opacity:1;transform:scale(1)}#menu-button .mb-icon-close,#app.in-game.paused #menu-button .mb-icon-open{opacity:0;transform:scale(.8)}#app.in-game.paused #menu-button .mb-icon-close{opacity:1;transform:scale(1)}#app:not(.in-game) #menu-button{opacity:0;pointer-events:none}#app.in-game #menu-button{opacity:1;pointer-events:auto}.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,#app.in-results .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:18px 28px 26px;width:min(720px,92vw);min-width:min(720px,92vw);max-width:min(720px,92vw);min-height:340px;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-count .pixel-cell.filled,.pixel-text-go .pixel-cell.filled{animation:pxCellTetrisFall .52s cubic-bezier(.2,1.4,.3,1) backwards}@keyframes pxCellTetrisFall{0%{opacity:0;transform:translateY(var(--fall-y, -80px)) rotate(var(--rot, -90deg)) scale(1.1)}65%{opacity:1;transform:translateY(6px) rotate(0) scale(1.06)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}.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)}.watermark-fixed.clickable{pointer-events:auto;cursor:url(../cursor.svg) 2 2,pointer;transition:opacity .14s ease,color .14s ease}.watermark-fixed.clickable:hover{opacity:1;color:var(--text-dim)}.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}#playfield-brand{position:fixed;display:none;z-index:4;pointer-events:none;font-size:clamp(22px,2.6vw,32px);line-height:1;white-space:nowrap}.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:7px;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;margin-bottom:4px}.screen-title-wrap{margin:10px 0 12px}.screen-title-rule{width:48px;height:2px;background:linear-gradient(90deg,var(--accent) 0%,transparent 100%);margin:0 0 6px 4px;border-radius:1px}.panel h1{font-family:var(--font-display-title);font-size:clamp(22px,3vw,28px);font-weight:400;letter-spacing:.04em;line-height:1.1;padding-bottom:4px;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:6px;margin-top:12px}.menu-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:9px 16px 9px 14px;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,transform .18s cubic-bezier(.2,1.4,.3,1);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:rgba(var(--theme-accent-rgb),.45);background:rgba(var(--theme-accent-rgb),.08);transform:translate(2px)}.menu-item:hover .menu-icon{color:var(--accent)}.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)}.menu-item.menu-item-disabled{opacity:.45;cursor:url(../cursor.svg) 2 2,default;pointer-events:auto}.menu-item.menu-item-disabled:hover{border-color:var(--panel-line);background:var(--panel-line-bg, transparent);transform:none;box-shadow:none}.menu-item.menu-item-disabled:hover .menu-icon,.menu-item.menu-item-disabled .menu-icon,.menu-item.menu-item-disabled .menu-label{color:var(--text-dim)}.menu-coming-soon{margin-left:auto;font-size:9px;letter-spacing:.24em;font-weight:700;text-transform:lowercase;color:var(--warning);border:1px solid rgba(255,200,80,.45);padding:4px 8px;border-radius:3px;background:#ffc85014;flex-shrink:0}.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 .14s ease-out,border-color .14s ease-out,color .14s ease-out,transform .14s cubic-bezier(.2,1.5,.3,1),box-shadow .14s ease-out}.btn:active{background:#ffffff14;transform:translateY(1px)}.btn:hover{border-color:var(--accent);background:rgba(var(--theme-accent-rgb),.1);color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--theme-accent-rgb),.2)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.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:12px;flex-wrap:wrap}.panel>.row{position:sticky;bottom:-26px;margin:12px -28px 0;padding:14px 28px 26px;border-radius:0 0 8px 8px;background:linear-gradient(to top,var(--panel) 0%,var(--panel) 78%,transparent 100%);z-index:2}.ctl-disabled{opacity:.35;pointer-events:none;filter:saturate(.4)}.panel-fixed{height:min(700px,88vh);display:flex;flex-direction:column;overflow:hidden}.panel-fixed .tab-content{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:26px;position:relative}.panel-fixed .tab-content{padding-right:12px}.panel-fixed .tab-content.has-more-below{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 36px),transparent 100%),linear-gradient(to left,#000 0,#000 14px,transparent 14px);-webkit-mask-composite:source-over;mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 36px),transparent 100%),linear-gradient(to left,#000 0,#000 14px,transparent 14px);mask-composite:add}.panel-fixed .tab-content.has-more-above{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30px,#000 100%),linear-gradient(to left,#000 0,#000 14px,transparent 14px);-webkit-mask-composite:source-over;mask-image:linear-gradient(to bottom,transparent 0,#000 30px,#000 100%),linear-gradient(to left,#000 0,#000 14px,transparent 14px);mask-composite:add}.panel-fixed .tab-content.has-more-above.has-more-below{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30px,#000 calc(100% - 36px),transparent 100%),linear-gradient(to left,#000 0,#000 14px,transparent 14px);-webkit-mask-composite:source-over;mask-image:linear-gradient(to bottom,transparent 0,#000 30px,#000 calc(100% - 36px),transparent 100%),linear-gradient(to left,#000 0,#000 14px,transparent 14px);mask-composite:add}.panel-fixed .tab-content>*{flex-shrink:0}.panel-fixed>.row{position:static;flex:0 0 auto;margin:6px 0 0;padding:0;background:none;border-radius:0}#legal-links{position:fixed;bottom:12px;left:16px;display:flex;align-items:center;gap:6px;z-index:50;opacity:.6;transition:opacity .14s ease}#legal-links:hover{opacity:1}.legal-link{background:none;border:none;padding:2px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--text-dimmer);cursor:url(../cursor.svg) 2 2,pointer;text-shadow:0 0 6px rgba(0,0,0,.5)}.legal-link:hover{color:var(--text-dim)}.legal-sep{color:var(--text-dimmer);font-size:10px}#app.in-game #legal-links{opacity:.25;pointer-events:none}.legal-updated{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--text-dimmer);margin-bottom:4px}#chat-panel{position:fixed;z-index:4;display:flex;flex-direction:column;background:rgba(var(--theme-bg2-rgb),.92);border:1px solid rgba(var(--theme-accent-rgb),.55);box-shadow:0 0 10px rgba(var(--theme-accent-rgb),.14);border-radius:6px;overflow:hidden;font-size:11px}.chat-header{display:flex;align-items:center;gap:8px;padding:5px 8px;border-bottom:1px solid rgba(var(--theme-accent-rgb),.18)}.chat-title{font-size:9px;letter-spacing:.22em;color:var(--text-dim);font-weight:700}.chat-tab{background:none;border:1px solid transparent;border-radius:3px;padding:1px 7px;font-family:inherit;font-size:9px;letter-spacing:.14em;color:var(--text-dim);cursor:url(../cursor.svg) 2 2,pointer}.chat-tab.active{color:var(--accent);border-color:rgba(var(--theme-accent-rgb),.4)}.chat-caret{margin-left:auto;background:none;border:none;color:var(--text-dim);font-size:10px;cursor:url(../cursor.svg) 2 2,pointer;padding:0 2px}.chat-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:5px}#chat-panel.collapsed .chat-list,#chat-panel.collapsed .chat-input-row,#chat-panel.collapsed .chat-hint{display:none}.chat-msg{line-height:1.5;word-break:break-word;font-size:12px;position:relative}.chat-name{color:var(--accent);font-weight:700;margin-right:6px}.chat-name:after{content:":";color:var(--text-dim)}.chat-text{color:var(--text)}.chat-time{float:right;margin-left:8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--text-dimmer);text-transform:lowercase;line-height:1.8}.chat-input-row{display:flex;gap:6px;padding:6px 8px;border-top:1px solid rgba(var(--theme-accent-rgb),.18)}.chat-input{flex:1;min-width:0;background:#00000059;border:1px solid var(--panel-line);border-radius:4px;color:var(--text);font-family:var(--font-body);font-size:12px;padding:6px 8px;letter-spacing:0;outline:none;cursor:text}.chat-input:focus{border-color:rgba(var(--theme-accent-rgb),.6)}.chat-send{background:rgba(var(--theme-accent-rgb),.12);border:1px solid rgba(var(--theme-accent-rgb),.4);border-radius:4px;color:var(--accent);font-family:inherit;font-size:10px;letter-spacing:.04em;padding:4px 8px;flex-shrink:0;cursor:url(../cursor.svg) 2 2,pointer}.chat-send:hover{background:rgba(var(--theme-accent-rgb),.22)}.chat-hint{font-size:9px;letter-spacing:.1em;color:var(--warning);padding:0 8px 6px;display:none}.chat-hint.show{display:block}#mini-player{position:fixed;z-index:4;display:flex;flex-direction:column;gap:4px;background:rgba(var(--theme-bg2-rgb),.92);border:1px solid rgba(var(--theme-accent-rgb),.55);box-shadow:0 0 10px rgba(var(--theme-accent-rgb),.14);border-radius:6px;padding:8px 10px;overflow:hidden}.mini-player-header{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.2em;color:var(--text-dim);font-weight:700}.mini-player-header .icon{width:12px;height:12px;color:var(--accent)}.mini-player-title{font-size:12px;color:var(--text);font-weight:600;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-height:0}.mini-player-viz{width:100%;height:22px;display:block;flex-shrink:0}.mini-player-transport{display:flex;justify-content:center;align-items:center;gap:10px}.mini-player-btn{background:#ffffff0a;border:1px solid var(--panel-line);border-radius:4px;color:var(--text);display:grid;place-items:center;width:30px;height:26px;cursor:url(../cursor.svg) 2 2,pointer;transition:color .12s ease,border-color .12s ease}.mini-player-btn .icon{width:12px;height:12px}.mini-player-btn:hover{color:var(--accent);border-color:rgba(var(--theme-accent-rgb),.5)}.mini-player-play{width:38px}.mini-player-vol{display:flex;align-items:center;gap:8px}.mini-player-mute{width:26px;height:22px;flex-shrink:0}.mini-player-mute .icon{width:11px;height:11px}.mini-player-slider{flex:1;min-width:0;accent-color:var(--accent);height:4px;cursor:url(../cursor.svg) 2 2,pointer}#app.in-game #mini-player,#app.in-game #mini-player *{cursor:url(../cursor.svg) 2 2,pointer}#app.in-game #chat-panel,#app.in-game #chat-panel *{cursor:url(../cursor.svg) 2 2,pointer}#app.in-game #chat-panel .chat-input{cursor:text}#app.in-game #fact-box,#app.in-game #fact-box *,#app.in-game #playfield-cat,#app.in-game #playfield-cat *{cursor:url(../cursor.svg) 2 2,pointer}#playfield-cat{position:fixed;z-index:4;pointer-events:none;color:rgba(var(--theme-accent-rgb),.92);filter:drop-shadow(0 0 10px rgba(var(--theme-accent-rgb),.16));transition:color .24s ease;user-select:none}#playfield-cat.purring{color:rgba(var(--theme-accent-rgb),1)}#playfield-cat canvas{position:absolute;pointer-events:auto;image-rendering:pixelated;image-rendering:-moz-crisp-edges;display:block}#playfield-cat.purring canvas{animation:catPurr .13s linear infinite}@keyframes catPurr{0%{transform:translate(0) rotate(0)}25%{transform:translate(.4px,-.3px) rotate(.25deg)}50%{transform:translate(-.35px,.25px) rotate(-.2deg)}75%{transform:translate(.3px,.3px) rotate(.18deg)}to{transform:translate(0) rotate(0)}}#fact-box{position:fixed;z-index:4;display:flex;flex-direction:column;background:rgba(var(--theme-bg2-rgb),.92);border:1px solid rgba(var(--theme-accent-rgb),.55);box-shadow:0 0 10px rgba(var(--theme-accent-rgb),.14);border-radius:6px;padding:8px 10px;overflow:hidden;user-select:none}.fact-head{font-family:var(--font-display);font-size:9px;letter-spacing:.2em;color:var(--accent);font-weight:700;text-transform:lowercase;border-bottom:1px solid rgba(var(--theme-accent-rgb),.18);padding-bottom:5px;margin-bottom:7px;flex-shrink:0}.fact-body{flex:1 1 auto;min-height:0;overflow:hidden;opacity:0;transition:opacity .42s ease}.fact-body.in{opacity:1}.fact-text{font-family:var(--font-body);font-size:11px;line-height:1.6;letter-spacing:.02em;color:var(--text-dim);will-change:transform}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--panel-line);margin-bottom:12px;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:8px 12px;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:10px}.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:fixed;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-help-pop.flip-up:before,.setting-help-pop.flip-up:after{bottom:auto;top:100%;transform:translateY(-50%) rotate(45deg)}.setting-help-pop.flip-up:before{margin-bottom:0;margin-top:-1px}.setting-help-pop.flip-up:after{margin-bottom:0;margin-top: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}.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)}.menu-footer{display:flex;justify-content:center;align-items:center;margin-top:12px}.menu-footer.spread{display:grid;grid-template-columns:1fr auto 1fr}.menu-footer.spread>:first-child{justify-self:start}.menu-footer.spread>.settlers-online-count{justify-self:center;text-align:center}.menu-footer.spread>:last-child{justify-self:end}.settlers-online-count{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--text-dim);opacity:0;transition:opacity .3s ease}.settlers-online-count.show{opacity:1}.lb-online{display:block;text-align:right;margin:-6px 0 6px}.menu-footer-link{background:none;border:none;padding:4px 8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--text-dimmer);cursor:url(../cursor.svg) 2 2,pointer;transition:color .14s ease;text-transform:lowercase}.menu-footer-link:hover{color:var(--accent)}.feedback-modal{width:min(520px,92vw)}.feedback-textarea{width:100%;resize:vertical;min-height:110px;background:#00000059;border:1px solid var(--panel-line);border-radius:4px;color:var(--text);font-family:var(--font-body);font-size:13px;line-height:1.5;padding:10px 12px;margin:10px 0 8px;outline:none}.feedback-textarea:focus{border-color:rgba(var(--theme-accent-rgb),.6)}.feedback-details summary{font-size:10px;letter-spacing:.14em;color:var(--text-dim);cursor:url(../cursor.svg) 2 2,pointer;user-select:none}.feedback-snapshot{margin:8px 0 0;padding:10px 12px;background:#00000059;border:1px solid var(--panel-line);border-radius:4px;font-family:var(--font-mono);font-size:10px;line-height:1.6;color:var(--text-dim);white-space:pre-wrap;word-break:break-all;max-height:160px;overflow-y:auto}.feedback-attach-row{display:flex;align-items:center;gap:10px;margin:2px 0 4px}.feedback-attach-btn{font-size:11px;padding:6px 12px}.feedback-attach-status{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--accent2)}.feedback-attach-remove{background:none;border:1px solid var(--panel-line);border-radius:3px;color:var(--text-dim);font-size:12px;line-height:1;padding:2px 7px 4px;cursor:url(../cursor.svg) 2 2,pointer}.feedback-attach-remove:hover{color:var(--danger);border-color:var(--danger)}.feedback-attach-hint{font-size:9px;letter-spacing:.08em;line-height:1.6;color:var(--text-dimmer);margin-bottom:8px}.account-modal{width:min(440px,92vw)}.account-choice-col{display:flex;flex-direction:column;gap:10px;margin:14px 0 6px}.account-choice{width:100%;padding:12px;font-size:13px}.reconcile-modal{width:min(480px,92vw)}.reconcile-desc{font-size:10px;letter-spacing:.06em;color:var(--text-dim);line-height:1.5;margin:-6px 0 2px 2px;text-transform:lowercase}.reconcile-backup-row{display:flex;justify-content:center;margin-top:8px}.reconcile-backup{padding:4px 8px}.age-choice-row{display:flex;gap:8px}.age-choice{flex:1;font-size:11px;padding:8px 6px}.account-form{display:flex;flex-direction:column;gap:10px;margin-top:4px}.account-field{display:flex;flex-direction:column;gap:5px}.account-field-label{font-size:10px;letter-spacing:.16em;color:var(--text-dim);text-transform:lowercase}.account-input{background:#00000059;border:1px solid var(--panel-line);border-radius:4px;color:var(--text);font-family:var(--font-body);font-size:13px;padding:9px 12px;outline:none}.account-input:focus{border-color:rgba(var(--theme-accent-rgb),.6)}.account-summary{background:#ffffff05;border:1px solid var(--panel-line);border-radius:6px;padding:14px 16px}.account-row{display:flex;align-items:baseline;gap:10px}.account-label{font-size:10px;letter-spacing:.18em;color:var(--text-dim)}.account-value{font-family:var(--font-display);font-size:16px;color:var(--accent);letter-spacing:.06em}.feedback-error{display:none;font-size:11px;letter-spacing:.08em;color:var(--danger);margin:8px 0 0;line-height:1.5}.feedback-error.show{display:block;animation:screenFade .18s ease-out}.alert-modal-detail{margin-top:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text-dimmer);word-break:break-all}.feedback-confirm{text-align:center;padding:8px 0 2px;animation:screenFade .22s ease-out}.feedback-confirm-icon{display:grid;place-items:center;margin-bottom:10px;color:var(--accent2)}.feedback-confirm-icon .icon{width:40px;height:40px;filter:drop-shadow(0 0 12px rgba(var(--theme-accent2-rgb),.55))}.feedback-confirm .confirm-modal-row{justify-content:center}.btn.busy{opacity:.6;pointer-events:none}.changelog-entry{margin-bottom:16px}.changelog-version{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.changelog-tag{font-family:var(--font-display);font-size:14px;color:var(--accent);letter-spacing:.08em}.changelog-current{font-size:9px;letter-spacing:.2em;color:var(--accent2);border:1px solid rgba(var(--theme-accent2-rgb),.45);border-radius:3px;padding:2px 6px}.changelog-date{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--text-dimmer);letter-spacing:.12em}.changelog-items{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px}.changelog-items li{font-size:12px;line-height:1.55;color:var(--text-dim);letter-spacing:.03em}.changelog-items li::marker{color:var(--accent)}.lb-status{text-align:center;color:var(--text-dim);font-size:12px;letter-spacing:.12em;padding:38px 0}.lb-list{display:flex;flex-direction:column;gap:2px}.lb-row{display:grid;grid-template-columns:38px 1fr auto 92px;gap:10px;align-items:center;padding:7px 12px;border-radius:4px;font-size:12px;letter-spacing:.06em;background:#ffffff05;border:1px solid transparent}.lb-row.lb-head{background:none;color:var(--text-dim);font-size:10px;letter-spacing:.2em;padding-top:0;padding-bottom:2px}.lb-row:nth-child(2) .lb-rank{color:#ffd23f}.lb-row:nth-child(3) .lb-rank{color:#c0c8d8}.lb-row:nth-child(4) .lb-rank{color:#cd8f54}.lb-row.you{border-color:rgba(var(--theme-accent-rgb),.55);background:rgba(var(--theme-accent-rgb),.08)}.lb-rank{font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums}.lb-name{color:var(--text);font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lb-value{color:var(--accent2);font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.lb-when{color:var(--text-dim);font-size:10px;text-align:right;font-variant-numeric:tabular-nums}.lb-you-line{margin-top:10px;text-align:center;font-size:11px;letter-spacing:.14em;color:var(--accent)}.lb-you-line.dim{color:var(--text-dim)}.lb-submit.busy{opacity:.6;pointer-events:none}.lb-submit.done{border-color:var(--accent2);color:var(--accent2);pointer-events:none;box-shadow:0 0 14px rgba(var(--theme-accent2-rgb),.35)}.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:600;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)}.playfield-toast{bottom:auto}.playfield-toast.toast{animation:pfToastIn .2s ease-out,pfToastOut .2s ease-in 1.8s forwards}@keyframes pfToastIn{0%{opacity:0;transform:translate(-50%,calc(-100% + 8px))}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes pfToastOut{0%{opacity:1;transform:translate(-50%,-100%)}to{opacity:0;transform:translate(-50%,calc(-100% - 8px))}}.playfield-toast.below.toast{font-size:10px;padding:6px 12px;letter-spacing:.2em;animation:pfToastInBelow .22s ease-out,pfToastOutBelow .28s ease-in 1.7s forwards}@keyframes pfToastInBelow{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes pfToastOutBelow{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,16px)}}#countdown-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:3;font-family:var(--font-display-title);font-size:clamp(80px,12vw,150px);line-height:1;color:#fff;text-shadow:0 0 24px rgba(255,255,255,.45),0 0 80px rgba(var(--theme-accent-rgb),.4);letter-spacing:.02em;user-select:none}#countdown-overlay.visible{display:flex}#countdown-overlay.count{animation:countdownPop 1.1s ease-out forwards}#countdown-overlay.go{font-size:clamp(56px,7.2vw,92px);animation:countdownGo 1.1s cubic-bezier(.2,1.6,.3,1) forwards;color:var(--accent2)}@keyframes countdownPop{0%{opacity:0;transform:scale(.6)}18%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@keyframes countdownGo{0%{opacity:0;transform:scale(.5);letter-spacing:.4em}20%{opacity:1;transform:scale(1.18);letter-spacing:.04em}70%{opacity:1;transform:scale(1);letter-spacing:.04em}to{opacity:0;transform:scale(1.3);letter-spacing:.1em}}#end-overlay{position:fixed;top:0;left:0;right:0;display:none;align-items:flex-start;justify-content:center;padding-top:5vh;pointer-events:none;z-index:6;font-family:var(--font-display-title);font-size:clamp(40px,6.8vw,76px);line-height:1;text-transform:lowercase;letter-spacing:.04em;user-select:none}#app.in-results #end-overlay{filter:blur(2px)}#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.5s cubic-bezier(.2,1.2,.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.5s cubic-bezier(.2,1.6,.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.5s cubic-bezier(.2,1.6,.3,1) forwards}@keyframes endFloatUp{0%{opacity:0;transform:scale(.55) translateY(38vh)}8%{opacity:1;transform:scale(1.18) translateY(38vh)}16%{opacity:1;transform:scale(.94) translateY(38vh)}22%{opacity:1;transform:scale(1) translateY(38vh)}to{opacity:1;transform:scale(.92) translateY(0)}}@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:16px;left:50%;transform:translate(-50%);width:min(640px,80vw);height:26px;overflow:hidden;background:linear-gradient(90deg,transparent 0%,rgba(var(--theme-bg2-rgb),.45) 18%,rgba(var(--theme-bg2-rgb),.45) 82%,transparent 100%);border-top:1px solid rgba(var(--theme-accent-rgb),.22);border-bottom:1px solid rgba(var(--theme-accent-rgb),.22);color:var(--text);z-index:4;pointer-events:none;backdrop-filter:blur(6px) saturate(130%);-webkit-backdrop-filter:blur(6px) saturate(130%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%);opacity:0;animation:npFadeIn .6s ease-out 0ms forwards,npFadeOut .6s ease-in 22.6s forwards}.now-playing-inner{position:absolute;top:0;left:100%;height:100%;display:inline-flex;align-items:center;gap:10px;padding:0 24px;white-space:nowrap;animation:nowPlayingScroll 11s linear .6s 2}@keyframes npFadeIn{0%{opacity:0}to{opacity:1}}@keyframes npFadeOut{0%{opacity:1}to{opacity:0}}.now-playing-label{font-size:10px;letter-spacing:.22em;text-transform:lowercase;color:rgba(var(--theme-accent-rgb),.95);font-weight:700}.now-playing-inner .icon{width:14px;height:14px;color:rgba(var(--theme-accent-rgb),.95)}.now-playing-sep{color:var(--text-dim);font-size:10px}.now-playing-title{font-size:13px;letter-spacing:.04em;color:var(--text);font-weight:400}@keyframes nowPlayingScroll{0%{transform:translate(0)}to{transform:translate(calc(-100% - 100cqw))}}.now-playing-toast{container-type:inline-size}.achievement-toast{position:fixed;width:300px;left:calc(50% - 150px);bottom:88px;pointer-events:none;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}@keyframes achIn{0%{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes achOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}.achievement-toast.above-board{width:216px;font-size:82%;padding:7px 10px 7px 9px;gap:8px;left:auto;bottom:auto;transform:translate(-50%,-100%);animation:achInAboveBoard .32s cubic-bezier(.2,1.5,.4,1) forwards,achOutAboveBoard .3s ease-in 3.7s forwards}.achievement-toast.above-board .ach-icon{width:32px;height:32px}.achievement-toast.above-board .ach-desc{font-size:10px}@keyframes achInAboveBoard{0%{opacity:0;transform:translate(-50%,calc(-100% + 14px)) scale(.92)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}@keyframes achOutAboveBoard{0%{opacity:1;transform:translate(-50%,-100%)}to{opacity:0;transform:translate(-50%,calc(-100% - 14px))}}.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}.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)}}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:rgba(var(--theme-accent-rgb),.65)}*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-button{display:none;width:0;height:0}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}}@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)}