*{box-sizing:border-box;margin:0;padding:0}html{background:#fff;min-height:100%}body{color:#000;image-rendering:pixelated;background:#fff;font-family:VT323,monospace;overflow:hidden auto}.screen{flex-direction:column;justify-content:space-between;min-height:100dvh;padding:clamp(1.5rem,4vw,3.5rem);display:flex;position:relative}.top-bar{letter-spacing:.1em;opacity:.55;font-size:clamp(1.2rem,1.6vw,1.5rem)}.content-container{grid-template-columns:1.15fr .85fr;place-items:center;gap:clamp(2rem,4vw,4.5rem);width:100%;margin:2.5rem 0;display:grid;position:relative}main{width:100%}.prompt{opacity:.45;letter-spacing:.05em;margin-bottom:.4rem;font-size:clamp(1.4rem,2vw,2rem)}h1{letter-spacing:.02em;text-transform:uppercase;margin-bottom:1rem;font-size:clamp(4rem,9.5vw,9.5rem);font-weight:400;line-height:.88}.subtitle{max-width:28ch;margin-bottom:1.5rem;font-size:clamp(1.6rem,2.6vw,2.6rem);line-height:1.18}.cursor{vertical-align:-.05em;background:#000;width:.6em;height:.9em;animation:1s step-start infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.avatar-wrapper{-webkit-user-select:none;user-select:none;cursor:pointer;transform-origin:50%;flex-direction:column;flex-shrink:0;align-items:center;gap:1rem;animation:3.8s ease-in-out infinite floatTilted;display:flex}@keyframes floatTilted{0%,to{transform:rotate(-4deg)translateY(0)scale(1)}50%{transform:rotate(-2.5deg)translateY(-16px)scale(1.02)}}.avatar-wrapper.bobbing{animation:.45s cubic-bezier(.28,.84,.42,1) 2 bounceTilted}.avatar-wrapper.shiver{animation:.22s steps(2,start) 3 glitchTilted}@keyframes bounceTilted{0%,to{transform:rotate(-4deg)translateY(0)scale(1)}40%{transform:rotate(-5deg)translateY(-22px)scale(.96,1.06)}70%{transform:rotate(-3deg)translateY(4px)scale(1.04,.94)}}@keyframes glitchTilted{0%{transform:rotate(-4deg)translate(-4px,3px)}25%{transform:rotate(-2deg)translate(4px,-3px)}50%{transform:rotate(-5deg)translate(-3px,-4px)}75%{transform:rotate(-3deg)translate(3px,4px)}to{transform:rotate(-4deg)translate(0)}}.avatar-box{background:#fff;border:4px solid #000;justify-content:center;align-items:center;padding:clamp(1.8rem,3.2vw,2.8rem);transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:10px 10px #000}.avatar-wrapper:hover .avatar-box{transform:translate(-3px,-3px);box-shadow:13px 13px #000}.avatar-wrapper:active .avatar-box{transform:translate(4px,4px);box-shadow:5px 5px #000}.avatar-box:before{content:"[DAEMON]";letter-spacing:.1em;background:#fff;padding:0 8px;font-size:1.2rem;position:absolute;top:-15px;left:16px}.pixel-face-canvas{width:clamp(180px,22vw,260px);height:clamp(180px,22vw,260px);image-rendering:pixelated;image-rendering:crisp-edges;display:block}.avatar-status{letter-spacing:.08em;opacity:.65;font-size:clamp(1.2rem,1.6vw,1.5rem)}footer{letter-spacing:.08em;border-top:3px solid #000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:1.5rem;font-size:clamp(1.3rem,1.8vw,1.8rem);display:flex}.links{flex-wrap:wrap;gap:2rem;display:flex}a{color:#000;text-transform:uppercase;border-bottom:2px solid #0000;text-decoration:none}a:hover{border-bottom:2px solid #000}.exit-btn{font-family:inherit;font-size:inherit;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.75;-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #000;align-items:center;gap:.5rem;padding:4px 12px;transition:all .1s;display:inline-flex}.exit-btn:hover{opacity:1;color:#fff;background:#000}.exit-btn:active{transform:translate(2px,2px)}.screen.shutting-down{pointer-events:none;animation:.75s cubic-bezier(.23,1,.32,1) forwards crtTurnOff}@keyframes crtTurnOff{0%{filter:brightness();opacity:1;transform:scale(1)}35%{filter:brightness(2)contrast(2);opacity:1;transform:scaleY(.005)}70%{filter:brightness(3);opacity:.9;transform:scale(.12,.005)}to{filter:brightness(0);opacity:0;transform:scale(0)}}.screen.powering-on{pointer-events:none;animation:.8s cubic-bezier(.16,1,.3,1) forwards crtTurnOn}@keyframes crtTurnOn{0%{filter:brightness(3)contrast(2);opacity:0;transform:scale(0)}30%{filter:brightness(3)contrast(2);opacity:1;transform:scale(.15,.005)}60%{filter:brightness(2);opacity:1;transform:scaleY(.005)}80%{filter:brightness(1.4);opacity:1;transform:scaleY(1.05)}to{filter:brightness();opacity:1;transform:scale(1)}}.terminal-killed{color:#fff;text-align:center;letter-spacing:.08em;z-index:9999;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;font-size:clamp(1.3rem,2.5vw,2.5rem);display:flex;position:fixed;inset:0}.terminal-killed span{opacity:.5;font-size:clamp(1rem,1.5vw,1.3rem)}@media (width<=860px){.screen{padding:1.5rem}.content-container{grid-template-columns:1fr;justify-items:center;gap:2.5rem;margin:2rem 0}.avatar-wrapper{order:2}.content-container>main{order:1}.gate-row{flex-direction:column}footer{flex-direction:column-reverse;align-items:flex-start;gap:1.25rem;margin-top:1rem}.exit-btn{justify-content:center;width:100%;padding:8px 16px}}.gate{margin:2.5rem 0}.gate-form{flex-direction:column;gap:.75rem;max-width:36rem;font-size:clamp(1.4rem,2vw,2rem);display:flex}.gate-row{gap:1rem;display:flex}.gate-input{min-width:0;font-family:inherit;font-size:inherit;color:#000;background:#fff;border:2px solid #000;outline:none;flex:1;padding:4px 12px}.gate-input:focus{box-shadow:5px 5px #000}.gate-status{letter-spacing:.08em;opacity:.65;min-height:1.5em;margin-top:1rem;font-size:clamp(1.3rem,1.8vw,1.8rem)}.exit-btn:disabled{opacity:.4;cursor:wait}