*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#c8d8e8;background:#060d19;width:100%;height:100%;font-family:Inter,system-ui,sans-serif;overflow:hidden}#tab-nav{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060d19eb;border-bottom:1px solid #0f1e30;align-items:center;gap:2px;height:44px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.tab-link{color:#3a5a6a;cursor:pointer;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.tab-link:hover{color:#8bd;background:#33bbff0f}.tab-link.active{color:#5df;background:#33bbff1f}.nav-title{color:#1a3040;letter-spacing:.06em;text-transform:uppercase;margin-left:auto;font-size:11px;font-weight:600}#app{position:fixed;inset:44px 0 0;overflow:hidden}#app canvas{width:100%;height:100%;display:block}#stats{z-index:50;color:#1a3a4a;pointer-events:none;font:10px SF Mono,Fira Code,Courier Prime,monospace;position:fixed;bottom:12px;right:16px}#hint{color:#64b4ff33;pointer-events:none;letter-spacing:.04em;font-size:12px;transition:opacity .8s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}#panel-toggle{z-index:100;color:#4a7a8a;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1628d9;border:1px solid #1a3a4a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex;position:fixed;top:56px;right:16px}#panel-toggle:hover{color:#8bd;background:#0f2035f2;border-color:#3bf}#panel{z-index:99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overscroll-behavior:contain;cursor:default;background:#08101ef0;border:1px solid #1a3040;border-radius:12px;width:260px;max-height:calc(100dvh - 72px);transition:transform .25s;position:fixed;top:56px;right:16px;overflow-y:auto;transform:translate(280px)}#panel.open{transform:translate(0)}#panel::-webkit-scrollbar{width:4px}#panel::-webkit-scrollbar-track{background:0 0}#panel::-webkit-scrollbar-thumb{background:#1a3a4a;border-radius:2px}.panel-header{border-bottom:1px solid #0f1e30;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.panel-header h2{color:#8ac;letter-spacing:.02em;font-size:13px;font-weight:600}.panel-header button{color:#3a5a6a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:flex}.panel-header button:hover{color:#8bd;background:#33bbff14}.section{border-bottom:1px solid #0a1628;padding:12px 16px}.section:last-child{border-bottom:none}.section-title{color:#3a6a7a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:10px;font-weight:600}.presets{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.preset-btn{color:#5a8a9a;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:#0a162899;border:1px solid #1a3a4a;border-radius:20px;padding:8px 14px;font-family:inherit;font-size:11px;transition:all .2s;position:relative;overflow:hidden}.preset-btn:before{content:"";opacity:0;background:radial-gradient(#33bbff26,#0000 70%);border-radius:20px;transition:opacity .2s;position:absolute;inset:0}.preset-btn:hover{color:#adf;background:#0f2035f2;border-color:#3bf}.preset-btn:hover:before{opacity:1}.preset-btn.active{color:#5df;background:#33bbff1f;border-color:#3bf;box-shadow:0 0 12px #3bf3,inset 0 0 8px #33bbff1a}.preset-btn.active:before{opacity:1}.control-label{color:#5a8a9a;white-space:nowrap;min-width:80px;font-size:11px}.toggle-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.toggle-row:last-child{margin-bottom:0}.toggle{cursor:pointer;width:36px;height:20px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{background:#1a2a3a;border:1px solid #2a4a5a;border-radius:10px;transition:background .2s,border-color .2s;position:absolute;inset:0}.toggle-thumb{background:#3a6a7a;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle input:checked~.toggle-track{background:#3bf3;border-color:#3bf}.toggle input:checked~.toggle-thumb{background:#5df;left:18px;box-shadow:0 0 6px #3bf6}