:root{--bg: #050505;--panel: #111;--text: #00ff99;--border: #00ff99;--accent: #00ffaa;--shadow: rgba(0,255,150,.3);--scroll-main: #00ff88;--scroll-dark: #004422;--scroll-glow: rgba(0,255,136,.6);--glitch-a: #ff4a4a;--glitch-b: #4ad7ff}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);overflow:hidden;font-family:var(--font);font-family:Share Tech Mono,monospace;font-size:16px;letter-spacing:.03em;line-height:1.4}input,button,textarea{font-family:inherit;font-size:inherit}.app{min-height:100vh;display:flex;align-items:center;justify-content:center}.terminal{width:920px;max-width:95%;min-height:540px;background:var(--panel);padding:28px;border:2px solid var(--border);outline:none;outline-offset:-6px;color:var(--text);box-shadow:0 30px 70px #00000073,inset 0 0 25px #ffffff0d}.header{background:var(--bg);color:var(--accent);padding:6px 12px;margin-bottom:18px;font-size:18px;letter-spacing:1px;border-bottom:1px solid var(--border)}.menu p{font-size:18px;margin:8px 0;cursor:pointer}.menu p:hover{background:#d6b98c26}.cursor{display:inline-block;width:10px;background:#e6d8b8;margin-left:5px;animation:blink 1s infinite}.menu p{animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.terminal-body{max-height:360px;overflow-y:auto;margin-bottom:10px}.input-line{display:flex;align-items:center;gap:6px}.input-line input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:18px}.boot pre{color:#d6b98c;font-size:14px;margin-bottom:10px}.desktop{position:relative}.floating{position:absolute;bottom:40px;left:40px;width:500px}.window-frame{position:absolute;width:360px;height:320px;background:var(--panel);border:2px solid var(--border);outline:2px solid #d8c8a8;outline-offset:-6px;color:var(--text);box-shadow:0 0 12px var(--shadow)}.titlebar button{background:none;border:none;color:#e6d8b8;cursor:pointer}.window-body{padding:6px;height:calc(100% - 26px);display:flex;flex-direction:column;overflow:hidden}.floating{transition:all .6s ease}.centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:520px}.docked{position:absolute;bottom:40px;left:40px;width:420px}.taskbar{position:fixed;bottom:0;left:0;right:0;display:flex;gap:6px;padding:6px;background:var(--taskbar-bg);border-top:2px solid var(--taskbar-border);z-index:50}.taskbar button{background:transparent;border:1px solid currentColor;color:currentColor;padding:4px 10px;cursor:pointer}.theme-matrix{background:#000;color:#0f6;text-shadow:0 0 8px #00ff66}.theme-cyberpunk{background:#120018;color:#f0f}.theme-terminal-green{background:#001b00;color:#0f0}.theme-midnight{background:#050b1e;color:#6da7ff}.theme-paper{background:#f4f1ea;color:#222}.theme-ice{background:#f4fbff;color:#035}.theme-blood{background:#0a0000;color:#ff2b2b;text-shadow:0 0 6px rgba(255,43,43,.6)}.theme-matrix{background:#000;color:#0f6;text-shadow:0 0 6px rgba(0,255,102,.6)}.theme-dos .terminal,.theme-dos .window-frame{background:#001b7a;border-color:#fff}.theme-dos .header,.theme-dos .titlebar{background:#fff;color:#001b7a}.theme-teal{background:linear-gradient(180deg,#033,#001a1a);color:#7fffd4}.theme-teal .terminal,.theme-teal .window-frame{background:#001818;border-color:#2fffd5}.theme-teal .header,.theme-teal .titlebar{background:#003f3f;color:#7fffd4}.boot-screen{min-height:100vh;background:#000;color:#d8c8a8;display:flex;flex-direction:column;align-items:center;justify-content:center}.boot-logo{font-size:14px;margin-bottom:30px}.boot-menu div{font-size:18px;margin:6px 0}.boot-menu .active{color:#fff}.boot-help{margin-top:40px;font-size:14px;opacity:.7}.boot-screen.animating{animation:bootFade 1.4s ease forwards}@keyframes bootFade{to{opacity:0;filter:blur(8px)}}.help-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999}.help-box{background:#111;border:2px solid #aaa;padding:20px 30px;color:#f1e2c6;min-width:320px}.help-box h3{margin-bottom:10px}.help-box .hint{margin-top:12px;opacity:.6;font-size:12px}.crt{position:relative;overflow:hidden}.crt:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 2px,transparent 4px);pointer-events:none;z-index:9999}.crt{filter:contrast(1.15) saturate(1.2)}.crt:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#ffffff14,#00000059);pointer-events:none;mix-blend-mode:overlay}@keyframes crtFlicker{0%{filter:brightness(1.02)}to{filter:brightness(.98)}}.window-frame{animation:windowOpen .28s cubic-bezier(.2,.8,.2,1);transform-origin:center}@keyframes windowOpen{0%{transform:scale(.7) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes windowOpen{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.window-frame.closing{animation:windowClose .2s ease-in forwards}@keyframes windowClose{to{transform:scale(.85);opacity:0}}.cursor{display:inline-block;width:10px;height:18px;background:currentColor;margin-left:4px;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.boot-logo{position:relative;animation:glitch .8s infinite}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px)}80%{transform:translate(1px,1px)}}.iframe-wrapper{display:flex;flex-direction:column;height:100%}.iframe-wrapper{position:relative}.iframe-wrapper iframe{pointer-events:auto}.iframe-toolbar{background:linear-gradient(to bottom,#ffffff1f,#0003);color:currentColor;border-bottom:2px solid currentColor}.ie-icon{margin-right:6px}.iframe-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iframe-wrapper iframe{flex:1;width:100%;height:100%;border:none;background:#000}.app.desktop{animation:powerOn .6s ease-out}@keyframes powerOn{0%{transform:scaleY(.05);filter:brightness(3)}40%{transform:scaleY(1.2);filter:brightness(2)}to{transform:scaleY(1);filter:brightness(1)}}.titlebar{height:26px;background:var(--window-bar-bg);color:var(--window-bar-color);font-size:13px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;border-bottom:2px solid var(--window-bar-border)}.titlebar button{background:var(--panel);border:1px solid var(--border);color:var(--text);width:22px;height:18px;font-size:12px;font-weight:700;cursor:pointer;margin-left:4px}.titlebar button:hover{filter:brightness(1.2)}.resize-handle{position:absolute;right:1px;bottom:1px;width:18px;height:18px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 0%,transparent 40%,rgba(255,255,255,.5) 40%,rgba(255,255,255,.5) 45%,transparent 45%,transparent 60%,rgba(255,255,255,.5) 60%,rgba(255,255,255,.5) 65%,transparent 65%,transparent 80%,rgba(255,255,255,.5) 80%,rgba(255,255,255,.5) 85%,transparent 85%);pointer-events:auto;z-index:10}.error-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:99999;pointer-events:all}.error-box{background:#200;color:#ffbaba;border:3px solid red;padding:24px 32px;max-width:420px;text-align:center;box-shadow:0 0 20px red}.error-overlay{z-index:200000!important;position:fixed}.crt:before{z-index:1000}.fake-loader{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px}.loader-bar{width:240px;height:14px;border:2px solid currentColor;position:relative;overflow:hidden}.loader-bar:after{content:"";position:absolute;inset:2px;background:currentColor;animation:loadingMove 1.2s linear infinite;transform-origin:left}@keyframes loadingMove{0%{transform:scaleX(.05)}to{transform:scaleX(1)}}.error-overlay{position:fixed;inset:0;z-index:999999!important}.error-box{z-index:1000000}.crt:before{z-index:500}.iframe-expand{margin-left:auto;cursor:pointer;padding:0 8px;font-weight:700;opacity:.7;-webkit-user-select:none;user-select:none}.iframe-expand:hover{opacity:1}.nick-input{background:#000;border:2px solid #aaa;color:#fff;font-size:22px;padding:10px 16px;margin-top:20px;text-align:center;outline:none;min-width:260px}.game-mode{cursor:none}.game-mode .window-frame{animation:gameEnter .35s ease-out}@keyframes gameEnter{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.window-frame.autosize{width:fit-content;height:fit-content;min-width:240px}.dos-cursor{position:absolute;right:-10px;bottom:2px;width:10px;height:18px;background:currentColor;animation:dos-blink 1s steps(1) infinite;pointer-events:none}.terminal input{caret-color:transparent}.dos-input-wrapper{position:relative;display:inline-block}.dos-cursor{position:absolute;bottom:2px;width:9px;height:18px;background:currentColor;opacity:0;pointer-events:none;mix-blend-mode:difference;box-shadow:0 0 6px currentColor}.dos-cursor.active{animation:dos-blink 1s steps(1) infinite;opacity:1}@keyframes dos-blink{0%,50%{opacity:1}51%,to{opacity:0}}.desktop{position:relative;overflow:hidden}.desktop:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 2px,transparent 4px);mix-blend-mode:multiply;animation:scanMove 6s linear infinite}@keyframes scanMove{0%{background-position-y:0}to{background-position-y:100px}}.desktop{animation:crtFlicker .12s infinite alternate}@keyframes crtFlicker{0%{filter:brightness(1)}to{filter:brightness(1.04)}}.desktop{text-shadow:0 0 6px currentColor}.dots:after{content:"";animation:dots 1.2s infinite}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.theme-matrix{--bg: #000;--panel: #020902;--text: #00ff66;--border: #00ff66;--accent: #9cff00;--shadow: rgba(0,255,100,.6);--font: "Courier New", monospace;--scroll-main: #00ff66;--scroll-dark: #003311;--scroll-glow: rgba(0,255,102,.6)}.theme-cyberpunk{--bg: #0b0016;--panel: #160022;--text: #ff4dff;--border: #00ffff;--accent: #ffd000;--shadow: rgba(255,0,255,.7);--font: "Orbitron", monospace}.theme-ice{--bg: #eaf7ff;--panel: #ffffff;--text: #004466;--border: #00aaff;--accent: #0077cc;--shadow: rgba(0,150,255,.4);--font: "Segoe UI", sans-serif;--scroll-main: #55ccff;--scroll-dark: #002233;--scroll-glow: rgba(85,204,255,.6)}.theme-blood{--bg: #0b0000;--panel: #160000;--text: #ff3333;--border: #ff0000;--accent: #ff7777;--shadow: rgba(255,0,0,.8);--font: "Courier New", monospace;--scroll-main: #ff3333;--scroll-dark: #330000;--scroll-glow: rgba(255,51,51,.6)}.theme-amber{--bg: radial-gradient(circle at center, #2b1600, #000);--panel: #120800;--text: #ffcc88;--border: #cc7a00;--accent: #ffaa33;--shadow: rgba(255,170,0,.4);--font: "Lucida Console", monospace;--scroll-main: #ffb000;--scroll-dark: #5a3300;--scroll-glow: rgba(255,176,0,.7)}.theme-mono{--bg: #111;--panel: #1a1a1a;--text: #eee;--border: #777;--accent: #fff;--shadow: rgba(255,255,255,.25);--font: "Consolas", monospace;--scroll-main: #e5e5e5;--scroll-dark: #777777;--scroll-glow: rgba(255,255,255,.4)}.theme-dos{--bg: #050b1a;--panel: #0b1f3a;--panel-dark: #08162b;--text: #cfe4ff;--muted-text: #8fb4e8;--accent: #4da3ff;--highlight: #7fc1ff;--border: #1e3f73;--shadow: rgba(0,0,0,.65);--font: "Courier New", monospace;--scroll-main: #4da3ff;--scroll-dark: #1e3f73;--scroll-glow: rgba(77,163,255,.5)}.theme-teal{--bg: #002222;--panel: #001818;--text: #7fffd4;--border: #2fffd5;--accent: #9ffff0;--shadow: rgba(0,255,200,.4);--font: "JetBrains Mono", monospace;--scroll-main: #00ffd0;--scroll-dark: #004433;--scroll-glow: rgba(0,255,208,.65)}.active-row{background:#ffffff1f}.desktop{transition:background .6s ease,color .4s ease}.theme-transition{animation:themeFlash .4s ease}@keyframes themeFlash{0%{filter:brightness(1)}50%{filter:brightness(1.4) saturate(1.4)}to{filter:brightness(1)}}.theme-retro{--bg: #cbb29a;--panel: #f3e2cf;--panel-dark: #e6d2bc;--text: #1b1b1b;--muted-text: #4b3f34;--accent: #a6763a;--highlight: #d9b27c;--border: #9a7b54;--shadow: rgba(0, 0, 0, .18);--font: "Courier New", monospace;--scroll-main: #a6763a;--scroll-dark: #6a4a2a;--scroll-glow: rgba(166,118,58,.35)}body,.desktop,.terminal,.window-frame,.window-body,.header,.titlebar,.taskbar,.taskbar button,.help-box,.error-box,.boot-screen{color:var(--text)!important}@keyframes screen-shake{0%{transform:translate(0)}20%{transform:translate(-8px,4px)}40%{transform:translate(6px,-4px)}60%{transform:translate(-6px,2px)}80%{transform:translate(4px,-2px)}to{transform:translate(0)}}.screen-shake{animation:screen-shake .35s ease}::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}@keyframes glitch-scroll{0%{transform:translate(0);filter:hue-rotate(0deg)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px);filter:hue-rotate(15deg)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0);filter:hue-rotate(0deg)}}.scroll-glitch{animation:glitch-scroll .18s linear}:root{--scroll-main: #00ff88;--scroll-dark: #004422;--scroll-glow: rgba(0,255,136,.6)}.theme-dos{--scroll-main: #7fd0ff;--scroll-dark: #002244;--scroll-glow: rgba(127,208,255,.6)}.theme-matrix{--scroll-main: #00ff66;--scroll-dark: #003311;--scroll-glow: rgba(0,255,102,.6)}.theme-blood{--scroll-main: #ff3333;--scroll-dark: #330000;--scroll-glow: rgba(255,51,51,.6)}.theme-ice{--scroll-main: #55ccff;--scroll-dark: #002233;--scroll-glow: rgba(85,204,255,.6)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#050505;border:1px solid var(--scroll-main);box-shadow:inset 0 0 4px var(--scroll-glow)}::-webkit-scrollbar-thumb{background:repeating-linear-gradient(180deg,var(--scroll-main) 0px,var(--scroll-main) 2px,var(--scroll-dark) 2px,var(--scroll-dark) 4px);border:1px solid var(--scroll-main);box-shadow:0 0 6px var(--scroll-glow)}::-webkit-scrollbar-thumb:hover{filter:brightness(1.25)}*{scrollbar-width:thin;scrollbar-color:var(--scroll-main) #050505}.terminal-status{display:flex;justify-content:space-between;padding:4px 10px;font-size:12px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.15);opacity:.85;background:#00000059}.help-box h3{letter-spacing:2px;text-align:center;margin-bottom:10px}.help-box p{font-size:13px;opacity:.9}.help-box .hint{margin-top:12px;font-size:11px;opacity:.5;text-align:center}@keyframes ui-glitch{0%{transform:translate(0);filter:hue-rotate(0deg)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px);filter:hue-rotate(20deg)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0);filter:hue-rotate(0deg)}}.ui-glitch{animation:ui-glitch .18s linear}.devtools-open{filter:blur(2px) brightness(.7)}.center-logo{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:0}.center-logo span{position:relative;font-size:clamp(56px,9vw,140px);font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);opacity:.18;filter:blur(.25px);animation:flicker-soft 6s infinite;text-shadow:0 0 18px var(--glitch-a),0 0 40px color-mix(in srgb,var(--glitch-a),transparent 70%)}.center-logo span:before,.center-logo span:after{content:attr(data-text);position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none}.center-logo span:before{color:var(--glitch-a);animation:glitch-diag-1 7s infinite steps(1)}.center-logo span:after{color:var(--glitch-b);animation:glitch-diag-2 5.5s infinite steps(1)}@keyframes flicker-soft{0%{opacity:.16}8%{opacity:.05}12%{opacity:.18}22%{opacity:.09}38%{opacity:.21}55%{opacity:.07}71%{opacity:.19}to{opacity:.16}}@keyframes glitch-diag-1{0%{transform:translate(0);clip-path:inset(0 0 0 0)}10%{transform:translate(-6px,4px);clip-path:inset(10% 0 70% 0)}18%{transform:translate(8px,-6px);clip-path:inset(50% 0 20% 0)}28%{transform:translate(-12px,10px);clip-path:inset(30% 0 40% 0)}42%{transform:translate(5px,-9px);clip-path:inset(0 0 0 0)}58%{transform:translate(-10px,6px);clip-path:inset(60% 0 10% 0)}74%{transform:translate(7px,-4px);clip-path:inset(15% 0 55% 0)}to{transform:translate(0);clip-path:inset(0 0 0 0)}}@keyframes glitch-diag-2{0%{transform:translate(0);clip-path:inset(0 0 0 0)}14%{transform:translate(9px,-7px);clip-path:inset(40% 0 30% 0)}26%{transform:translate(-8px,6px);clip-path:inset(10% 0 60% 0)}39%{transform:translate(12px,-9px);clip-path:inset(55% 0 15% 0)}53%{transform:translate(-6px,4px);clip-path:inset(20% 0 50% 0)}69%{transform:translate(10px,-5px);clip-path:inset(70% 0 5% 0)}to{transform:translate(0);clip-path:inset(0 0 0 0)}}.theme-retro{--glitch-a: #ffb66e;--glitch-b: #c47a2c}.theme-amber{--glitch-a: #ffd36a;--glitch-b: #ff9f1a}.theme-matrix{--glitch-a: #00ff66;--glitch-b: #00aa44}.theme-cyberpunk{--glitch-a: #ff3bd4;--glitch-b: #00f0ff}.theme-mono{--glitch-a: #ffffff;--glitch-b: #999999}.theme-blood{--glitch-a: #ff2b2b;--glitch-b: #7a0000}.theme-ice{--glitch-a: #b9f6ff;--glitch-b: #4fd2ff}.theme-teal{--glitch-a: #4affd2;--glitch-b: #1aa37a}
