@font-face{font-family:VT323;src:url(/assets/VT323-C5q55ueI.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Regular-BQaDgvhP.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-SemiBold-BM8Dc2t-.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Bold-D4WEaHbo.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Smiley Sans;src:url(/assets/SmileySans-Oblique.ttf-K8hpreXB.woff2) format("woff2");font-weight:400;font-style:oblique;font-display:swap}:root{--primary: #ffb000;--secondary: #d48900;--dim: #4a3b00;--bg: #0d0a00;--scanline: rgba(0, 0, 0, .4);--crt-flicker: rgba(255, 176, 0, .03);--font-main: "VT323", "Smiley Sans", monospace;--font-code: "JetBrains Mono", monospace;--font-cjk: "Smiley Sans", "VT323", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;height:100%;width:100%;background-color:#000;color:var(--primary);font-family:var(--font-main);overflow:hidden}#app{height:100%;width:100%}.device-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;background:var(--bg)}.hud-header{height:40px;border-bottom:2px solid var(--dim);display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-family:var(--font-code);font-size:.8rem;letter-spacing:1px;background:#140f00e6;z-index:20;flex-shrink:0}.hud-left{display:flex;gap:15px}.hud-right{display:flex;gap:10px;align-items:center}.led{width:8px;height:8px;border-radius:50%;background:var(--dim);box-shadow:0 0 2px var(--dim);transition:all .3s}.led.on{background:#f30;box-shadow:0 0 8px #f30;animation:blink 2s infinite}.led.pwr{background:var(--primary);box-shadow:0 0 8px var(--primary)}.terminal-viewport{flex:1;position:relative;overflow:hidden;display:flex}.sidebar{width:200px;border-right:2px solid var(--dim);padding:15px;display:flex;flex-direction:column;gap:20px;font-family:var(--font-code);font-size:.75rem;color:var(--secondary);background:#0a080080}.terminal-screen{flex:1;position:relative;overflow-y:auto;padding:20px 20px 100px;font-size:1.3rem;line-height:1.5;text-shadow:0 0 5px rgba(255,176,0,.6);scroll-behavior:smooth}.terminal-screen::-webkit-scrollbar{width:6px}.terminal-screen::-webkit-scrollbar-track{background:var(--bg)}.terminal-screen::-webkit-scrollbar-thumb{background:var(--dim);border-radius:3px}.terminal-screen::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.crt-overlay{position:absolute;inset:0;pointer-events:none;z-index:10;background:linear-gradient(#12101000 50%,#00000040 50%),radial-gradient(circle at center,transparent 70%,rgba(0,0,0,.7) 100%);background-size:100% 4px,100% 100%;animation:flicker .15s infinite}.line{margin-bottom:8px;opacity:.9;white-space:pre-wrap;word-break:break-word}.section-title{color:#000;background:var(--primary);padding:2px 8px;display:inline-block;margin-top:25px;margin-bottom:10px;font-weight:700}.cmd-prompt{color:var(--secondary);margin-right:10px}.cursor{display:inline-block;width:10px;height:1.1em;background:var(--primary);vertical-align:sub;animation:blink-cursor 1s step-end infinite}.mobile-hint{position:fixed;bottom:20px;left:0;width:100%;text-align:center;font-size:.9rem;color:var(--dim);animation:pulse 2s infinite;pointer-events:none;z-index:30;font-family:var(--font-code)}.input-area{display:flex;align-items:center;margin-top:10px}.real-input{background:transparent;border:none;border-bottom:1px dashed var(--secondary);color:var(--primary);font-family:var(--font-main);font-size:1.3rem;width:80%;outline:none;text-shadow:0 0 5px var(--primary)}.line.sys{color:#4a9}.line.highlight{font-size:1.5rem;font-weight:700;margin-top:20px}.line.countdown,.line.git-log{color:var(--secondary)}.line.glitch{position:relative;animation:glitch-skew 1s infinite linear alternate-reverse}.line.glitch:before,.line.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.line.glitch:before{left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.line.glitch:after{left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;animation:glitch-anim2 1s infinite linear alternate-reverse}.progress-bar{font-family:var(--font-code);margin:10px 0}.progress-bar .progress-label{margin-bottom:5px}.progress-bar .progress-track{background:var(--dim);border:1px solid var(--secondary);height:20px;position:relative;overflow:hidden}.progress-bar .progress-fill{background:var(--primary);height:100%;width:0%;transition:width .1s linear;box-shadow:0 0 10px var(--primary)}.progress-bar .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--bg);font-weight:700;mix-blend-mode:difference}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0);transform:skew(.85deg)}5%{clip:rect(70px,9999px,71px,0);transform:skew(.34deg)}10%{clip:rect(29px,9999px,24px,0);transform:skew(.55deg)}15%{clip:rect(63px,9999px,93px,0);transform:skew(.13deg)}20%{clip:rect(43px,9999px,76px,0);transform:skew(.68deg)}25%{clip:rect(38px,9999px,15px,0);transform:skew(.29deg)}30%{clip:rect(87px,9999px,34px,0);transform:skew(.78deg)}35%{clip:rect(67px,9999px,54px,0);transform:skew(.43deg)}40%{clip:rect(12px,9999px,89px,0);transform:skew(.91deg)}45%{clip:rect(56px,9999px,42px,0);transform:skew(.17deg)}50%{clip:rect(23px,9999px,67px,0);transform:skew(.62deg)}55%{clip:rect(78px,9999px,11px,0);transform:skew(.38deg)}60%{clip:rect(45px,9999px,98px,0);transform:skew(.84deg)}65%{clip:rect(91px,9999px,23px,0);transform:skew(.22deg)}70%{clip:rect(34px,9999px,56px,0);transform:skew(.71deg)}75%{clip:rect(18px,9999px,83px,0);transform:skew(.47deg)}80%{clip:rect(62px,9999px,37px,0);transform:skew(.93deg)}85%{clip:rect(7px,9999px,72px,0);transform:skew(.15deg)}90%{clip:rect(49px,9999px,19px,0);transform:skew(.56deg)}95%{clip:rect(85px,9999px,45px,0);transform:skew(.33deg)}to{clip:rect(21px,9999px,61px,0);transform:skew(.76deg)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,119px,0);transform:skew(.21deg)}5%{clip:rect(52px,9999px,33px,0);transform:skew(.69deg)}10%{clip:rect(79px,9999px,16px,0);transform:skew(.44deg)}15%{clip:rect(24px,9999px,87px,0);transform:skew(.88deg)}20%{clip:rect(41px,9999px,58px,0);transform:skew(.12deg)}25%{clip:rect(93px,9999px,42px,0);transform:skew(.63deg)}30%{clip:rect(17px,9999px,74px,0);transform:skew(.37deg)}35%{clip:rect(68px,9999px,29px,0);transform:skew(.81deg)}40%{clip:rect(36px,9999px,95px,0);transform:skew(.24deg)}45%{clip:rect(82px,9999px,13px,0);transform:skew(.57deg)}50%{clip:rect(47px,9999px,68px,0);transform:skew(.92deg)}55%{clip:rect(14px,9999px,51px,0);transform:skew(.18deg)}60%{clip:rect(73px,9999px,84px,0);transform:skew(.73deg)}65%{clip:rect(28px,9999px,39px,0);transform:skew(.41deg)}70%{clip:rect(59px,9999px,22px,0);transform:skew(.86deg)}75%{clip:rect(96px,9999px,77px,0);transform:skew(.29deg)}80%{clip:rect(11px,9999px,63px,0);transform:skew(.67deg)}85%{clip:rect(54px,9999px,8px,0);transform:skew(.14deg)}90%{clip:rect(88px,9999px,46px,0);transform:skew(.52deg)}95%{clip:rect(32px,9999px,91px,0);transform:skew(.79deg)}to{clip:rect(76px,9999px,25px,0);transform:skew(.35deg)}}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(2deg)}20%{transform:skew(-1deg)}30%{transform:skew(1.5deg)}40%{transform:skew(-.5deg)}50%{transform:skew(.5deg)}60%{transform:skew(-1.5deg)}70%{transform:skew(1deg)}80%{transform:skew(-2deg)}90%{transform:skew(.5deg)}to{transform:skew(-.5deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes flicker{0%{opacity:.98}50%{opacity:.95}to{opacity:.98}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}@media(min-width:769px){body{background:#1a1a1a;display:flex;align-items:center;justify-content:center}.device-wrapper{height:90vh;border:2px solid #553300;box-shadow:0 0 50px #ffb0001a}}@media(max-width:768px){.sidebar{display:none}.terminal-screen{padding:15px;font-size:1.1rem}.hud-header{font-size:.7rem}}
