*{margin:0;padding:0;box-sizing:border-box;}body{padding-top:env(safe-area-inset-top,0px);overflow:hidden;background:#c0c0c0;width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}html{width:100%;height:100%;}canvas{display:block;position:fixed;top:0;left:0;}:root{--w98-bg:#c0c0c0;--w98-dark:#808080;--w98-darker:#404040;--w98-light:#ffffff;--w98-lighter:#dfdfdf;--w98-navy:#000080;--w98-font:"MS Sans Serif",Arial,sans-serif;--w98-fs:11px;}.w98-raised{border-style:solid;border-width:2px;border-color:var(--w98-light) var(--w98-darker) var(--w98-darker) var(--w98-light);outline:1px solid var(--w98-dark);outline-offset:-3px;}.w98-sunken{border-style:solid;border-width:2px;border-color:var(--w98-dark) var(--w98-light) var(--w98-light) var(--w98-dark);outline:1px solid var(--w98-darker);outline-offset:-3px;}.coords{position:fixed;bottom:10px;left:10px;background:var(--w98-bg);color:var(--w98-text,#000);padding:2px 6px;font-size:var(--w98-fs);font-family:var(--w98-font);border-color:var(--w98-dark) var(--w98-light) var(--w98-light) var(--w98-dark);border-style:solid;border-width:2px;pointer-events:none;border-radius:0;letter-spacing:0;}#scoreWrapper{pointer-events:auto;}#scoreWrapper .coords{bottom:auto;}#scoreDisplay:hover{background:var(--w98-lighter);}#scoreTooltip canvas{image-rendering:pixelated;image-rendering:crisp-edges;}.stats-container{position:fixed;top:10px;right:10px;display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:500;}.perf-stats{background:#0a0a0a;color:#00dd00;padding:5px 8px;font-size:11px;font-family:"Courier New",monospace;border-color:var(--w98-dark) var(--w98-light) var(--w98-light) var(--w98-dark);border-style:solid;border-width:2px;display:none;min-width:190px;border-radius:0;}.perf-stats.visible{display:block;}.perf-stats div{margin:1px 0;}.perf-stats .label{color:#00aa00;font-weight:bold;}.nav-cluster{position:fixed;bottom:10px;right:10px;display:flex;flex-direction:row;align-items:center;z-index:1000;background:var(--w98-bg);border-color:var(--w98-dark) var(--w98-light) var(--w98-light) var(--w98-dark);border-style:solid;border-width:2px;padding:3px;gap:2px;}.settings-button{width:26px;height:24px;background:var(--w98-bg);border-color:var(--w98-light) var(--w98-darker) var(--w98-darker) var(--w98-light);border-style:solid;border-width:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:0;transition:none;user-select:none;}.settings-button:hover{background:var(--w98-lighter);}.settings-button:active{border-color:var(--w98-muted) var(--w98-light) var(--w98-light) var(--w98-darker);padding:2px 0 0 2px;}.settings-button.active{border-color:var(--w98-muted) var(--w98-light) var(--w98-light) var(--w98-darker);background:var(--w98-active,#b8d4e8);}.settings-button{color:var(--w98-icon,#444);}.settings-button svg{pointer-events:none;}.nav-sep{width:2px;height:18px;border-left:1px solid var(--w98-dark);border-right:1px solid var(--w98-light);margin:0 2px;}.ui-hidden .nav-cluster,.ui-hidden .coords,.ui-hidden .perf-stats{opacity:0;pointer-events:none;}.nav-cluster.toolbar-hover-hidden{transform:translateY(calc(100%+14px));}.nav-cluster.toolbar-hover-visible{transform:translateY(0);}.ui-grab-handle{position:fixed;bottom:0;right:10px;width:40px;height:12px;background:transparent;border:none;cursor:n-resize;z-index:999;opacity:0;pointer-events:none;}.ui-grab-handle::after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:var(--w98-bg);border-color:var(--w98-light) var(--w98-darker) var(--w98-darker) var(--w98-light);border-style:solid;border-width:2px 2px 0 2px;}.ui-hidden .ui-grab-handle,.toolbar-hover-hidden+.ui-grab-handle{opacity:1;pointer-events:auto;}#toolbarHoverZone{position:fixed;bottom:0;right:0;width:600px;height:80px;z-index:1001;pointer-events:none;}.ctx-menu{position:fixed;background:var(--w98-bg);border-color:var(--w98-light) var(--w98-darker) var(--w98-darker) var(--w98-light);border-style:solid;border-width:2px;box-shadow:2px 2px 0 var(--w98-darker);z-index:9000;padding:2px;min-width:160px;font-family:var(--w98-font);font-size:var(--w98-fs);display:none;}.ctx-menu.visible{display:block;}.ctx-menu-item{padding:3px 20px 3px 24px;cursor:default;color:var(--w98-text,#000);white-space:nowrap;position:relative;user-select:none;}.ctx-menu-item:hover{background:var(--w98-navy);color:#fff;}.ctx-menu-item .ctx-key{float:right;margin-left:24px;color:inherit;font-size:10px;opacity:0.7;}.ctx-menu-sep{height:0;border-top:1px solid var(--w98-dark);border-bottom:1px solid var(--w98-light);margin:3px 2px;}.settings-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.25);z-index:1999;}.settings-overlay.visible{display:block;}.settings-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--w98-bg);color:var(--w98-text,#000);border-color:var(--w98-light) var(--w98-darker) var(--w98-darker) var(--w98-light);border-style:solid;border-width:2px;padding:0;min-width:400px;max-width:520px;width:90vw;box-shadow:2px 2px 0 var(--w98-darker),4px 4px 8px rgba(0,0,0,0.4);z-index:2000;font-family:var(--w98-font);font-size:var(--w98-fs);border-radius:0;}.settings-modal.visible{display:block;}.settings-header{background:linear-gradient(to right,var(--w98-navy),#1084d0);color:#fff;font-size:12px;font-weight:bold;font-family:var(--w98-font);padding:3px 6px;display:flex;align-items:center;justify-content:space-between;user-select:none;margin-bottom:0;letter-spacing:0;}.settings-header-title{flex:1;}.settings-header-close{width:16px;height:14px;background:var(--w98-bg);border-color:var(--w98-light) var(--w98-darker) var(--w98-darker) var(--w98-light);border-style:solid;border-width:1px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--w98-text,#000);font-weight:bold;line-height:1;padding-bottom:1px;margin-left:2px;flex-shrink:0;}.settings-header-close:hover{background:var(--w98-lighter);}.settings-header-close:active{border-color:var(--w98-muted) var(--w98-light) var(--w98-light) var(--w98-darker);}.settings-modal-body{padding:8px 10px 10px 10px;font-family:var(--w98-font);font-size:var(--w98-fs);}.settings-tabs{display:flex;gap:2px;margin:0;padding-top:4px;position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.settings-tabs::-webkit-scrollbar{display:none;}.settings-tab{padding:3px 10px 5px 10px;font-size:var(--w98-fs);font-family:var(--w98-font);font-weight:bold;cursor:pointer;color:var(--w98-text,#000);background:var(--w98-bg);border-color:var(--w98-light) var(--w98-dark) var(--w98-dark) var(--w98-light);border-style:solid;border-width:1px 1px 1px 1px;margin-bottom:0;user-select:none;white-space:nowrap;border-radius:0;position:relative;top:2px;}.settings-tab:hover{background:var(--w98-lighter);}.settings-tab.active{background:var(--w98-bg);border-color:var(--w98-light) var(--w98-dark) var(--w98-bg) var(--w98-light);z-index:3;top:0;padding-bottom:8px;margin-bottom:-1px;}.settings-pane{display:none;max-height:55vh;overflow-y:auto;padding:8px 2px 4px 2px;background:var(--w98-bg);border-style:solid;border-width:1px;border-color:var(--w98-light) var(--w98-dark) var(--w98-dark) var(--w98-light);position:relative;z-index:1;margin-top:-1px;}.settings-pane.active{display:block;}.settings-pane::-webkit-scrollbar{width:16px;}.settings-pane::-webkit-scrollbar-track{background:var(--w98-bg);border-left:1px solid var(--w98-dark);}.settings-pane::-webkit-scrollbar-thumb{background:var(--w98-bg);border-color:var(--w98-light) var(--w98-darker) var(--w98-darker) var(--w98-light);border-style:solid;border-width:1px;}.settings-pane::-webkit-scrollbar-button{background:var(--w98-bg);border-color:var(--w98-light) var(--w98-darker) var(--w98-darker) var(--w98-light);border-style:solid;border-width:1px;height:16px;display:block;}.settings-section{margin-bottom:8px;}.settings-section-title{font-size:var(--w98-fs);font-family:var(--w98-font);font-weight:bold;color:var(--w98-text,#000);margin-bottom:4px;padding-bottom:2px;border-bottom:1px solid var(--w98-dark);}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:4px 2px;border-bottom:1px solid var(--w98-lighter);}.settings-row:last-child{border-bottom:none;}.settings-label{font-size:var(--w98-fs);font-family:var(--w98-font);color:var(--w98-text,#000);}.settings-info{font-size:10px;font-family:var(--w98-font);color:var(--w98-muted,#666666);margin:1px 2px 4px 2px;}.settings-btn{padding:3px 12px;font-size:var(--w98-fs);font-family:var(--w98-font);color:var(--w98-text,#000);background:var(--w98-bg);border-color:var(--w98-light) var(--w98-darker) var(--w98-darker) var(--w98-light);border-style:solid;border-width:2px;cursor:pointer;border-radius:0;min-width:70px;text-align:center;}.settings-btn:hover{background:var(--w98-lighter);}.settings-btn:active{border-color:var(--w98-muted) var(--w98-light) var(--w98-light) var(--w98-darker);padding:4px 11px 2px 13px;}.settings-btn.danger{color:#c0392b;font-weight:bold;}.settings-btn.danger:hover{background:var(--w98-danger-hover,#f0d0d0);}.settings-btn-group{display:flex;gap:6px;}.settings-btn.preset-active{border-color:var(--w98-darker) var(--w98-light) var(--w98-light) var(--w98-darker);background:var(--w98-lighter);padding:4px 11px 2px 13px;font-weight:bold;outline:1px dotted var(--w98-darker);outline-offset:-4px;}.settings-btn.preset-active:hover{background:var(--w98-lighter);}.settings-btn.armed{background:#fff8dc;border-color:#b8860b var(--w98-light) var(--w98-light) #b8860b;color:#7a5800;font-weight:bold;}.settings-btn.armed:hover{background:#fffacd;}.settings-toggle{width:13px;height:13px;background:var(--w98-field,#fff);border-color:var(--w98-dark) var(--w98-light) var(--w98-light) var(--w98-dark);border-style:solid;border-width:2px;cursor:pointer;position:relative;flex-shrink:0;box-sizing:border-box;}.settings-toggle::after{content:'';position:absolute;display:none;}.settings-toggle.active::after{display:block;left:1px;top:-2px;width:7px;height:10px;border-right:2px solid #000;border-bottom:2px solid #000;transform:rotate(40deg) skew(-5deg);}.settings-close{display:block;margin:8px auto 0 auto;padding:3px 28px;font-size:var(--w98-fs);font-family:var(--w98-font);font-weight:bold;color:var(--w98-text,#000);background:var(--w98-bg);border-color:var(--w98-light) var(--w98-darker) var(--w98-darker) var(--w98-light);border-style:solid;border-width:2px;cursor:pointer;border-radius:0;letter-spacing:0.3px;}.settings-close:hover{background:#d4d0c8;}.settings-close:active{border-color:var(--w98-muted) var(--w98-light) var(--w98-light) var(--w98-darker);padding:4px 27px 2px 29px;}.settings-close:focus-visible{outline:1px dotted #000;outline-offset:-4px;}.stat-value{font-size:var(--w98-fs);font-family:var(--w98-font);color:var(--w98-text,#000);font-weight:normal;text-align:right;}.stat-value.mono{font-family:"Courier New",monospace;font-size:11px;}.stat-value.danger{color:#c0392b;font-weight:bold;}.stat-value.muted{color:var(--w98-dark);}.stat-value.bold{font-weight:bold;}.storage-bar-wrap{width:100%;height:8px;background:var(--w98-field,#fff);border-color:var(--w98-dark) var(--w98-light) var(--w98-light) var(--w98-dark);border-style:solid;border-width:1px;margin-top:4px;overflow:hidden;border-radius:0;}.storage-bar-fill{height:100%;border-radius:0;transition:none;}.settings-danger-section{margin-top:10px;border-top:2px solid var(--w98-dark);padding-top:6px;}.settings-danger-title{font-size:var(--w98-fs);font-family:var(--w98-font);font-weight:bold;color:#c0392b;margin-bottom:4px;letter-spacing:0.3px;}.keybind-btn{min-width:56px;padding:2px 8px;font-size:var(--w98-fs);font-family:"Courier New",monospace;font-weight:bold;text-transform:uppercase;background:var(--w98-bg);border-color:var(--w98-light) var(--w98-darker) var(--w98-darker) var(--w98-light);border-style:solid;border-width:2px;cursor:pointer;text-align:center;border-radius:0;}.keybind-btn:hover{background:#d4d0c8;}.keybind-btn:active{border-color:var(--w98-muted) var(--w98-light) var(--w98-light) var(--w98-darker);}.keybind-btn.listening{background:#ddeedd;border-color:#005500 var(--w98-light) var(--w98-light) #005500;color:#005500;animation:keybind-pulse 0.7s infinite alternate;}.keybind-btn.conflict{background:#ffdddd;border-color:#880000 var(--w98-light) var(--w98-light) #880000;color:#880000;}@keyframes keybind-pulse{from{opacity:1;}to{opacity:0.5;}}.settings-reset-btn{display:block;width:calc(100% - 4px);margin:8px 2px 2px 2px;padding:3px;font-size:var(--w98-fs);font-family:var(--w98-font);color:#c0392b;font-weight:bold;background:var(--w98-bg);border-color:var(--w98-dark) var(--w98-light) var(--w98-light) var(--w98-dark);border-style:solid;border-width:2px;cursor:pointer;text-align:center;border-radius:0;}.settings-reset-btn:hover{background:#f0d0d0;}.settings-reset-btn:active{border-color:var(--w98-light) var(--w98-dark) var(--w98-dark) var(--w98-light);}.settings-reset-btn.armed{background:#f0d0d0;border-color:#880000 var(--w98-light) var(--w98-light) #880000;}.sfx-preview-btn{font-size:8px;line-height:1;padding:1px 3px;min-width:16px;height:16px;background:var(--w98-bg);border-color:var(--w98-light) var(--w98-darker) var(--w98-darker) var(--w98-light);border-style:solid;border-width:2px;cursor:pointer;font-family:var(--w98-font);color:var(--w98-text,#000);border-radius:0;flex-shrink:0;}.sfx-preview-btn:hover{background:var(--w98-lighter);}.sfx-preview-btn:active{border-color:var(--w98-darker) var(--w98-light) var(--w98-light) var(--w98-darker);padding:2px 2px 0 4px;}.sfx-preview-btn:disabled{opacity:0.4;cursor:not-allowed;}input[type="range"]{-webkit-appearance:none;appearance:none;height:20px;background:transparent;cursor:pointer;outline:none;}input[type="range"]::-webkit-slider-runnable-track{height:4px;background:var(--w98-field,#fff);border-color:var(--w98-dark) var(--w98-light) var(--w98-light) var(--w98-dark);border-style:solid;border-width:1px;border-radius:0;}input[type="range"]::-moz-range-track{height:4px;background:var(--w98-field,#fff);border:1px solid var(--w98-dark);border-radius:0;}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:20px;margin-top:-9px;background:var(--w98-bg);border-color:var(--w98-light) var(--w98-darker) var(--w98-darker) var(--w98-light);border-style:solid;border-width:2px;border-radius:0;cursor:pointer;}input[type="range"]::-moz-range-thumb{width:11px;height:20px;background:var(--w98-bg);border-color:var(--w98-light) var(--w98-darker) var(--w98-darker) var(--w98-light);border-style:solid;border-width:2px;border-radius:0;cursor:pointer;}input[type="range"]:active::-webkit-slider-thumb{border-color:var(--w98-muted) var(--w98-light) var(--w98-light) var(--w98-darker);}input[type="range"]:disabled{opacity:0.45;cursor:not-allowed;}input[type="range"]:disabled::-webkit-slider-thumb{cursor:not-allowed;}.settings-select{font-size:var(--w98-fs);font-family:var(--w98-font);padding:2px 4px;background:var(--w98-field,#fff);border-color:var(--w98-dark) var(--w98-light) var(--w98-light) var(--w98-dark);border-style:solid;border-width:2px;cursor:pointer;color:var(--w98-text,#000);border-radius:0;}.settings-select:disabled{background:var(--w98-bg);color:var(--w98-dark);cursor:not-allowed;}.settings-button-group{display:flex;gap:4px;}canvas{touch-action:none;-webkit-touch-callout:none;user-select:none;}.settings-button,.nav-cluster,.settings-btn,.settings-toggle,.settings-tab,.settings-close,.keybind-btn{touch-action:manipulation;}body.is-mobile .settings-modal{max-height:90dvh;display:none;flex-direction:column;}body.is-mobile .settings-modal.visible{display:flex;}body.is-mobile .settings-modal-body{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0;}#flagToggleBtn{display:none;}body.is-mobile .settings-tab[data-tab="keys"]{display:none;}body.is-mobile #pane-keys{display:none !important;}.settings-tab[data-tab="touch"]{display:none;}#pane-touch{display:none !important;}body.is-mobile .settings-tab[data-tab="touch"]{display:block;}body.is-mobile #pane-touch.active{display:block !important;}body.is-mobile .settings-button{width:44px;height:44px;}body.is-mobile .nav-cluster{padding:4px;gap:4px;bottom:10px;transform:none !important;opacity:1 !important;pointer-events:auto !important;}.mobile-fab-expander-wrap{display:none;position:fixed;top:10px;right:10px;z-index:1000;flex-direction:column;align-items:flex-end;gap:6px;}body.is-mobile .mobile-fab-expander-wrap{display:flex;}.mobile-fab-container{display:none;position:fixed;bottom:10px;right:10px;z-index:1000;}body.is-mobile .mobile-fab-container{display:flex;}body.is-mobile .nav-cluster{display:none !important;}.mobile-fab-main,.mobile-fab-expander,.mobile-fab-item{background:var(--w98-bg,#c0c0c0);border-style:solid;border-width:3px;border-color:var(--w98-light,#fff) var(--w98-darker,#808080) var(--w98-darker,#808080) var(--w98-light,#fff);cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:0;color:var(--w98-icon,#444);user-select:none;-webkit-user-select:none;padding:0;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;touch-action:manipulation;}.mobile-fab-main.pressed,.mobile-fab-expander.pressed,.mobile-fab-item.pressed{border-color:var(--w98-darker,#808080) var(--w98-light,#fff) var(--w98-light,#fff) var(--w98-darker,#808080);}.mobile-fab-main{width:44px;height:44px;position:relative;}.mobile-fab-expander{width:44px;height:44px;font-family:var(--w98-font,'MS Sans Serif',Arial,sans-serif);font-size:14px;font-weight:bold;letter-spacing:1px;line-height:1;}.mobile-fab-expander.open{border-color:var(--w98-darker,#808080) var(--w98-light,#fff) var(--w98-light,#fff) var(--w98-darker,#808080);}.mobile-fab-menu{display:none;flex-direction:column;align-items:flex-end;gap:6px;}.mobile-fab-menu.open{display:flex;}.mobile-fab-item{width:44px;height:44px;}body.is-mobile .coords{bottom:10px;}.long-press-ring{position:fixed;pointer-events:none;border-radius:50%;border:2px solid rgba(200,0,0,0.7);background:rgba(200,0,0,0.12);transform:translate(-50%,-50%) scale(0);transition:transform 0.08s ease-out,opacity 0.08s ease-out;z-index:9999;width:44px;height:44px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;}.long-press-ring.active{transform:translate(-50%,-50%) scale(1);}.long-press-ring.fired{transform:translate(-50%,-50%) scale(2.5);opacity:0;transition:transform 0.25s ease-out,opacity 0.25s ease-out;}.touch-settings-section{display:none;}body.is-mobile .touch-settings-section{display:block;}body.is-mobile .desktop-only{display:none !important;}.mobile-settings-footer{display:none;}body.is-mobile .mobile-settings-footer{display:flex;gap:6px;padding:6px 8px 8px 8px;border-top:1px solid var(--w98-dark);margin-top:4px;}.mobile-settings-footer-btn{flex:1;font-family:var(--w98-font);font-size:var(--w98-fs);color:var(--w98-text,#000);}body.is-mobile .ui-grab-handle{display:none !important;}:root{--sab:env(safe-area-inset-bottom,0px);--sat:env(safe-area-inset-top,0px);}.badge-coming-soon{background:var(--w98-notice,#ffff80);color:var(--w98-text,#000);font-size:9px;padding:0px 4px;border:1px solid var(--w98-dark);font-weight:bold;font-family:var(--w98-font);}.modal-info-box{background:var(--w98-bg);border-color:var(--w98-dark) var(--w98-light) var(--w98-light) var(--w98-dark);border-style:solid;border-width:1px;padding:8px;margin-bottom:8px;font-family:var(--w98-font);font-size:var(--w98-fs);}.modal-budget-warning{display:none;background:#fff3cd;border-color:#b8860b var(--w98-light) var(--w98-light) #b8860b;border-style:solid;border-width:1px;padding:6px 8px;margin-bottom:8px;font-family:var(--w98-font);font-size:var(--w98-fs);color:#7a5800;}.modal-info-row{display:flex;justify-content:space-between;padding:1px 0;border-bottom:1px solid var(--w98-darker,#ccc);}.modal-info-row span{color:var(--w98-muted,#666);}.toggle-disabled{opacity:0.45;pointer-events:none;}.settings-info-badge{display:flex;align-items:center;gap:6px;}.cl-entry{margin-bottom:14px;}.cl-entry:last-child{margin-bottom:0;}.cl-entry[data-prerelease="true"]{display:none;}.cl-entry[data-prerelease="true"].cl-prerelease-visible{display:block;}.cl-header{display:flex;align-items:baseline;gap:8px;margin-bottom:5px;}.cl-version{font-size:var(--w98-fs);font-family:'Courier New',monospace;font-weight:bold;color:var(--w98-text,#000);}.cl-pre-badge{font-size:9px;font-family:var(--w98-font);font-weight:bold;color:var(--w98-bg);background:var(--w98-muted,#808080);padding:1px 4px;letter-spacing:0.5px;vertical-align:middle;}.cl-meta{font-size:10px;font-family:var(--w98-font);color:var(--w98-muted);}.cl-body{padding-left:8px;border-left:2px solid var(--w98-dark);}.cl-cat{font-size:10px;font-family:var(--w98-font);font-weight:bold;color:var(--w98-muted);text-transform:uppercase;letter-spacing:0.5px;margin:4px 0 2px;}.cl-list{margin:0;padding-left:14px;}.cl-list li{font-size:var(--w98-fs);font-family:var(--w98-font);color:var(--w98-text,#000);line-height:1.6;}