@tailwind utilities;@theme{ --font-brand: "Orbitron", sans-serif; --font-mono: "Courier Prime", monospace; --font-tech: "Share Tech Mono", monospace; }:root{--atomic-orange: #ff9d00;--atomic-glow: rgba(255, 157, 0, .6);--crt-green: #2b4a2b;--crt-active: #55ff55;--olive-drab: #3b4235;--metal-silver: #8c8f91;--warning-red: #aa1111;--hazard-yellow: #eebb00;--bg-dark: #050505;--scanline: rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,var(--scanline) 3px),radial-gradient(circle at center,transparent 30%,#000 100%),linear-gradient(to bottom,#3c280ab3,#1e0f05e6),url(https://www.loliapi.com/acg/) no-repeat center center fixed;background-size:cover;background-color:var(--bg-dark);font-family:Courier Prime,monospace;color:var(--atomic-orange);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;overflow-x:hidden}.flex-center{display:flex;align-items:center;justify-content:center}.text-active{color:var(--crt-active);text-shadow:0 0 5px var(--crt-active)}.text-alert{color:var(--warning-red);font-weight:700}.blink{animation:blink 1s steps(2,start) infinite}.cursor{display:inline-block;width:8px;height:1em;background:var(--atomic-orange);vertical-align:text-bottom;animation:blink 1s step-end infinite}.chassis{position:relative;width:100%;max-width:720px;background-color:var(--olive-drab);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E"),linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 5%,transparent 95%,rgba(0,0,0,.3) 100%);border:1px solid #2a2f25;box-shadow:inset 1px 1px #ffffff26,inset -1px -1px #00000080,10px 10px 40px #000000e6,0 0 0 4px #151812;border-radius:6px;padding:20px;z-index:10}.chassis:before,.chassis:after{content:"";position:absolute;top:12px;width:100%;height:12px;pointer-events:none;left:0;background-image:radial-gradient(circle at 12px 6px,#222 10%,#555 30%,#111 40%,transparent 42%),radial-gradient(circle at calc(100% - 12px) 6px,#222 10%,#555 30%,#111 40%,transparent 42%)}.header-plate{display:flex;justify-content:space-between;align-items:center;background:#111;border:2px solid #555;padding:8px 15px;margin-bottom:20px;box-shadow:inset 0 0 10px #000}.brand{font-family:Orbitron,sans-serif;font-weight:900;font-size:1.2rem;color:var(--metal-silver);text-shadow:1px 1px 0 #000;letter-spacing:2px}.brand-sub{font-size:.6em;vertical-align:middle}.model-panel{display:flex;align-items:center;gap:10px;background:#000;border:1px solid #333;padding:4px 8px;box-shadow:inset 0 0 8px #000;position:relative}.model-panel:before,.model-panel:after{content:"+";font-family:sans-serif;color:#333;font-size:10px;position:absolute;top:1px}.model-panel:before{left:2px}.model-panel:after{right:2px}.model-text{font-family:Share Tech Mono,monospace;color:#555;font-size:.7rem;letter-spacing:1px}.model-sub{font-size:.5rem;margin-left:5px;border-left:1px solid #333;padding-left:5px}.model-readout{font-family:Orbitron,sans-serif;color:#f30;text-shadow:0 0 5px rgba(255,51,0,.5);font-size:.9rem;font-weight:700;background:#1a0505;padding:0 4px;border:1px solid #331111}.screen-bezel{background:#000;border-radius:40px 40px 10px 10px;box-shadow:inset 0 0 20px #000,0 0 0 2px #222,0 4px #333;position:relative;overflow:hidden;border:8px solid #181818;height:420px;margin-bottom:20px}.screen-viewport{width:100%;height:100%;padding:20px;background-color:#000;position:relative;animation:crtTurnOn 3s cubic-bezier(.23,1,.32,1) forwards;transform:scale(.01,.005);filter:brightness(0);opacity:0}.screen-viewport:before{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(rgba(255,157,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,157,0,.1) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:-1}.screen-overlay{position:absolute;inset:0;z-index:20;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,var(--scanline) 3px),radial-gradient(circle at 50% -20%,rgba(255,255,255,.08),transparent 60%);animation:flicker .15s infinite}.screen-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;text-shadow:0 0 4px var(--atomic-glow);opacity:0;animation:contentFadeIn .5s ease-out 2.8s forwards}.terminal-grid{display:grid;grid-template-rows:auto auto 1fr auto;height:100%;gap:15px;padding-bottom:5px}.term-header{display:flex;justify-content:space-between;border-bottom:2px solid var(--atomic-orange);font-size:.7rem;padding-bottom:5px;text-transform:uppercase}.term-stat{display:flex;gap:10px}.rec-tag{background:var(--atomic-orange);color:#000;padding:0 4px;font-weight:700}.alert-banner{border:1px dashed var(--warning-red);background:#aa11111a;color:var(--warning-red);padding:8px;text-align:center;font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:1px;animation:pulseRed 2s infinite}.data-visualizer{display:grid;grid-template-columns:1fr 40px 1fr;gap:15px;background:#0006;border:1px solid #333;padding:15px;position:relative;background-image:linear-gradient(rgba(51,255,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(51,255,0,.03) 1px,transparent 1px);background-size:20px 20px}.node-card{border:1px solid #444;background:#080808;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all .3s}.node-header{background:#151515;color:#666;font-size:.6rem;padding:4px 8px;border-bottom:1px solid #333;display:flex;justify-content:space-between;font-family:Share Tech Mono,monospace}.node-body{padding:12px;flex-grow:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.hex-bg{position:absolute;top:20px;right:5px;font-size:2rem;color:#ffffff08;font-weight:900;z-index:0;pointer-events:none;font-family:Orbitron,sans-serif}.domain-text{font-family:Courier Prime,monospace;font-size:.9rem;font-weight:700;word-break:break-all;position:relative;z-index:2;text-shadow:0 0 5px #000}.node-label{font-size:.65rem;color:#888;margin-bottom:4px;letter-spacing:1px}.node-status{font-size:.7rem;margin-top:5px}.signal-meter{height:4px;background:#222;width:100%;margin-top:auto;position:relative}.signal-fill{height:100%;display:block;position:relative}.signal-fill:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 2px,#000 2px,#000 3px);opacity:.5}.source{border-color:#4a2222}.source .domain-text{color:#a55;text-decoration:line-through}.source .signal-fill{width:15%;background:var(--warning-red);animation:flickerBar .2s infinite}.source .node-status{color:var(--warning-red)}.target{border-color:var(--crt-active);box-shadow:0 0 15px #55ff550d}.target .node-header{background:#0a1f0a;color:var(--crt-active)}.target .domain-text a{color:var(--atomic-orange);text-decoration:none;background:#ff9d001a;padding:2px 4px}.target .domain-text a:hover{background:var(--atomic-orange);color:#000}.target .signal-fill{width:100%;background:var(--crt-active);box-shadow:0 0 8px var(--crt-active)}.target .node-status{color:var(--crt-active);font-weight:700}.connector{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.flow-arrow{color:#555;font-size:.8rem}.flow-arrow.active{color:var(--atomic-orange);animation:slideRight 1s infinite}.cmd-line{font-size:.8rem;border-top:1px solid #333;padding-top:10px;margin-top:auto}.cmd-log{opacity:.7;margin-bottom:5px}.boot-sequence{position:absolute;inset:20px;z-index:10;font-family:Share Tech Mono,monospace;font-size:.8rem;line-height:1.4;color:var(--atomic-orange);background:#000;animation:bootSequence 2.6s linear forwards;overflow:hidden}.hazard-strip{position:relative;height:40px;margin-top:10px;background:repeating-linear-gradient(-45deg,#181818,#181818 15px,var(--hazard-yellow) 15px,var(--hazard-yellow) 30px);border:2px solid #111;box-shadow:inset 0 2px 5px #00000080,0 1px #ffffff1a}.hazard-strip:after{content:"CAUTION // HIGH VOLTAGE";background:#111;color:var(--hazard-yellow);padding:2px 15px;font-family:Orbitron,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:2px;border:2px solid #000;box-shadow:0 0 5px #000c;z-index:2}.hazard-strip:before{content:"";position:absolute;left:10px;top:12px;width:calc(100% - 20px);height:12px;background:radial-gradient(circle,#333 30%,#000 40%) left center no-repeat,radial-gradient(circle,#333 30%,#000 40%) right center no-repeat;background-size:12px 12px;z-index:1}footer{margin-top:15px;font-size:.6rem;color:#8c8f914d;text-align:center;font-family:Share Tech Mono,monospace;text-transform:uppercase;letter-spacing:1px}@media(max-width:600px){.header-plate{flex-direction:column;gap:10px;text-align:center}.data-visualizer{grid-template-columns:1fr;gap:20px}.connector{transform:rotate(90deg)}.screen-bezel{height:auto;min-height:500px}}@keyframes crtTurnOn{0%{transform:scale(.001,.005);opacity:0;filter:brightness(0)}10%{transform:scaleY(.005);opacity:1;filter:brightness(10) blur(2px)}30%{transform:scaleY(.005);filter:brightness(10)}50%{transform:scaleY(1.1);filter:brightness(5)}60%{transform:scaleY(.95);filter:brightness(2)}80%{transform:scale(1);filter:brightness(1)}to{transform:scale(1);filter:brightness(1);opacity:1}}@keyframes bootSequence{0%{opacity:1;z-index:10}90%{opacity:0}to{opacity:0;z-index:-1;visibility:hidden}}@keyframes contentFadeIn{to{opacity:1}}@keyframes pulseRed{0%,to{box-shadow:inset 0 0 5px #a113}50%{box-shadow:inset 0 0 15px #a119}}@keyframes slideRight{0%,to{transform:translate(-2px);opacity:.3}50%{transform:translate(2px);opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@keyframes flickerBar{0%{opacity:.5}50%{opacity:1}to{opacity:.6}}@keyframes flicker{0%{opacity:.94}50%{opacity:.91}to{opacity:.95}}