@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--ink: #f0f2e9;--muted: #8d958e;--night: #080c16;--panel: #0d1420;--line: #293443;--acid: #d8ef46;--cyan: #59d6d1;--orange: #ff765e;font-family:Oxanium,sans-serif;color:var(--ink);background:var(--night)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--night)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}#app{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 70% 15%,rgba(89,214,209,.07),transparent 32%),linear-gradient(135deg,#080c16,#0b101a 55%,#13170f)}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;z-index:10;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px);mix-blend-mode:overlay}.loading{min-height:100vh;display:grid;place-content:center;padding:24px;background:radial-gradient(circle,#1a2930 0,#080c16 55%);animation:fade-in .3s ease}.loading-logo{font-size:clamp(2.6rem,10vw,6rem);letter-spacing:.18em;font-weight:700}.loading-logo span,h1 .cursor{color:var(--acid)}.loading-track{height:4px;width:min(460px,84vw);margin-top:40px;background:#25313b}.loading-fill{height:100%;width:0;background:var(--acid);animation:load 1s cubic-bezier(.2,.8,.2,1) forwards}.loading-copy{display:flex;justify-content:space-between;margin-top:12px;color:var(--muted);font:10px Space Mono,monospace;letter-spacing:.1em}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 3.5vw;border-bottom:1px solid var(--line);color:var(--muted);font:10px Space Mono,monospace;letter-spacing:.08em}.quit{border:0;background:none;color:var(--ink);cursor:pointer;font:700 11px Space Mono,monospace;letter-spacing:.12em;transition:color .2s,transform .2s}.quit span{color:var(--acid);font-size:18px;vertical-align:-2px;margin-right:8px}.quit:hover{color:var(--acid);transform:translate(-4px)}.status-dot{display:inline-block;width:6px;height:6px;margin-right:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 12px var(--acid)}.divider{margin:0 11px;color:var(--line)}.clock{color:var(--cyan)}.game-frame{min-height:calc(100vh - 105px);padding:8vh 8vw;animation:slide-up .45s ease both}.footer{display:flex;justify-content:space-between;padding:17px 3.5vw;color:#4d5a62;font:9px Space Mono,monospace;letter-spacing:.12em;border-top:1px solid var(--line)}.menu-view{position:relative;min-height:100vh;padding:9vh 9vw;overflow:hidden;background:linear-gradient(140deg,rgba(11,21,29,.5),transparent 55%),repeating-linear-gradient(90deg,transparent 0 80px,rgba(89,214,209,.025) 81px 82px)}.menu-view:after{content:"";position:absolute;width:500px;height:500px;right:-170px;top:12%;border:1px solid rgba(89,214,209,.25);transform:rotate(45deg);box-shadow:0 0 0 25px #59d6d106,0 0 0 50px #59d6d106}.title-block{position:relative;z-index:1}.eyebrow{margin:0 0 18px;color:var(--cyan);font:10px Space Mono,monospace;letter-spacing:.15em}.title-block h1{margin:0;font-size:clamp(4.2rem,13vw,10rem);line-height:.8;letter-spacing:.08em}.cursor{animation:blink 1s step-end infinite}.subtitle{margin:27px 0 0;color:var(--muted);font:11px Space Mono,monospace;letter-spacing:.18em}.main-menu{display:grid;width:min(540px,100%);margin-top:11vh;position:relative;z-index:2}.menu-option{display:grid;grid-template-columns:58px 1fr 26px;align-items:center;padding:18px 14px;border:0;border-bottom:1px solid var(--line);color:var(--muted);text-align:left;background:transparent;cursor:pointer;font-size:15px;letter-spacing:.12em;transition:color .25s,background .25s,padding .25s}.menu-option:first-child{border-top:1px solid var(--line)}.menu-option:hover,.menu-option:focus-visible{padding-left:25px;color:var(--ink);outline:none;background:#d8ef4614}.menu-option:hover .option-index,.menu-option:focus-visible .option-index{color:var(--acid)}.option-index{color:#52626a;font:11px Space Mono,monospace}.option-arrow{color:var(--acid);opacity:0;transition:opacity .2s,transform .2s}.menu-option:hover .option-arrow,.menu-option:focus-visible .option-arrow{opacity:1;transform:translate(4px,-4px)}.menu-hint{margin-top:38px;color:#667275;font:10px Space Mono,monospace;letter-spacing:.12em}.key{display:inline-block;padding:5px 7px;margin:0 7px;border:1px solid #52616a;color:var(--ink)}.menu-build{position:absolute;right:9vw;bottom:8vh;color:#52616a;font:9px Space Mono,monospace}.orbit-a,.orbit-b{position:absolute;border:1px solid rgba(216,239,70,.25);border-radius:50%}.orbit-a{width:140px;height:140px;right:23%;bottom:14%}.orbit-b{width:230px;height:230px;right:17%;bottom:7%;border-color:#ff765e26}.page-grid{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(300px,1.25fr);gap:8vw;max-width:1100px;margin:auto}.page-intro h2,.blog-heading h2{margin:0;font-size:clamp(3rem,8vw,6.5rem);line-height:.88;letter-spacing:.04em}.page-intro h2 em,.blog-heading h2 em,.credits-center h2{color:var(--acid);font-style:normal}.lede{color:var(--muted);line-height:1.7;max-width:360px}.portrait{position:relative;width:min(240px,70vw);aspect-ratio:1;margin-top:35px;border:1px solid var(--cyan);background:linear-gradient(135deg,#59d6d129,#d8ef460d);overflow:hidden}.portrait:before{content:"";position:absolute;width:100px;height:100px;border:1px solid var(--acid);border-radius:50%;left:50%;top:42%;transform:translate(-50%,-50%)}.portrait:after{content:"";position:absolute;width:170px;height:70px;border:1px solid var(--acid);border-radius:50% 50% 0 0;left:50%;bottom:-20px;transform:translate(-50%)}.portrait-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(89,214,209,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(89,214,209,.16) 1px,transparent 1px);background-size:24px 24px}.portrait-mark{position:absolute;top:12px;right:14px;font:700 13px Space Mono;color:var(--acid)}.portrait-label{position:absolute;bottom:12px;left:14px;color:var(--cyan);font:9px Space Mono}.data-panel{margin-top:30px;padding:22px;border:1px solid var(--line);background:#0d1420b8}.panel-heading,.post-meta{display:flex;justify-content:space-between;color:var(--muted);font:10px Space Mono;letter-spacing:.1em}.panel-state{color:var(--acid)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:20px 15px;padding:25px 0;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.label{display:block;margin-bottom:7px;color:#67757b;font:9px Space Mono;letter-spacing:.1em}.stats strong{font-size:14px;font-weight:500}.bio-copy{color:#adb6ac;font-size:15px;line-height:1.7}.skill-list{margin-top:27px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span,.tag{padding:6px 8px;border:1px solid #41534f;color:var(--cyan);font:10px Space Mono}.blog-page,.admin-page{max-width:1000px;margin:auto}.blog-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:70px}.blog-heading .lede{margin-bottom:0;font-size:13px}.post{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:31px 0;border-top:1px solid var(--line);animation:slide-up .5s var(--delay) ease both}.post-number{color:var(--acid);font:16px Space Mono}.post-meta{margin-bottom:13px}.tag{padding:4px 7px;color:var(--orange);border-color:#6c413b}.post h3{margin:0 0 10px;font-size:clamp(1.3rem,3vw,2rem);font-weight:500}.post p{max-width:680px;margin:0;color:var(--muted);line-height:1.7}.text-button,.submit-button{margin-top:23px;padding:0;border:0;color:var(--acid);background:none;cursor:pointer;font:11px Space Mono;letter-spacing:.1em}.text-button span,.submit-button span{margin-left:10px;font-size:16px}.text-button:hover,.submit-button:hover{color:var(--ink)}.signal-bar{display:flex;justify-content:center;gap:20px;margin-top:55px;color:#64716e;font:9px Space Mono;letter-spacing:.1em}.signal-bars{color:var(--acid);letter-spacing:-3px}.credits-page{min-height:calc(100vh - 105px);display:grid;align-content:center;max-width:1000px;margin:auto}.credits-center{text-align:center;margin:5vh auto 10vh}.credit-small,.credit-role{color:var(--muted);font:10px Space Mono;letter-spacing:.15em}.credits-center h2{margin:18px 0;font-size:clamp(4rem,15vw,10rem);line-height:.9}.credit-line{width:100px;height:2px;margin:0 auto 19px;background:var(--orange)}.email-link{display:inline-block;margin-top:35px;color:var(--cyan);font:15px Space Mono;text-decoration:none;border-bottom:1px solid var(--cyan);padding-bottom:5px}.email-link:hover{color:var(--acid);border-color:var(--acid)}.email-link span{margin-left:10px}.credit-note{color:var(--muted);line-height:1.7;margin-top:48px}.credits-foot{display:flex;justify-content:space-between;color:#58656a;font:9px Space Mono;letter-spacing:.1em}.admin-form{max-width:650px;display:grid;gap:17px;padding:25px 0}.admin-form label{color:var(--muted);font:10px Space Mono;letter-spacing:.1em}.admin-form input,.admin-form textarea{display:block;width:100%;margin-top:9px;padding:14px;border:1px solid var(--line);outline:0;color:var(--ink);background:#0b111c}.admin-form textarea{min-height:150px;resize:vertical}.admin-form input:focus,.admin-form textarea:focus{border-color:var(--cyan)}.submit-button{padding:14px 0;border-bottom:1px solid var(--acid);text-align:left}.admin-entries{max-width:650px;margin-top:35px}.admin-row{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line);color:#a9b1a7;font-size:13px}.delete-button{border:0;color:var(--orange);background:none;cursor:pointer;font-size:21px}@keyframes load{to{width:100%}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(15px)}}@keyframes blink{50%{opacity:0}}@media(max-width:680px){.topbar{min-height:56px;padding:0 5vw}.status,.clock{display:none}.game-frame{padding:9vh 6vw}.footer{font-size:8px;padding-inline:5vw}.menu-view{padding:10vh 7vw}.menu-view:after{width:250px;height:250px;right:-130px;top:38%}.title-block h1{font-size:clamp(3.5rem,18vw,6rem)}.main-menu{margin-top:10vh}.menu-option{font-size:12px}.menu-build{right:7vw;bottom:4vh}.page-grid{grid-template-columns:1fr;gap:20px}.portrait{margin-top:25px}.data-panel{margin-top:0}.blog-heading{display:block;margin-bottom:40px}.blog-heading .lede{margin-top:25px}.post{grid-template-columns:38px 1fr;gap:5px}.post h3{font-size:1.25rem}.signal-bar{gap:8px;font-size:8px}.credits-page{padding-top:4vh}.credits-center{margin-top:12vh}.credits-foot{font-size:7px}}.login-page{display:grid;place-items:center;min-height:calc(100vh - 105px)}.login-panel{width:min(520px,100%);padding:30px;border:1px solid var(--line);background:#0d1420b8}.login-panel h2{margin:0;font-size:clamp(2.3rem,7vw,4.5rem);line-height:.9}.login-panel h2 em{color:var(--acid);font-style:normal}.login-copy{color:var(--muted);line-height:1.6}.login-error{min-height:16px;margin:0;color:var(--orange);font:10px Space Mono}.logout-button{border:0;border-bottom:1px solid var(--orange);padding:8px 0;color:var(--orange);background:none;cursor:pointer;font:10px Space Mono;letter-spacing:.1em}.logout-button span{margin-left:8px}.logout-button:hover{color:var(--ink);border-color:var(--ink)}