:root{--pip-green: #1aff1a;--pip-green-dim: #008f00;--pip-bg: #111;--scanline-color: rgba(0, 0, 0, .5);--crt-flicker: rgba(26, 255, 26, .05)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;color:var(--pip-green);font-family:VT323,monospace;font-size:28px;overflow:hidden;height:100vh;width:100vw;text-transform:uppercase;-webkit-font-smoothing:none;animation:textFlicker 4s infinite alternate}@keyframes textFlicker{0%{text-shadow:0 0 2px var(--pip-green-dim)}to{text-shadow:0 0 4px var(--pip-green-dim),0 0 8px var(--pip-green-dim)}}#root{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle,#222,#000)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--pip-bg);border-left:1px solid var(--pip-green-dim)}::-webkit-scrollbar-thumb{background:var(--pip-green);border:1px solid var(--pip-bg)}::-webkit-scrollbar-thumb:hover{background:var(--pip-green-dim)}button:hover,a:hover{background-color:var(--pip-green)!important;color:#000!important;box-shadow:0 0 10px var(--pip-green);cursor:pointer}.text-green{color:var(--pip-green)}.text-dim{color:var(--pip-green-dim)}.bg-green{background-color:var(--pip-green);color:#000}.border-green{border:2px solid var(--pip-green)}.crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.9}15%{opacity:.95}20%{opacity:.99}25%{opacity:.95}30%{opacity:.9}35%{opacity:.96}40%{opacity:.98}45%{opacity:.95}50%{opacity:.99}55%{opacity:.93}60%{opacity:.9}65%{opacity:.96}70%{opacity:1}75%{opacity:.97}80%{opacity:.95}85%{opacity:.92}90%{opacity:.96}95%{opacity:.99}to{opacity:.94}}@keyframes turnOn{0%{transform:scaleY(.002);opacity:0}30%{transform:scaleY(.002);opacity:1}60%{transform:scale(1.1,.002);opacity:1}to{transform:scale(1);opacity:1}}.pipboy-container{animation:turnOn .5s ease-out forwards}.scanline{width:100%;height:100px;z-index:9999;background:linear-gradient(0deg,#0000,#1aff1a1a,#0000);opacity:.1;position:absolute;bottom:100%;animation:scanline 8s linear infinite;pointer-events:none}@keyframes scanline{0%{bottom:100%}to{bottom:-100px}}.glow-text{text-shadow:0 0 2px var(--pip-green-dim),0 0 8px var(--pip-green-dim)}.pipboy-container{width:95vw;height:90vh;max-width:1600px;background-color:#111;border-radius:20px;padding:20px;position:relative;box-shadow:0 0 20px #000c,inset 0 0 100px #000000e6;border:4px solid #333}.screen-bezel{width:100%;height:100%;background-color:#0a0a0a;border-radius:10px;padding:15px;position:relative;overflow:hidden;border:2px solid #222;box-shadow:inset 0 0 20px #000}.screen-content{width:100%;height:100%;display:flex;flex-direction:column;position:relative;z-index:10}.main-display{flex:1;overflow-y:auto;padding:20px;border:2px solid var(--pip-green-dim);margin:10px 0;background:#00140033;position:relative;animation:contentFadeIn .3s ease-in-out}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.main-display::-webkit-scrollbar{width:12px}.main-display::-webkit-scrollbar-track{background:#010}.main-display::-webkit-scrollbar-thumb{background:var(--pip-green);border:2px solid #001100}@media(max-width:768px){.pipboy-container{width:100vw;height:100vh;border:none;border-radius:0;padding:10px}.screen-bezel{padding:10px}body{font-size:16px}}