*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=default]{--bg: #0a0a0a;--fg: #33ff33;--fg-dim: #1a991a;--prompt: #33ff33;--link: #66ff66;--selection-bg: #33ff3330;--input-bg: transparent;--border: #33ff3340;--heading: #55ff55;--code-bg: #1a1a1a;--button-bg: #1a3a1a;--button-fg: #33ff33;--button-hover-bg: #2a5a2a;--scanline-opacity: .08;--island-outer-bg: #050505}[data-theme=amber]{--bg: #0a0800;--fg: #ffb000;--fg-dim: #996a00;--prompt: #ffb000;--link: #ffc840;--selection-bg: #ffb00030;--input-bg: transparent;--border: #ffb00040;--heading: #ffd060;--code-bg: #1a1400;--button-bg: #3a2a00;--button-fg: #ffb000;--button-hover-bg: #5a4a00;--island-outer-bg: #050400}[data-theme=blue]{--bg: #0a0a1a;--fg: #00ccff;--fg-dim: #006688;--prompt: #00ccff;--link: #44ddff;--selection-bg: #00ccff30;--input-bg: transparent;--border: #00ccff40;--heading: #66eeff;--code-bg: #0a0a2a;--button-bg: #0a2a3a;--button-fg: #00ccff;--button-hover-bg: #0a4a5a;--island-outer-bg: #050510}[data-theme=light]{--bg: #f5f5f0;--fg: #2a2a2a;--fg-dim: #888888;--prompt: #1a1a1a;--link: #0055aa;--selection-bg: #0055aa30;--input-bg: transparent;--border: #cccccc;--heading: #1a1a1a;--code-bg: #e8e8e0;--button-bg: #ddd;--button-fg: #2a2a2a;--button-hover-bg: #ccc;--scanline-opacity: 0;--island-outer-bg: #e0e0db}[data-theme=solarized]{--bg: #002b36;--fg: #839496;--fg-dim: #586e75;--prompt: #859900;--link: #268bd2;--selection-bg: #073642;--input-bg: transparent;--border: #586e75;--heading: #b58900;--code-bg: #073642;--button-bg: #073642;--button-fg: #839496;--button-hover-bg: #0a4a5a;--island-outer-bg: #001e27}[data-theme=dracula]{--bg: #282a36;--fg: #f8f8f2;--fg-dim: #6272a4;--prompt: #50fa7b;--link: #8be9fd;--selection-bg: #44475a;--input-bg: transparent;--border: #6272a4;--heading: #bd93f9;--code-bg: #44475a;--button-bg: #44475a;--button-fg: #f8f8f2;--button-hover-bg: #6272a4;--island-outer-bg: #1e1f29}[data-theme=islands]{--bg: #0f1923;--fg: #a8d8ea;--fg-dim: #4a7a8c;--prompt: #56c8d8;--link: #7ee8fa;--selection-bg: #56c8d830;--input-bg: transparent;--border: #2a4a5a;--heading: #7ee8fa;--code-bg: #162636;--button-bg: #1a3040;--button-fg: #a8d8ea;--button-hover-bg: #254050;--scanline-opacity: .04;--island-outer-bg: #080e14}:root{--crt-curvature: 0px;--crt-distortion: 0;--crt-glow-intensity: 0;--crt-phosphor: 0;--crt-interlace: 0;--disk-width: 60px;--disk-hue: 0}html{font-size:16px}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;min-height:100dvh;overflow:hidden;opacity:1}#terminal,code,pre,.ascii-art,.command-echo,#command-input,#prompt{font-family:ui-monospace,Cascadia Code,SF Mono,Segoe UI Mono,Consolas,monospace}::selection{background:var(--selection-bg)}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}#app-shell{display:flex;height:100dvh}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.panel{flex:1;min-height:0;overflow:hidden}.panel-loading{display:flex;align-items:center;justify-content:center;gap:8px;height:100%;color:var(--fg-dim);font-size:.9em}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--prompt);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#sidebar{width:44px;background:var(--code-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px 0;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:4px}.sidebar-player{display:flex;flex-direction:column;align-items:center;gap:2px;border-top:1px solid var(--border);padding-top:8px}.sidebar-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--fg-dim);cursor:pointer;transition:background .15s,color .15s}.sidebar-btn:hover{background:var(--button-hover-bg);color:var(--fg)}.sidebar-btn.active{background:var(--button-bg);color:var(--link)}.sidebar-btn:focus-visible{outline:2px solid var(--link);outline-offset:-2px}#terminal{display:flex;flex-direction:column;height:100%;padding:12px;position:relative}#terminal:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,var(--scanline-opacity)) 2px,rgba(0,0,0,var(--scanline-opacity)) 4px);pointer-events:none;z-index:1000}#output{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:var(--fg-dim) transparent}#output::-webkit-scrollbar{width:6px}#output::-webkit-scrollbar-thumb{background:var(--fg-dim);border-radius:3px}#output::-webkit-scrollbar-track{background:transparent}#nav-bar{display:flex;justify-content:flex-start;gap:8px;padding:4px 0;flex-shrink:0}.nav-btn{background:var(--button-bg);color:var(--button-fg);border:1px solid var(--border);border-radius:3px;padding:2px 8px;cursor:pointer;font-family:inherit;font-size:.85em;-webkit-user-select:none;user-select:none}.nav-btn:hover{background:var(--button-hover-bg)}.nav-btn:focus-visible{outline:2px solid var(--link);outline-offset:2px}#input-line{display:flex;align-items:center;padding:4px 0;border-top:1px solid var(--border);flex-shrink:0}#prompt{color:var(--prompt);white-space:nowrap;-webkit-user-select:none;user-select:none}#command-input{flex:1;background:var(--input-bg);border:none;outline:none;color:var(--fg);font-family:inherit;font-size:inherit;line-height:inherit;caret-color:var(--fg)}.output-block{margin-bottom:12px;animation:block-appear .3s ease-out both}@keyframes block-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.command-echo{animation:block-appear .15s ease-out both;color:var(--fg-dim);margin-bottom:4px}.command-echo:before{content:"$ ";color:var(--prompt)}.error-message{color:#f55}.md-content h1,.md-content h2,.md-content h3{color:var(--heading);margin:12px 0 6px}.md-content h1{font-size:1.3em}.md-content h2{font-size:1.1em}.md-content h3{font-size:1em}.md-content p{margin:6px 0}.md-content ul,.md-content ol{padding-left:24px;margin:6px 0}.md-content li{margin:2px 0}.md-content a{display:inline-block;padding:2px 8px;background:var(--button-bg);color:var(--button-fg);border:1px solid var(--border);border-radius:3px;text-decoration:none;font-family:inherit;font-size:.85em;cursor:pointer}.md-content a:hover{background:var(--button-hover-bg);text-decoration:none}.md-content a:focus-visible{outline:2px solid var(--link);outline-offset:2px}.md-content code{background:var(--code-bg);padding:1px 4px;border-radius:2px;font-size:.95em}.md-content code.cmd-link{cursor:pointer;transition:background .15s,color .15s,border-color .15s;border:1px solid transparent}.md-content code.cmd-link:hover{background:var(--button-bg);color:var(--button-fg);border-color:var(--border)}.md-content code.cmd-link:focus-visible{outline:2px solid var(--link);outline-offset:2px}.md-content pre{background:var(--code-bg);padding:8px 12px;border-radius:4px;overflow-x:auto;margin:8px 0}.md-content pre code{background:none;padding:0}.md-content table{border-collapse:collapse;margin:8px 0;width:100%}.md-content th,.md-content td{border:1px solid var(--border);padding:4px 8px;text-align:left}.md-content th{color:var(--heading)}@media (max-width: 768px){.md-content table{border:none}.md-content thead{display:none}.md-content tr{display:block;border:1px solid var(--border);margin-bottom:8px;border-radius:4px}.md-content td{display:block;border:none;border-bottom:1px solid var(--border);padding:4px 8px}.md-content td:last-child{border-bottom:none}.md-content td:before{content:attr(data-label);font-weight:700;color:var(--heading);margin-right:8px}}.md-content hr{border:none;border-top:1px solid var(--border);margin:12px 0}.md-content blockquote{border-left:3px solid var(--border);padding-left:12px;color:var(--fg-dim);margin:8px 0}.md-content img{max-width:100%;max-height:80dvh;height:auto;display:block;margin:8px 0}.raw-source{white-space:pre-wrap;color:var(--fg-dim);font-size:.9em}.article-header{display:flex;flex-direction:column;gap:8px}.article-btn-row{display:flex;align-items:center;gap:12px}.article-header h1{color:var(--heading);font-size:1.3em;margin:0}.play-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--prompt);color:var(--bg);border:none;border-radius:4px;font-family:inherit;font-size:.85em;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.play-btn:hover{background:var(--heading);transform:scale(1.05)}.play-btn:active{transform:scale(.98)}.blog-list{list-style:none;padding:0;margin:8px 0}.blog-list li{margin:4px 0}.blog-link{display:inline-block;padding:2px 8px;background:var(--button-bg);color:var(--button-fg);border:1px solid var(--border);border-radius:3px;cursor:pointer;text-decoration:none;font-family:inherit;font-size:.85em}.blog-link:hover{background:var(--button-hover-bg)}.blog-link:focus-visible{outline:2px solid var(--link);outline-offset:2px}.blog-date{color:var(--fg-dim);margin-right:8px}.blog-play-icon{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-left:8px;padding:3px 8px;background:var(--button-bg);color:var(--prompt);border:1px solid var(--border);border-radius:3px;font-size:.75em;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;vertical-align:middle}.blog-play-icon:hover{background:var(--button-hover-bg);border-color:var(--prompt);transform:translateY(-1px)}.blog-play-icon:active{transform:translateY(0)}.blog-pager{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.blog-pager-info{color:var(--fg-dim);font-size:.85em}#panel-blog{overflow-y:auto;padding:16px}.blog-panel{max-width:800px;margin:0 auto}.blog-panel-header{margin-bottom:24px}.blog-panel-title{color:var(--heading);font-size:1.5em;margin:0 0 4px}.blog-panel-subtitle{color:var(--fg-dim);font-size:.9em;margin:0}.blog-articles-list{display:flex;flex-direction:column;gap:8px}.blog-article-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--code-bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.blog-article-card:hover{background:var(--button-bg);border-color:var(--prompt);transform:translate(4px)}.blog-article-date{color:var(--fg-dim);font-size:.8em;min-width:90px;font-family:ui-monospace,Cascadia Code,SF Mono,Segoe UI Mono,Consolas,monospace}.blog-article-title{color:var(--fg);font-size:.95em;font-weight:400;margin:0;flex:1}.blog-article-card:hover .blog-article-title{color:var(--heading)}.blog-article-game-badge{font-size:.7em;padding:2px 8px;background:var(--prompt);color:var(--bg);border-radius:10px;font-weight:700}.blog-panel-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.blog-article-view{padding:8px 0}.blog-article-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.blog-back-btn{flex-shrink:0}.blog-article-view-title{color:var(--heading);font-size:1.4em;margin:0 0 8px}.blog-article-view-date{color:var(--fg-dim);font-size:.85em;margin-bottom:24px}.blog-article-content{line-height:1.7}.blog-article-content img{max-width:100%;border-radius:8px;margin:16px 0}.search-match{color:var(--fg-dim);font-size:.9em;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ascii-art{white-space:pre;line-height:1.2;color:var(--heading);overflow:hidden}.ascii-line{display:block;opacity:0;animation:ascii-reveal .4s ease-out forwards}@keyframes ascii-reveal{0%{opacity:0;transform:translate(-10px);filter:blur(2px)}to{opacity:1;transform:translate(0);filter:blur(0)}}[data-layout=grid] .md-content ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;list-style:none;padding-left:0}[data-layout=compact] .output-block{margin-bottom:4px}[data-layout=compact] .md-content h1,[data-layout=compact] .md-content h2,[data-layout=compact] .md-content h3{margin:4px 0 2px}[data-layout=compact] .md-content p{margin:2px 0}[data-layout=compact] body{background:var(--island-outer-bg)}[data-layout=compact] #terminal{border-radius:12px;border:1px solid var(--border);background:var(--bg);box-shadow:0 4px 24px #0000004d;max-width:960px;margin:0 auto}[data-layout=compact] .app-main{padding:12px;overflow-y:auto}[data-layout=compact] #sidebar{background:var(--island-outer-bg);border-right-color:transparent}[data-layout=compact] #panel-dashboard{border-radius:12px;border:1px solid var(--border);background:var(--bg);box-shadow:0 4px 24px #0000004d;max-width:960px;margin:0 auto}#panel-dashboard{overflow-y:auto;padding:16px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.dashboard-card{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;padding:16px}.dashboard-card-title{color:var(--heading);font-size:.85em;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.dashboard-card-body{color:var(--fg);font-size:.9em}.widget-time-clock{font-size:2em;color:var(--heading);line-height:1.2}.widget-time-date{color:var(--fg-dim);margin-top:4px}.widget-nameday-name{color:var(--link);font-size:1.2em}.widget-weather-temp{font-size:2em;color:var(--heading);line-height:1.2}.widget-weather-desc{margin-top:4px}.widget-weather-wind{color:var(--fg-dim);font-size:.85em;margin-top:4px}.widget-history-year{font-size:1.3em;color:var(--heading)}.widget-history-desc{margin-top:4px;line-height:1.5}#command-input{animation:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media print{#input-line,#nav-bar,#sidebar{display:none}#terminal{height:auto;overflow:visible}#output{overflow:visible}body{background:#fff;color:#000}#terminal:after{display:none}.output-block,.command-echo,.ascii-line{animation:none;opacity:1}}@media (max-width: 600px){html{font-size:12px}#terminal{padding:8px}#sidebar{width:36px}.sidebar-btn{width:28px;height:28px}.sidebar-btn svg{width:16px;height:16px}.player-btn{width:24px;height:24px}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 400px){html{font-size:11px}#terminal{padding:6px}}@keyframes crt-flicker{0%{opacity:1}3%{opacity:.97}6%{opacity:1}7%{opacity:.98}9%{opacity:1}42%{opacity:1}44%{opacity:.96}46%{opacity:1}78%{opacity:1}80%{opacity:.98}82%{opacity:1}to{opacity:1}}@keyframes crt-scanline-move{0%{top:-2px}to{top:100%}}.crt-moving-scanline{display:none;position:absolute;left:0;right:0;height:2px;background:#ffffff0a;pointer-events:none;z-index:1001;animation:crt-scanline-move 8s linear infinite}.crt-vignette{display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;border-radius:inherit}.crt-noise{display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:998;opacity:.1;mix-blend-mode:overlay}.crt-distortion-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:997}.crt-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none;opacity:0;visibility:hidden;background:#000;overflow:hidden}.crt-transition-overlay.active{visibility:visible;pointer-events:all}.crt-transition-overlay.out{animation:crt-transition-out .25s ease-in forwards}.crt-transition-overlay.in{animation:crt-transition-in .3s ease-out forwards}.crt-transition-overlay.flash{visibility:visible;animation:crt-flash .1s ease-out forwards}@keyframes crt-transition-out{0%{opacity:0;transform:scaleY(1) scaleX(1) skew(0);filter:brightness(1)}30%{opacity:1;transform:scaleY(.8) scaleX(1.02) skew(-2deg);filter:brightness(1.5)}60%{transform:scaleY(.3) scaleX(1.05) skew(3deg);filter:brightness(2)}to{opacity:1;transform:scaleY(.005) scaleX(1.1) skew(0);filter:brightness(3)}}@keyframes crt-transition-in{0%{opacity:1;transform:scaleY(.005) scaleX(1.1) skew(0);filter:brightness(3)}40%{transform:scaleY(.3) scaleX(1.05) skew(-3deg);filter:brightness(2)}70%{transform:scaleY(.8) scaleX(1.02) skew(2deg);filter:brightness(1.3)}to{opacity:0;transform:scaleY(1) scaleX(1) skew(0);filter:brightness(1)}}@keyframes crt-flash{0%{opacity:0}20%{opacity:.8;filter:brightness(2)}to{opacity:0;filter:brightness(1)}}.crt-transition-noise-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.8;mix-blend-mode:overlay}.crt-transition-lines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);animation:crt-lines-scroll .1s linear infinite}@keyframes crt-lines-scroll{0%{transform:translateY(0)}to{transform:translateY(4px)}}.crt-transition-bar{position:absolute;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 20%,rgba(255,255,255,1) 50%,rgba(255,255,255,.8) 80%,transparent 100%);box-shadow:0 0 20px #fffc;animation:crt-bar-move .15s linear infinite}@keyframes crt-bar-move{0%{top:-10%}to{top:110%}}.crt-barrel .app-main{transform:perspective(800px) translateZ(calc(-10px * var(--crt-distortion, 0)));transform-style:preserve-3d}.crt-barrel .panel{border-radius:calc(var(--crt-curvature, 0px) + calc(8px * var(--crt-distortion, 0)));box-shadow:inset 0 0 calc(40px * var(--crt-distortion, 0)) #0000004d,0 0 calc(20px * var(--crt-distortion, 0)) #0003}.crt-pincushion .app-main{transform:perspective(600px) translateZ(calc(15px * var(--crt-distortion, 0)));transform-style:preserve-3d}.crt-pincushion .panel{border-radius:calc(var(--crt-curvature, 0px) + calc(4px * var(--crt-distortion, 0)));box-shadow:inset 0 0 calc(60px * var(--crt-distortion, 0)) calc(-20px * var(--crt-distortion, 0)) #0006,0 0 calc(15px * var(--crt-distortion, 0)) #00000026}.crt-phosphor .app-main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000;background-image:repeating-linear-gradient(90deg,rgba(255,0,0,calc(.1 * var(--crt-phosphor, 0))),rgba(255,0,0,calc(.1 * var(--crt-phosphor, 0))) 1px,rgba(0,255,0,calc(.1 * var(--crt-phosphor, 0))) 1px,rgba(0,255,0,calc(.1 * var(--crt-phosphor, 0))) 2px,rgba(0,0,255,calc(.1 * var(--crt-phosphor, 0))) 2px,rgba(0,0,255,calc(.1 * var(--crt-phosphor, 0))) 3px);background-size:3px 100%;mix-blend-mode:overlay}.crt-interlace .app-main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1001;background:repeating-linear-gradient(0deg,transparent 0px,transparent 1px,rgba(0,0,0,calc(.15 * var(--crt-interlace, 0))) 1px,rgba(0,0,0,calc(.15 * var(--crt-interlace, 0))) 2px);animation:crt-interlace-flicker .05s steps(2) infinite}@keyframes crt-interlace-flicker{0%{transform:translateY(0)}to{transform:translateY(2px)}}.crt-curved .app-main{background:var(--island-outer-bg);padding:12px}.crt-curved .panel{border-radius:var(--crt-curvature, 0px);overflow:hidden;background:var(--bg);border:1px solid var(--border);box-shadow:0 0 24px #0006}.crt-curved #sidebar{background:var(--island-outer-bg);border-right-color:transparent}.crt-active #app-shell{box-shadow:inset 0 0 calc(80px * var(--crt-glow-intensity, 0)) calc(-30px * var(--crt-glow-intensity, 0)) var(--prompt)}#panel-settings{overflow-y:auto;padding:16px}.settings-panel{max-width:420px}.settings-section-title{color:var(--heading);font-size:.9em;text-transform:uppercase;letter-spacing:.1em;margin:20px 0 10px}.settings-section-title:first-child{margin-top:0}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--code-bg);border:1px solid var(--border);border-radius:4px;margin-bottom:6px}.settings-label{font-size:.85em;flex-shrink:0;margin-right:12px}.settings-select{background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:3px;padding:3px 8px;font-family:inherit;font-size:.85em;cursor:pointer;outline:none}.settings-select:focus-visible{outline:2px solid var(--link);outline-offset:1px}.settings-select option{background:var(--bg);color:var(--fg)}.settings-slider-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.settings-value{color:var(--fg-dim);font-size:.85em;min-width:36px;text-align:right}.crt-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:16px;padding:8px 12px;background:var(--code-bg);border:1px solid var(--border);border-radius:4px}.crt-toggle input[type=checkbox]{accent-color:var(--prompt);width:16px;height:16px;cursor:pointer}.crt-sliders{display:flex;flex-direction:column;gap:12px}.crt-sliders.crt-disabled{opacity:.4;pointer-events:none}.crt-slider-section{background:var(--code-bg);border:1px solid var(--border);border-radius:4px;padding:8px 12px}.crt-slider-label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.85em}.crt-slider-value{color:var(--fg-dim)}.crt-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.crt-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--prompt);cursor:pointer;border:2px solid var(--bg)}.crt-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--prompt);cursor:pointer;border:2px solid var(--bg)}.crt-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--link);outline-offset:2px}.crt-reset-btn{background:var(--button-bg);color:var(--button-fg);border:1px solid var(--border);border-radius:3px;padding:4px 12px;cursor:pointer;font-family:inherit;font-size:.85em;margin-top:12px}.crt-reset-btn:hover{background:var(--button-hover-bg)}.crt-presets{display:flex;flex-wrap:wrap;gap:6px}.crt-preset-btn{background:var(--button-bg);color:var(--button-fg);border:1px solid var(--border);border-radius:3px;padding:3px 10px;cursor:pointer;font-family:inherit;font-size:.8em}.crt-preset-btn:hover{background:var(--button-hover-bg)}.crt-knob-btn{width:32px;height:32px;background:linear-gradient(145deg,#3a3a3a,#1a1a1a);border:2px solid #555;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #ffffff1a,0 2px 6px #0006;transition:box-shadow .15s;padding:0;margin:8px auto}.crt-knob-btn:hover{box-shadow:inset 0 2px 4px #ffffff26,0 2px 8px #00000080,0 0 8px var(--prompt)}.crt-knob-btn:focus-visible{outline:2px solid var(--link);outline-offset:2px}.crt-knob-dial{width:22px;height:22px;background:linear-gradient(145deg,#555,#333);border-radius:50%;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 2px #00000080}.crt-knob-indicator{position:absolute;top:3px;left:50%;transform:translate(-50%);width:3px;height:8px;background:var(--prompt);border-radius:2px;box-shadow:0 0 4px var(--prompt)}.crt-knob-btn.off .crt-knob-dial{transform:rotate(-45deg)}.crt-knob-btn.on .crt-knob-dial{transform:rotate(45deg)}.crt-knob-btn.off .crt-knob-indicator{background:var(--fg-dim);box-shadow:none}.player-btn{width:28px;height:28px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--fg-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.player-btn:hover{background:var(--button-hover-bg);color:var(--fg)}.player-btn.playing{color:var(--prompt);border-color:var(--prompt)}.player-btn:focus-visible{outline:2px solid var(--link);outline-offset:-2px}#panel-music{overflow-y:auto;padding:16px}.music-panel{max-width:600px}#spotify-embed{margin-bottom:12px;border-radius:12px;overflow:hidden}#yt-embed{margin-bottom:12px;border-radius:8px;overflow:hidden;aspect-ratio:16 / 9;max-height:360px}#yt-embed iframe{width:100%;height:100%;border:none}.music-provider-tabs{display:flex;gap:4px;margin-bottom:16px}.music-tab{background:var(--button-bg);color:var(--button-fg);border:1px solid var(--border);border-radius:4px;padding:4px 12px;cursor:pointer;font-family:inherit;font-size:.85em;transition:background .15s,color .15s}.music-tab:hover{background:var(--button-hover-bg)}.music-tab.active{background:var(--button-hover-bg);color:var(--link);border-color:var(--link)}.panel-placeholder{padding:16px}.placeholder-text{color:var(--fg-dim);font-size:.9em}.music-url-row{gap:8px}.music-url-input{flex:1;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:3px;padding:3px 8px;font-family:inherit;font-size:.85em;outline:none;min-width:0}.music-url-input:focus-visible{outline:2px solid var(--link);outline-offset:1px}.music-set-btn{background:var(--button-bg);color:var(--button-fg);border:1px solid var(--border);border-radius:3px;padding:3px 10px;cursor:pointer;font-family:inherit;font-size:.8em;white-space:nowrap}.music-set-btn:hover{background:var(--button-hover-bg)}.music-url-hint{font-size:.7em;color:var(--fg-dim);margin-top:4px;opacity:.7}#panel-games{overflow:hidden;padding:0;position:relative}.games-panel{display:flex;height:100%;background:var(--bg)}.games-explorer{width:200px;flex-shrink:0;border-right:2px solid var(--border);padding:12px;display:flex;flex-direction:column;background:var(--code-bg)}.games-folder-art{color:var(--heading);font-size:.7em;line-height:1.1;margin-bottom:8px;text-align:center}.games-path{color:var(--prompt);font-size:.85em;margin-bottom:8px;padding:4px 6px;background:var(--bg);border:1px solid var(--border)}.games-file-list{list-style:none;flex:1;margin:0;padding:0;outline:none;border:1px solid var(--border);background:var(--bg)}.games-file-list:focus{border-color:var(--link)}.games-file{display:flex;align-items:center;padding:6px 8px;cursor:pointer;font-size:.85em;border-bottom:1px dashed var(--border)}.games-file:last-child{border-bottom:none}.games-file:hover{background:var(--button-bg)}.games-file.selected{background:var(--button-hover-bg);color:var(--heading)}.games-file-icon{width:14px;color:var(--prompt);font-weight:700}.games-file-name{color:var(--link)}.games-file.selected .games-file-name{color:var(--heading)}.games-hint{margin-top:8px;font-size:.7em;color:var(--fg-dim);text-align:center}.games-viewport{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;min-width:0}.games-screen{position:relative;width:100%;max-width:400px;background:#000;border:3px solid var(--border);border-radius:8px;box-shadow:inset 0 0 40px #000c,0 0 20px #00000080;overflow:hidden}.games-crt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;z-index:10}.games-content{padding:20px;min-height:300px;display:flex;align-items:center;justify-content:center}.games-panel.fullscreen .games-explorer{width:0;padding:0;overflow:hidden;border-right:none}.games-panel.fullscreen .games-viewport{padding:0}.games-panel.fullscreen .games-screen{max-width:none;width:100%;height:100%;border-radius:0;display:flex;flex-direction:column}.games-panel.fullscreen .games-content{flex:1;padding:16px;min-height:0}.games-panel.fullscreen .games-crt-overlay{border-radius:0}.games-panel.fullscreen:after{content:"[F] Exit";position:absolute;top:8px;right:12px;font-size:.7em;color:var(--fg-dim);opacity:.5;z-index:10}.games-panel.fullscreen .ttt-game,.games-panel.fullscreen .hanoi-game,.games-panel.fullscreen .breakout-game,.games-panel.fullscreen .memory-game,.games-panel.fullscreen .snake-game,.games-panel.fullscreen .pong-game,.games-panel.fullscreen .watersort-game,.games-panel.fullscreen .bumpy-game{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.games-panel.fullscreen .breakout-canvas,.games-panel.fullscreen .snake-canvas,.games-panel.fullscreen .pong-canvas,.games-panel.fullscreen .bumpy-canvas{width:90%;max-width:600px;height:auto}.games-panel.fullscreen .ttt-board{transform:scale(1.8)}.games-panel.fullscreen .hanoi-pegs{transform:scale(1.6)}.games-panel.fullscreen .memory-board{transform:scale(1.6);max-width:none}.games-panel.fullscreen .watersort-board{transform:scale(1.4);max-width:none}.games-welcome{color:var(--fg-dim);font-size:.85em;line-height:1.4;text-align:center}.ttt-game{text-align:center;outline:none}.ttt-title{color:var(--heading);font-size:1.2em;margin-bottom:16px;letter-spacing:.1em}.ttt-board{display:inline-grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--border);padding:2px}.ttt-cell{width:60px;height:60px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:700;color:var(--fg);cursor:pointer;transition:background .1s;margin:1px}.ttt-cell:hover{background:var(--code-bg)}.ttt-cell.selected{background:var(--button-bg);box-shadow:inset 0 0 0 2px var(--link)}.ttt-cell.win{color:var(--heading);background:var(--button-hover-bg);animation:ttt-pulse .5s ease-in-out infinite alternate}@keyframes ttt-pulse{0%{opacity:1}to{opacity:.7}}.ttt-row-sep{display:none}.ttt-status{margin-top:16px;font-size:1em;color:var(--fg)}.ttt-status.highlight{color:var(--heading);font-weight:700;animation:ttt-pulse .5s ease-in-out infinite alternate}.ttt-controls{margin-top:12px;font-size:.7em;color:var(--fg-dim)}.hanoi-game{text-align:center;outline:none}.hanoi-title{color:var(--heading);font-size:1.1em;margin-bottom:16px;letter-spacing:.1em}.hanoi-pegs{display:flex;justify-content:center;gap:12px}.hanoi-peg{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:4px;border-radius:4px;transition:background .1s}.hanoi-peg:hover{background:var(--code-bg)}.hanoi-peg.active{background:var(--button-bg);box-shadow:inset 0 0 0 2px var(--link)}.hanoi-pole{width:6px;height:20px;background:var(--border);border-radius:2px 2px 0 0}.hanoi-disks{display:flex;flex-direction:column;align-items:center;min-height:100px}.hanoi-slot{height:20px;width:6px;background:var(--border)}.hanoi-disk{height:18px;width:var(--disk-width);background:hsl(var(--disk-hue),70%,50%);border-radius:4px;margin:1px 0;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 4px #0000004d}.hanoi-disk.lifted{transform:translateY(-8px);box-shadow:0 6px 12px #0006}.hanoi-base{width:90px;height:8px;background:var(--border);border-radius:0 0 4px 4px;margin-top:2px;display:flex;align-items:center;justify-content:center;font-size:.7em;color:var(--fg-dim);padding-top:10px}.hanoi-status{margin-top:16px;font-size:.9em;color:var(--fg)}.hanoi-status .highlight{color:var(--heading);font-weight:700}.hanoi-controls{margin-top:12px;font-size:.65em;color:var(--fg-dim)}.breakout-game{text-align:center;outline:none}.breakout-hud{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.85em;color:var(--fg)}.breakout-canvas{display:block;margin:0 auto;border:1px solid var(--border)}.breakout-msg{margin-top:8px;font-size:.9em;color:var(--heading);min-height:1.2em}.breakout-controls{margin-top:8px;font-size:.65em;color:var(--fg-dim)}.memory-game{text-align:center;outline:none}.memory-title{color:var(--heading);font-size:1.1em;margin-bottom:12px;letter-spacing:.1em}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-width:200px;margin:0 auto}.memory-card{width:44px;height:44px;background:var(--button-bg);border:1px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.2em;font-weight:700;color:var(--fg-dim);cursor:pointer;transition:background .15s,transform .15s}.memory-card:hover{background:var(--button-hover-bg)}.memory-card.selected{box-shadow:inset 0 0 0 2px var(--link)}.memory-card.revealed{background:var(--code-bg);color:var(--heading);transform:rotateY(180deg)}.memory-card.matched{background:var(--button-hover-bg);color:var(--prompt);opacity:.7}.memory-status{margin-top:12px;font-size:.9em;color:var(--fg)}.memory-status .highlight{color:var(--heading);font-weight:700}.memory-controls{margin-top:8px;font-size:.65em;color:var(--fg-dim)}.snake-game{text-align:center;outline:none}.snake-hud{margin-bottom:8px;font-size:.9em;color:var(--fg)}.snake-canvas{display:block;margin:0 auto;border:1px solid var(--border)}.snake-msg{margin-top:8px;font-size:.9em;color:var(--heading);min-height:1.2em}.snake-controls{margin-top:8px;font-size:.65em;color:var(--fg-dim)}.pong-game{text-align:center;outline:none}.pong-title{color:var(--heading);font-size:1.2em;margin-bottom:8px;letter-spacing:.15em}.pong-canvas{display:block;margin:0 auto;border:1px solid var(--border)}.pong-msg{margin-top:8px;font-size:.9em;color:var(--heading);min-height:1.2em}.pong-controls{margin-top:8px;font-size:.6em;color:var(--fg-dim)}.watersort-game{text-align:center;outline:none}.watersort-title{color:var(--heading);font-size:1.1em;margin-bottom:4px}.watersort-level{color:var(--fg-dim);font-size:.8em;margin-bottom:12px}.watersort-board{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:360px;margin:0 auto}.watersort-tube{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .15s}.watersort-tube:hover{transform:translateY(-4px)}.watersort-tube.cursor .watersort-tube-inner{box-shadow:0 0 0 2px var(--link)}.watersort-tube.selected .watersort-tube-inner{box-shadow:0 0 0 2px var(--heading);transform:translateY(-8px)}.watersort-tube.solved .watersort-tube-inner{opacity:.6}.watersort-tube.solved:after{content:"✓";position:absolute;bottom:-18px;color:var(--prompt);font-size:.9em}.watersort-tube{position:relative}.watersort-tube-inner{width:32px;height:80px;background:var(--bg);border:2px solid var(--border);border-radius:0 0 16px 16px;border-top:none;display:flex;flex-direction:column-reverse;overflow:hidden;transition:transform .15s,box-shadow .15s}.watersort-tube-base{width:40px;height:4px;background:var(--border);border-radius:0 0 4px 4px;margin-top:2px}.watersort-segment{width:100%;height:20px;transition:background-color .2s}.watersort-segment.filled{box-shadow:inset 0 -2px 4px #0000004d,inset 0 2px 4px #fff3}.watersort-status{margin-top:16px;font-size:.9em;color:var(--fg)}.watersort-status .highlight{color:var(--heading);font-weight:700}.watersort-controls{margin-top:8px;font-size:.6em;color:var(--fg-dim)}.bumpy-game{text-align:center;outline:none}.bumpy-title{color:var(--heading);font-size:1.1em;margin-bottom:4px;letter-spacing:.1em}.bumpy-hud{display:flex;justify-content:center;gap:20px;margin-bottom:8px;font-size:.85em;color:var(--fg)}.bumpy-canvas{display:block;margin:0 auto;border:1px solid var(--border);border-radius:4px}.bumpy-status{margin-top:8px;font-size:.9em;color:var(--fg)}.bumpy-status .highlight{color:var(--heading);font-weight:700}.bumpy-controls{margin-top:8px;font-size:.6em;color:var(--fg-dim)}.game-blog-link{display:inline-block;margin-top:12px;padding:6px 14px;background:var(--button-bg);color:var(--link);border:1px solid var(--border);border-radius:4px;font-size:.75em;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}.game-blog-link:hover{background:var(--button-hover-bg);border-color:var(--link);text-decoration:none}#panel-support{overflow-y:auto;padding:16px}.support-panel{max-width:600px;margin:0 auto}.support-header{text-align:center;margin-bottom:24px}.support-ascii{color:var(--heading);font-size:.6em;line-height:1.1;margin-bottom:12px}.support-title{color:var(--heading);font-size:1.4em;margin:0}.support-message{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:24px;line-height:1.6}.support-message p{margin:0 0 8px}.support-message p:last-child{margin-bottom:0}.support-section{margin-bottom:24px}.support-section h2{color:var(--heading);font-size:1em;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.support-platforms{display:flex;flex-direction:column;gap:10px}.support-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--button-bg);border:1px solid var(--border);border-radius:6px;color:var(--fg);text-decoration:none;transition:background .15s,border-color .15s}.support-btn:hover{background:var(--button-hover-bg);border-color:var(--link);text-decoration:none}.support-btn.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.support-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--code-bg);border-radius:6px;font-size:1.2em;font-weight:700;color:var(--heading)}.support-patreon .support-icon{background:#ff424d20;color:#ff424d}.support-kofi .support-icon{background:#29abe020;color:#29abe0}.support-bmac .support-icon{background:#ffdd0020;color:#fd0}.support-soon{margin-left:auto;font-size:.75em;color:var(--fg-dim);background:var(--code-bg);padding:2px 8px;border-radius:10px}.support-social{display:flex;flex-wrap:wrap;gap:12px}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#e8e8e8;border:1px solid var(--border);border-radius:8px;transition:background .15s,border-color .15s,transform .15s}.social-link:hover{background:#fff;border-color:var(--link);transform:translateY(-2px)}.social-link img{opacity:.85;transition:opacity .15s}.social-link:hover img{opacity:1}.support-footer{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;padding:16px;text-align:center;line-height:1.6}.support-footer p{margin:0 0 8px}.support-footer a{color:var(--link)}.support-thanks{color:var(--heading);font-weight:700;margin-top:12px}.contributors-list{display:flex;flex-direction:column;gap:8px}.contributors-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--code-bg);border:1px solid var(--border);border-radius:6px}.contributors-name{color:var(--heading);font-weight:700}.contributors-role{color:var(--fg-dim);font-size:.85em}@media (max-width: 600px){.support-ascii{font-size:.45em}.support-social{justify-content:center}}@media (max-width: 600px){.games-explorer{width:140px;padding:8px}.games-folder-art{font-size:.55em}.games-viewport{padding:8px}.ttt-cell{width:45px;height:45px;font-size:1.5em}.hanoi-pegs{gap:6px}.hanoi-base{width:70px}.memory-card{width:36px;height:36px;font-size:1em}}.settings-panel-wide{max-width:800px;padding:8px}.settings-presets-section{margin-bottom:20px}.settings-presets-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.settings-presets-label{color:var(--heading);font-size:.85em;letter-spacing:.15em;font-weight:700;white-space:nowrap}.settings-presets-line{flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.settings-presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.settings-preset-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--code-bg);border:2px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s;font-family:inherit}.settings-preset-btn:hover{background:var(--button-bg);border-color:var(--prompt);transform:translateY(-2px)}.settings-preset-btn:active{transform:translateY(0)}.preset-icon{font-size:1.4em;letter-spacing:2px;color:var(--prompt)}.preset-name{font-size:.7em;color:var(--fg);letter-spacing:.1em}.settings-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 700px){.settings-main-grid{grid-template-columns:1fr}}.settings-column{display:flex;flex-direction:column;gap:16px}.settings-column-title{color:var(--heading);font-size:.85em;letter-spacing:.15em;font-weight:700;padding-bottom:8px;border-bottom:1px solid var(--border)}.settings-knob-section{background:var(--code-bg);border:1px solid var(--border);border-radius:6px;padding:12px}.settings-knob-row{display:flex;align-items:center;justify-content:space-between}.settings-knob-label{color:var(--fg);font-size:.85em;letter-spacing:.1em}.settings-knob{width:56px;height:32px;background:var(--bg);border:2px solid var(--border);border-radius:16px;cursor:pointer;position:relative;transition:all .2s;display:flex;align-items:center;padding:0 4px;font-family:inherit}.settings-knob .knob-indicator{width:22px;height:22px;background:var(--fg-dim);border-radius:50%;transition:all .2s;position:absolute;left:4px;box-shadow:0 2px 4px #0000004d}.settings-knob.on{background:var(--prompt);border-color:var(--prompt)}.settings-knob.on .knob-indicator{left:calc(100% - 26px);background:var(--bg)}.settings-knob .knob-state{font-size:.55em;font-weight:700;letter-spacing:.05em;color:var(--fg-dim);position:absolute;right:8px}.settings-knob.on .knob-state{left:8px;right:auto;color:var(--bg)}.settings-selector-section{background:var(--code-bg);border:1px solid var(--border);border-radius:6px;padding:12px}.settings-selector-label{display:block;color:var(--fg);font-size:.75em;letter-spacing:.1em;margin-bottom:8px}.settings-selector-buttons{display:flex;gap:4px}.settings-selector-btn{flex:1;padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--fg-dim);font-size:.7em;font-family:inherit;letter-spacing:.05em;cursor:pointer;transition:all .15s}.settings-selector-btn:hover{background:var(--button-bg);color:var(--fg)}.settings-selector-btn.active{background:var(--prompt);color:var(--bg);border-color:var(--prompt);font-weight:700}.settings-sliders-section{display:flex;flex-direction:column;gap:8px}.settings-slider-row{display:grid;grid-template-columns:80px 1fr 50px;gap:12px;align-items:center;background:var(--code-bg);border:1px solid var(--border);border-radius:4px;padding:8px 12px}.settings-slider-label{color:var(--fg);font-size:.7em;letter-spacing:.1em}.settings-slider-track{position:relative;height:8px;background:var(--bg);border-radius:4px;border:1px solid var(--border);overflow:hidden}.settings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;background:transparent;cursor:pointer;position:relative;z-index:2;margin:0}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--prompt);cursor:pointer;border:2px solid var(--bg);box-shadow:0 0 4px #0006;margin-top:-3px}.settings-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--prompt);cursor:pointer;border:2px solid var(--bg)}.settings-slider-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--prompt),var(--heading));border-radius:4px 0 0 4px;z-index:1;pointer-events:none;box-shadow:0 0 8px var(--prompt)}.settings-slider-value{color:var(--heading);font-size:.8em;font-weight:700;text-align:right;text-shadow:0 0 8px var(--prompt)}.settings-option-section{background:var(--code-bg);border:1px solid var(--border);border-radius:6px;padding:12px}.settings-option-label{display:block;color:var(--fg);font-size:.75em;letter-spacing:.1em;margin-bottom:8px}.settings-option-buttons{display:flex;flex-wrap:wrap;gap:4px}.settings-option-btn{padding:5px 10px;background:var(--bg);border:1px solid var(--border);border-radius:3px;color:var(--fg-dim);font-size:.7em;font-family:inherit;letter-spacing:.05em;cursor:pointer;transition:all .15s}.settings-option-btn:hover{background:var(--button-bg);color:var(--fg);border-color:var(--prompt)}.settings-option-btn.active{background:var(--button-hover-bg);color:var(--heading);border-color:var(--heading);font-weight:700}.settings-reset-section{margin-top:auto;padding-top:12px}.settings-reset-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:transparent;border:2px dashed var(--border);border-radius:6px;color:var(--fg-dim);font-size:.75em;font-family:inherit;letter-spacing:.1em;cursor:pointer;transition:all .15s}.settings-reset-btn:hover{background:var(--code-bg);border-color:var(--prompt);color:var(--prompt)}.reset-icon{font-size:1.2em}@media (max-width: 500px){.settings-presets-grid{grid-template-columns:repeat(3,1fr)}.settings-slider-row{grid-template-columns:60px 1fr 40px;gap:8px;padding:6px 8px}.settings-slider-label{font-size:.6em}.settings-option-btn,.settings-selector-btn{font-size:.6em;padding:4px 6px}}@media (max-width: 768px){.ascii-art{font-size:.5em}}@media (max-width: 480px){.ascii-art{font-size:.35em}}@media (max-width: 768px){.md-content pre{overflow-x:auto;font-size:.8em;-webkit-overflow-scrolling:touch}.md-content pre code{font-size:inherit}}@media (max-width: 480px){.md-content pre{white-space:pre-wrap;word-break:break-all;font-size:.7em}}.games-hamburger{display:none;position:absolute;top:8px;left:8px;z-index:25;width:40px;height:40px;background:var(--button-bg);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-size:1.4em;cursor:pointer;align-items:center;justify-content:center;transition:background .15s}.games-hamburger:hover{background:var(--button-hover-bg)}.games-explorer-close{display:none;position:absolute;top:8px;right:8px;width:32px;height:32px;background:var(--button-bg);border:1px solid var(--border);border-radius:4px;color:var(--fg);font-size:1.2em;cursor:pointer;align-items:center;justify-content:center;z-index:2}.games-explorer-close:hover{background:var(--button-hover-bg)}.games-menu-backdrop{display:none}@media (max-width: 768px){.games-hamburger,.games-explorer-close{display:flex}.games-explorer{position:absolute;left:0;top:0;height:100%;width:220px;z-index:30;transform:translate(-100%);transition:transform .25s ease;border-right:2px solid var(--border);background:var(--code-bg)}.games-panel.menu-open .games-explorer{transform:translate(0)}.games-menu-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:20;opacity:0;pointer-events:none;transition:opacity .25s}.games-panel.menu-open .games-menu-backdrop{opacity:1;pointer-events:auto}.games-viewport{padding-top:52px}}.game-shortcut-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;margin:2px;background:var(--button-bg);color:var(--button-fg);border:1px solid var(--border);border-radius:3px;font-family:inherit;font-size:1em;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:background .1s,border-color .1s;-webkit-tap-highlight-color:transparent}.game-shortcut-btn:hover{background:var(--button-hover-bg);border-color:var(--prompt)}.game-shortcut-btn:active{background:var(--prompt);color:var(--bg)}.game-shortcut-key{font-weight:700;color:var(--heading)}.game-shortcut-btn:active .game-shortcut-key{color:var(--bg)}.gamepad-overlay{display:none}@media (pointer: coarse),(hover: none){.gamepad-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;touch-action:none}.gamepad-overlay *{pointer-events:auto}}.gamepad-portrait .gamepad-touch-zone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;touch-action:none}.gamepad-landscape{display:flex;align-items:flex-end;justify-content:space-between;padding:12px 16px}.gamepad-left,.gamepad-right{flex-shrink:0}.gamepad-dpad{display:grid;grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px 44px;gap:2px}.gamepad-dpad-btn{width:44px;height:44px;background:var(--button-bg);border:2px solid var(--border);border-radius:6px;color:var(--fg);font-size:1em;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;opacity:.8;transition:opacity .1s,background .1s}.gamepad-dpad-btn.active{background:var(--prompt);color:var(--bg);border-color:var(--prompt);opacity:1}.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad-right{grid-column:3;grid-row:2}.dpad-down{grid-column:2;grid-row:3}.gamepad-dpad-center{grid-column:2;grid-row:2;background:var(--code-bg);border-radius:4px}.gamepad-buttons{display:grid;grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px 44px;gap:2px}.gamepad-btn{width:44px;height:44px;border-radius:50%;background:var(--button-bg);border:2px solid var(--border);color:var(--fg);font-size:.85em;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;opacity:.8;transition:opacity .1s,background .1s}.gamepad-btn.active{background:var(--prompt);color:var(--bg);border-color:var(--prompt);opacity:1}.gamepad-btn.disabled{opacity:.3;pointer-events:none}.btn-y{grid-column:2;grid-row:1}.btn-x{grid-column:1;grid-row:2}.btn-a{grid-column:3;grid-row:2}.btn-b{grid-column:2;grid-row:3}@media (max-width: 768px){.nav-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.sidebar-btn{min-width:36px;min-height:36px}.ttt-game,.hanoi-game,.breakout-game,.memory-game,.snake-game,.pong-game,.watersort-game,.bumpy-game{touch-action:manipulation;-webkit-user-select:none;user-select:none}.games-viewport{position:relative}}@media (max-width: 600px){.snake-controls,.breakout-controls,.pong-controls,.ttt-controls,.hanoi-controls,.memory-controls,.watersort-controls,.bumpy-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:2px}}@keyframes contributor-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes contributor-glow{0%,to{border-color:var(--border)}50%{border-color:var(--prompt)}}@keyframes contributor-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes heart-pulse-rotate{0%{transform:scale(1) rotate(0)}15%{transform:scale(1.2) rotate(5deg)}30%{transform:scale(1) rotate(0)}45%{transform:scale(1.12) rotate(-4deg)}60%{transform:scale(1) rotate(0)}to{transform:scale(1) rotate(0)}}.contributor-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:24px 20px;margin:24px 0;background:var(--code-bg);border:2px solid var(--border);border-radius:10px;position:relative;overflow:hidden;animation:contributor-fade-in .6s ease-out both,contributor-glow 3s ease-in-out infinite}.contributor-card:before{content:"♥";font-size:2.4em;color:var(--prompt);animation:heart-pulse-rotate 2s ease-in-out infinite;text-shadow:0 0 12px var(--prompt)}.contributor-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(var(--contributor-glow-rgb, 86, 200, 216),.05) 50%,transparent 100%);background-size:200% 100%;animation:contributor-shimmer 5s linear infinite;pointer-events:none}.contributor-card-text{text-align:center}.contributor-header{font-size:.7em;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--bg);background:var(--prompt);display:inline-block;padding:3px 14px;margin-top:24px;border-radius:10px;margin-bottom:10px;animation:heart-pulse-rotate 5s ease-in-out infinite}.contributor-name{font-size:1.3em;font-weight:700;color:var(--heading);margin-bottom:6px;text-shadow:0 0 16px var(--prompt)}.contributor-msg{color:var(--fg-dim);font-size:.85em;line-height:1.6}@media (max-width: 480px){.contributor-card{padding:16px 12px;gap:14px}.contributor-card:before{font-size:1.8em}.contributor-name{font-size:1.1em}}