:root{color-scheme:dark;--bg: #030305;--ink: #d9d0d6;--dim: #81738e;--green: #39ff34;--green-dim: #15851d;--purple: #9d35ff;--magenta: #ff42d9;--blue: #3f53ff;--warn: #ff4a38;--orange: #ffb000;--panel: rgba(3, 4, 7, .78);--mono: "Courier New", "Lucida Console", monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 48% 17%,rgba(87,36,118,.14),transparent 28%),radial-gradient(circle at 72% 48%,rgba(65,255,50,.08),transparent 24%),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 8px),repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 8px),#030305;font:14px/1.35 var(--mono);letter-spacing:0}button,input{font:inherit}a{color:inherit;text-decoration:none}pre{margin:0;font:inherit;line-height:1.05;white-space:pre}.no-js{padding:24px}.crt-shell{position:relative;min-height:100vh;isolation:isolate}.noise,.scanlines,.floating-pixels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.noise{z-index:1;opacity:.42;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.18) 0 1px,transparent 1px),radial-gradient(circle at 70% 80%,rgba(255,0,220,.16) 0 1px,transparent 1px),radial-gradient(circle at 38% 43%,rgba(70,255,70,.12) 0 1px,transparent 1px);background-size:19px 17px,23px 29px,31px 37px;mix-blend-mode:screen;animation:noiseShift .38s steps(2) infinite}.scanlines{z-index:2;background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 4px);opacity:.12}.floating-pixels{z-index:3}.floating-pixels span{position:absolute;left:var(--x);top:var(--y);width:3px;height:2px;background:var(--purple);box-shadow:9px 0 var(--blue),18px 0 var(--magenta);opacity:.42;animation:pixelBlink 2.8s steps(2) infinite var(--delay)}.page-frame{position:relative;z-index:4;width:min(1520px,calc(100vw - 24px));min-height:calc(100vh - 20px);margin:10px auto;padding:18px 22px 16px;border:1px solid rgba(151,54,255,.56);box-shadow:inset 0 0 0 1px #2fff3324,inset 0 0 42px #66129a2e,0 0 26px #4a1d703d;background:linear-gradient(#030305bf,#030305d6),repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 7px)}.page-frame:before,.page-frame:after{content:"+";position:absolute;color:var(--purple);text-shadow:0 0 8px var(--purple)}.page-frame:before{left:8px;top:6px}.page-frame:after{right:8px;bottom:6px}.site-header{display:grid;grid-template-columns:184px 190px minmax(340px,1fr) 240px 150px;align-items:center;gap:20px;min-height:214px}.terminal-panel{position:relative;padding:14px;border:1px dashed rgba(158,55,255,.76);background:linear-gradient(#030407d1,#030407d1),repeating-linear-gradient(90deg,rgba(57,255,52,.04) 0 1px,transparent 1px 9px);box-shadow:inset 0 0 18px #6c18be29,0 0 14px #19ff3e0a}.terminal-panel:before{content:"+----------------------+";position:absolute;top:-12px;left:8px;color:#9d35ff94;font-size:11px}.construction{height:145px;color:#f4f2ec}.construction p{margin:0 0 4px 12px;font-size:16px}.construction strong{display:block;margin-left:8px;color:var(--warn);font-weight:400}.fake-progress{width:146px;height:18px;margin:12px 0 4px 8px;border:1px solid var(--green);background:repeating-linear-gradient(90deg,#201626 0 3px,transparent 3px 6px)}.fake-progress span{display:block;width:23%;height:100%;background:linear-gradient(90deg,var(--green),#78ff67);animation:progressPulse 1.8s steps(4) infinite}.construction em{display:block;color:#c5d6ff;font-style:normal;text-align:center}.weird-creature{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:10px;color:var(--magenta)}.weird-creature pre{color:var(--magenta);text-shadow:0 0 10px rgba(255,66,217,.66);animation:creatureIdle .9s steps(2) infinite}.weird-creature p{margin:0}.ascii-logo{align-self:center;text-align:center}.ascii-logo pre{display:inline-block;color:#f5f2f4;font-size:clamp(24px,4.3vw,58px);line-height:.82;text-shadow:0 0 5px #fff,4px 0 rgba(157,53,255,.5),-3px 0 rgba(57,255,52,.34);transform:scaleX(1.14);animation:logoGlitch 4.8s steps(1) infinite}.ascii-logo strong,.ascii-logo span{display:block;text-transform:uppercase}.ascii-logo strong{color:var(--purple);font-size:clamp(24px,3vw,42px);letter-spacing:.28em;text-shadow:0 0 9px rgba(157,53,255,.8)}.ascii-logo span{color:var(--green);font-size:clamp(14px,1.7vw,20px);letter-spacing:.14em}.dev-terminal{color:var(--green)}.dev-terminal p{width:0;max-width:210px;margin:0 0 5px;overflow:hidden;white-space:nowrap;animation:typeLine 1.4s steps(25) forwards,lineFlicker 2.2s steps(2) infinite;animation-delay:var(--delay),calc(var(--delay) + 1s)}.socials{display:flex;gap:14px;margin-top:12px;color:#8e64ff;font-weight:700}.socials a:hover{color:var(--magenta)}.pixel-tester{position:relative;min-height:120px;color:#dcd7e0}.pixel-tester pre{position:absolute;right:0;bottom:0;color:#d9c54e;text-shadow:0 0 8px rgba(255,215,50,.5);animation:creatureIdle 1.2s steps(2) infinite}.speech{position:absolute;top:14px;right:16px;padding:10px;border:1px dashed var(--purple);background:#050508db}.speech:after{content:"";position:absolute;left:-9px;bottom:12px;width:8px;height:8px;border-left:1px dashed var(--purple);border-bottom:1px dashed var(--purple)}.weird-nav{display:flex;align-items:stretch;margin:8px 0 0;border:1px dashed var(--purple);box-shadow:0 0 11px #4b46ff47}.weird-nav a{flex:1;min-height:31px;padding:7px 10px;border-right:1px dashed rgba(157,53,255,.68);color:#bcc8ff;text-align:center;white-space:nowrap}.weird-nav a:last-child{border-right:0}.weird-nav a.active{color:#ff5d52;background:#ff42d914}.weird-nav a:hover{color:var(--green);transform:translate(1px,-1px);text-shadow:2px 0 var(--magenta),-2px 0 var(--blue)}.main-grid{display:grid;grid-template-columns:220px minmax(520px,1fr) 430px;min-height:438px;border-left:1px solid rgba(199,199,199,.22);border-right:1px solid rgba(199,199,199,.22)}.left-rail{display:grid;align-content:start;gap:18px;padding:28px 14px 20px;border-right:1px solid rgba(199,199,199,.24)}.left-rail h2,.lower-grid h2{margin:0;color:#b563ff;font-size:16px;font-weight:400}.subtitle{margin:0 0 10px;color:#b563ff}.server-status dl{margin:0}.server-status div{display:grid;grid-template-columns:1fr auto;gap:8px;margin:5px 0}.server-status dt,.server-status dd{margin:0}.online{color:var(--green);animation:blinkOnline 1.4s steps(2) infinite}.degraded{color:var(--orange)}.tiny-graph{margin-top:12px;color:var(--green);border-top:1px dotted var(--green-dim);padding-top:8px}.random-tip p,.tiny-panel p{color:#f1eaf5}.random-tip pre,.tiny-panel pre{color:#d7d1db}.center-stage{position:relative;padding:26px 24px 20px;overflow:hidden}.hero-character{position:relative;display:grid;grid-template-columns:minmax(210px,34%) 1fr;min-height:250px;align-items:center;gap:24px}.knight-ascii{color:var(--magenta);font-size:clamp(20px,2.8vw,38px);line-height:.86;text-shadow:0 0 12px rgba(255,66,217,.74),5px 1px rgba(66,59,255,.22);transform:skew(-3deg);filter:contrast(1.2)}.welcome-copy{text-align:center}.welcome-copy h1{margin:0 0 18px;color:#f7f4f1;font-size:clamp(25px,2.5vw,35px);font-weight:400;line-height:1.1;text-shadow:0 0 7px rgba(255,255,255,.45)}.welcome-copy h1 span{color:var(--magenta)}.welcome-copy p{margin:6px 0;color:#f2edf1}mark{color:var(--orange);background:none}.join-panel{width:min(392px,94%);margin:8px auto 0;padding:16px 18px;text-align:center}.join-panel h2{margin-bottom:16px;color:var(--magenta);font-size:18px;font-weight:400}.join-panel form{display:grid;gap:8px}.join-panel label{text-align:left}input{width:100%;min-height:31px;border:1px solid var(--green-dim);border-radius:0;color:var(--green);background:#020803db;padding:6px 10px;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 1px #39ff3447,0 0 12px #39ff342e}button{border:1px solid #0e5e12;border-radius:0;color:#071006;background:linear-gradient(#74ff58,#3fc734);cursor:pointer;font-weight:700}button:hover{transform:translate(1px,-1px);filter:brightness(1.15)}#join-button{width:188px;min-height:48px;margin:4px auto 0;font-size:17px}.join-status{margin:14px 0 0;color:#ff4aa6;text-align:left}.join-progress{height:8px;margin-top:10px;border:1px solid var(--green-dim)}.join-progress span{display:block;width:0;height:100%;background:var(--green);transition:width .18s steps(3)}.right-stage{position:relative;padding:30px 20px;overflow:hidden}.portal-scene{position:relative;min-height:405px}.portal-ascii{position:absolute;top:18px;left:22px;color:#c8c5d8;font-size:clamp(28px,3.1vw,48px);line-height:.86;text-shadow:0 0 8px rgba(255,255,255,.34),4px 0 rgba(157,53,255,.52)}.portal-core{position:absolute;top:128px;left:158px;width:86px;height:154px;border:2px dotted var(--purple);background:radial-gradient(ellipse at center,rgba(168,50,255,.66),rgba(64,8,99,.3) 48%,transparent 70%);box-shadow:0 0 35px #9d35ff8a,inset 0 0 28px #ff42d947;animation:portalPulse 1.8s steps(4) infinite}.bone-one,.bone-two{position:absolute;color:#e5e1e9;text-shadow:0 0 5px white}.bone-one{right:52px;top:272px}.bone-two{left:72px;bottom:66px}.chicken{position:absolute;right:18px;bottom:18px;display:grid;grid-template-columns:auto 80px;align-items:center;gap:10px;color:#f6f0e8;animation:chickenStep 4s steps(2) infinite}.chicken pre{color:#f5f3ef;text-shadow:2px 0 #ff812f}.chicken p{margin:0;font-size:12px}.lower-grid{display:grid;grid-template-columns:minmax(380px,1fr) 210px minmax(320px,390px) 138px;gap:22px;padding-top:18px;border-top:1px dashed rgba(157,53,255,.42)}.dev-log ul,.broken-systems ul{list-style:none;padding:0;margin:12px 0 0}.dev-log li{margin:4px 0;color:#dcd9e2}.dev-log li:first-letter{color:var(--green)}.dev-log a{display:inline-block;margin-top:10px;color:var(--purple)}.broken-systems li{margin:7px 0;color:#ff6fcf}.newsletter form{display:grid;gap:10px;margin-top:16px}.newsletter button{width:220px;min-height:34px;margin:0 auto;color:#131313;background:#c5c0bb;border-color:#c5c0bb}.newsletter p,.never-light p{color:var(--purple)}.never-light{text-align:center}#light-mode-toggle{position:relative;display:grid;grid-template-columns:1fr 18px 1fr;gap:8px;align-items:center;width:86px;height:110px;margin:12px auto;color:#c6c3c9;background:transparent;border:0}#light-mode-toggle i{position:relative;display:block;width:18px;height:82px;border:1px dashed #aaa;background:#111}#light-mode-toggle i:after{content:"";position:absolute;left:2px;bottom:4px;width:12px;height:12px;background:var(--orange);box-shadow:0 0 10px var(--orange)}#light-mode-toggle[aria-pressed=true] i:after{animation:rejectLight .26s steps(2)}.site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;margin-top:16px;color:#b7aebc;font-size:12px}.site-footer span:nth-child(2){text-align:center}.site-footer span:last-child{color:var(--purple);text-align:right}@keyframes noiseShift{50%{transform:translate(1px,-1px)}}@keyframes pixelBlink{50%{opacity:.08;transform:translate(2px,1px)}}@keyframes progressPulse{50%{filter:brightness(1.6)}}@keyframes creatureIdle{50%{transform:translateY(2px)}}@keyframes logoGlitch{0%,92%,to{transform:scaleX(1.14) translate(0)}93%{transform:scaleX(1.14) translate(3px,-1px)}94%{transform:scaleX(1.14) translate(-2px,1px)}}@keyframes typeLine{to{width:100%}}@keyframes lineFlicker{50%{opacity:.78}}@keyframes blinkOnline{50%{opacity:.42}}@keyframes portalPulse{50%{transform:scale(1.04);filter:brightness(1.25)}}@keyframes chickenStep{50%{transform:translate(-6px)}}@keyframes rejectLight{0%{bottom:62px}to{bottom:4px}}@media (max-width: 1180px){.site-header{grid-template-columns:1fr 1fr}.ascii-logo{grid-column:1 / -1;grid-row:1}.main-grid,.lower-grid{grid-template-columns:1fr}.left-rail{grid-template-columns:repeat(3,minmax(0,1fr));border-right:0;border-bottom:1px solid rgba(199,199,199,.24)}}@media (max-width: 720px){body{font-size:13px}.page-frame{width:calc(100vw - 10px);margin:5px auto;padding:12px}.site-header,.left-rail,.hero-character{grid-template-columns:1fr}.weird-creature,.pixel-tester{display:none}.weird-nav{display:grid;grid-template-columns:1fr 1fr}.weird-nav a{white-space:normal;border-bottom:1px dashed rgba(157,53,255,.68)}.center-stage,.right-stage{padding:18px 8px}.knight-ascii,.welcome-copy{text-align:center}.portal-scene{min-height:320px}.portal-ascii{left:0;font-size:28px}.portal-core{left:116px}.site-footer{grid-template-columns:1fr;text-align:left}.site-footer span:nth-child(2),.site-footer span:last-child{text-align:left}}