@font-face{font-family:'Bungee';font-weight:400;font-display:swap;src:url(/fonts/Bungee-400.woff2) format('woff2')}
@font-face{font-family:'Press Start 2P';font-weight:400;font-display:swap;src:url(/fonts/PressStart2P-400.woff2) format('woff2')}
@font-face{font-family:'Rubik';font-weight:400;font-display:swap;src:url(/fonts/Rubik-400.woff2) format('woff2')}
@font-face{font-family:'Rubik';font-weight:500;font-display:swap;src:url(/fonts/Rubik-500.woff2) format('woff2')}
@font-face{font-family:'Rubik';font-weight:700;font-display:swap;src:url(/fonts/Rubik-700.woff2) format('woff2')}
@font-face{font-family:'VT323';font-weight:400;font-display:swap;src:url(/fonts/VT323-400.woff2) format('woff2')}

:root{--bg:#150826;--bg2:#2a0f4a;--pink:#ff2e93;--pink2:#ff77c4;--teal:#2ee6d6;--teal2:#0fa89d;--sun:#ffd166;--ink:#f6eaff;--mute:#b79ad6;--card:rgba(32,12,58,.82);--warn:#ffd166;--bad:#ff5470}
*{box-sizing:border-box;margin:0}
html{background:var(--bg)}
body{font-family:'Rubik',system-ui,sans-serif;color:var(--ink);min-height:100vh;background:linear-gradient(180deg,#0e0520 0%,#2a0f4a 28%,#5a1470 46%,#150826 47%);background-attachment:scroll;padding-bottom:calc(60px + env(safe-area-inset-bottom));overflow-x:hidden}
.skyline{position:absolute;inset:0 0 auto 0;height:340px;overflow:hidden;z-index:0;pointer-events:none}
.sun{position:absolute;left:50%;top:70px;width:230px;height:230px;margin-left:-115px;border-radius:50%;background:linear-gradient(180deg,#ffd166 0%,#ff7a59 40%,#ff2e93 75%,#a31fbf 100%);box-shadow:0 0 60px 10px rgba(255,46,147,.55);
 -webkit-mask:repeating-linear-gradient(180deg,#000 0 22px,transparent 22px 26px,#000 26px 44px,transparent 44px 50px);mask:linear-gradient(#000,#000);
 -webkit-mask:linear-gradient(180deg,#000 0 55%,transparent 55% 58%,#000 58% 70%,transparent 70% 74%,#000 74% 83%,transparent 83% 88%,#000 88% 94%,transparent 94% 100%)}
.stars{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 90px 70px,#fff,transparent),radial-gradient(1.5px 1.5px at 160px 20px,var(--teal),transparent),radial-gradient(1px 1px at 240px 90px,#fff,transparent),radial-gradient(1.5px 1.5px at 330px 40px,var(--pink2),transparent);background-size:360px 120px;opacity:.8}
.grid{position:absolute;left:-50%;right:-50%;top:270px;height:260px;background:linear-gradient(var(--teal) 1px,transparent 1px) 0 0/100% 34px,linear-gradient(90deg,var(--teal) 1px,transparent 1px) 0 0/60px 100%;opacity:.28;transform:perspective(260px) rotateX(62deg);transform-origin:top;-webkit-mask:linear-gradient(#000,transparent);mask:linear-gradient(#000,transparent)}
.wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 14px 0}
.topbar{display:flex;justify-content:space-between;align-items:center;font-family:'VT323',monospace;font-size:20px;color:var(--teal);letter-spacing:1px}
.live{display:inline-flex;align-items:center;gap:6px}
.dot{width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.35}}
.hero{text-align:center;padding:10px 0 20px}
.hero .kicker{font-family:'Press Start 2P',monospace;font-size:9px;color:var(--sun);letter-spacing:2px}
h1{font-family:'Bungee',sans-serif;font-weight:400;font-size:clamp(34px,10vw,64px);line-height:1;margin-top:10px;color:#fff;text-shadow:3px 3px 0 var(--pink),6px 6px 0 var(--teal2),0 0 24px rgba(255,46,147,.7)}
.hero .sub{font-family:'VT323',monospace;font-size:24px;color:var(--pink2);margin-top:12px}
.example{display:block;margin:0 auto 14px;max-width:520px;text-align:center;font-family:'Press Start 2P',monospace;font-size:8px;line-height:1.7;color:#150826;background:var(--sun);padding:7px 10px;border:2px solid #fff;box-shadow:3px 3px 0 var(--pink)}
.cols{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:900px){.cols{grid-template-columns:1fr 1fr}.span2{grid-column:1/-1}}
section{background:var(--card);border:2px solid var(--teal);border-radius:14px;padding:14px 14px 16px;box-shadow:0 0 0 2px #150826,0 0 22px rgba(46,230,214,.35),inset 0 0 28px rgba(255,46,147,.08);backdrop-filter:blur(4px);position:relative}
section.pink{border-color:var(--pink);box-shadow:0 0 0 2px #150826,0 0 22px rgba(255,46,147,.45),inset 0 0 28px rgba(46,230,214,.07)}
.sh{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.sh .n{font-family:'Press Start 2P',monospace;font-size:10px;background:var(--pink);color:#150826;padding:6px 7px;border-radius:4px}
.pink .sh .n{background:var(--teal)}
.sh h2{font-family:'Bungee',sans-serif;font-weight:400;font-size:19px;letter-spacing:.5px;color:#fff;text-shadow:2px 2px 0 var(--pink)}
.pink .sh h2{text-shadow:2px 2px 0 var(--teal2)}
.sh .tag{margin-left:auto;font-family:'VT323',monospace;font-size:18px;color:var(--mute)}
.pill{display:inline-block;font-family:'VT323',monospace;font-size:17px;line-height:1;padding:3px 7px 2px;border-radius:4px;border:1px solid currentColor;white-space:nowrap}
.p-ok{color:var(--teal)}.p-work{color:var(--pink2)}.p-wait{color:var(--warn)}.p-hold{color:var(--mute)}.p-bad{color:var(--bad)}
.bar{height:14px;background:#0b0418;border:2px solid #3b1b63;border-radius:3px;overflow:hidden;position:relative}
.bar>i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--pink) 0 8px,#d4217a 8px 10px);box-shadow:0 0 10px var(--pink)}
.bar.t>i{background:repeating-linear-gradient(90deg,var(--teal) 0 8px,var(--teal2) 8px 10px);box-shadow:0 0 10px var(--teal)}
.bar.w>i{background:repeating-linear-gradient(90deg,var(--sun) 0 8px,#c9972f 8px 10px);box-shadow:0 0 10px var(--sun)}
.bar.sm{height:9px;border-width:1px}
/* status */
.status{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center}
.avatar{width:76px;height:76px;border-radius:12px;background:linear-gradient(160deg,var(--pink),#7a1fa2);display:grid;place-items:center;font-family:'Bungee';font-size:34px;color:#fff;text-shadow:2px 2px 0 var(--teal2);border:3px solid var(--teal);box-shadow:0 0 16px rgba(46,230,214,.6)}
.status .say{font-family:'VT323',monospace;font-size:23px;line-height:1.05;color:#fff}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.stat{background:#0e0520;border:1px solid #3b1b63;border-radius:8px;padding:8px;text-align:center}
.stat b{display:block;font-family:'Bungee';font-weight:400;font-size:24px;color:var(--teal);text-shadow:0 0 10px rgba(46,230,214,.6)}
.stat span{font-family:'VT323',monospace;font-size:16px;color:var(--mute);line-height:1}
.stat.p b{color:var(--pink2);text-shadow:0 0 10px rgba(255,46,147,.6)}
.doing{margin-top:12px;font-size:14px;color:var(--mute)}
.doing li{margin:3px 0 3px 18px}
/* brief */
.sub-h{font-family:'Press Start 2P',monospace;font-size:9px;color:var(--sun);margin:4px 0 8px;letter-spacing:1px}
.row{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed #4a2878;align-items:flex-start}
.row:last-child{border-bottom:0}
.time{font-family:'VT323',monospace;font-size:22px;color:var(--teal);min-width:74px;line-height:1}
.row .t{font-weight:500;font-size:15px;line-height:1.3}
.row .m{font-size:13px;color:var(--mute);margin-top:2px;line-height:1.3}
.row .r{margin-left:auto;padding-left:6px}
.em{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 8px var(--pink);margin-top:7px;flex:none}
.em.s{background:var(--teal);box-shadow:0 0 8px var(--teal)}
.em.l{background:var(--sun);box-shadow:0 0 8px var(--sun)}
.quote{font-family:'VT323',monospace;font-size:21px;color:var(--pink2);border-left:3px solid var(--pink);padding-left:10px;margin:2px 0 12px;line-height:1.1}
/* needs */
.need{display:grid;grid-template-columns:30px 1fr auto;gap:10px;padding:10px;margin-bottom:8px;background:#0e0520;border:1px solid #4a2878;border-left:5px solid var(--pink);border-radius:8px}
.need.hi{border-left-color:var(--bad)}.need.lo{border-left-color:var(--teal)}
.need .ic{font-family:'Press Start 2P',monospace;font-size:10px;color:var(--pink2);padding-top:4px}
.need .t{font-weight:500;font-size:15px;line-height:1.3}
.need .m{font-size:13px;color:var(--mute);margin-top:2px}
.need .from{font-family:'VT323',monospace;font-size:18px;color:var(--teal)}
/* bots */
.bots{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:900px){.bots{grid-template-columns:1fr 1fr}.bots .bot:first-child{grid-column:1/-1}}
.bot{background:#0e0520;border:1px solid #4a2878;border-radius:10px;padding:12px}
.bot-h{display:flex;align-items:center;gap:10px}
.bot-h .nm{font-family:'Bungee';font-size:17px;color:var(--teal);text-shadow:0 0 8px rgba(46,230,214,.5)}
.bot-h .pill{margin-left:auto}
.bot .job{font-size:14px;margin:7px 0 8px;line-height:1.35}
.bot .pc{display:flex;gap:10px;align-items:center}
.bot .pc .bar{flex:1}
.bot .pc b{font-family:'VT323',monospace;font-size:22px;color:var(--pink2);min-width:44px;text-align:right}
.subs{margin-top:10px;border-top:1px dashed #4a2878;padding-top:6px}
.sb{display:grid;grid-template-columns:1fr 70px;gap:4px 10px;padding:6px 0 4px}
.sb .n{font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sb .n small{font-weight:400;color:var(--mute);font-size:12px;flex-basis:100%}
.sb .pill{justify-self:end;font-size:15px}
.sb .bar{grid-column:1/-1}
.hidden-note{font-family:'VT323',monospace;font-size:17px;color:var(--mute);margin-top:4px}
/* money */
.mgrid{display:grid;gap:10px;grid-template-columns:1fr 1fr}
@media(min-width:900px){.mgrid{grid-template-columns:repeat(4,1fr)}}
.mc{background:#0e0520;border:1px solid #4a2878;border-radius:8px;padding:10px}
.mc span{font-family:'VT323',monospace;font-size:17px;color:var(--mute);line-height:1;display:block}
.mc b{font-family:'Bungee';font-weight:400;font-size:21px;color:#fff;display:block;margin-top:4px;text-shadow:2px 2px 0 var(--pink)}
.mc em{font-style:normal;font-family:'VT323',monospace;font-size:17px}
.split{margin-top:14px}
.split .seg{display:flex;height:22px;border:2px solid #3b1b63;border-radius:4px;overflow:hidden}
.split .seg i{display:block;height:100%}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-family:'VT323',monospace;font-size:18px}
.legend span:before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;background:var(--c)}
.bills{margin-top:12px}
footer{text-align:center;font-family:'VT323',monospace;font-size:19px;color:var(--mute);padding:22px 0 8px}
footer b{color:var(--pink2);font-weight:400}
/* nav */
.nav{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:space-around;background:rgba(14,5,32,.94);border-top:2px solid var(--pink);padding:8px 4px calc(8px + env(safe-area-inset-bottom));font-family:'Press Start 2P',monospace;font-size:7px;box-shadow:0 -4px 18px rgba(255,46,147,.35)}
.nav a{color:var(--teal);text-decoration:none;padding:4px 6px;text-align:center;line-height:1.6}
.nav a.on{color:var(--pink2)}
@media(min-width:900px){.nav{display:none}body{padding-bottom:20px}}
/* login */
#login{display:none;position:fixed;inset:0;z-index:20;background:linear-gradient(180deg,#0e0520 0%,#2a0f4a 35%,#5a1470 52%,#150826 53%);overflow:auto}
body.login #login{display:block}
body.login .wrap,body.login .nav,body.login .skyline{display:none}
.lg{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 22px;text-align:center}
.lg .sun{top:30px}
.lg .skyline{display:block!important}
.lg h1{font-size:clamp(30px,9vw,52px)}
.lbox{position:relative;z-index:2;width:100%;max-width:380px;margin-top:240px;background:var(--card);border:2px solid var(--pink);border-radius:14px;padding:20px;text-align:left;box-shadow:0 0 26px rgba(255,46,147,.5),inset 0 0 26px rgba(46,230,214,.08)}
.lbox h3{font-family:'Press Start 2P',monospace;font-size:11px;color:var(--sun);margin-bottom:6px;line-height:1.6}
.lbox p{font-family:'VT323',monospace;font-size:20px;color:var(--pink2);line-height:1.05;margin-bottom:14px}
.lbox label{display:block;font-family:'Press Start 2P',monospace;font-size:8px;color:var(--teal);margin:12px 0 6px;letter-spacing:1px}
.lbox input{width:100%;font:500 17px 'Rubik';color:#fff;background:#0b0418;border:2px solid var(--teal);border-radius:6px;padding:12px;outline:none;box-shadow:0 0 10px rgba(46,230,214,.25)}
.lbox input:focus{border-color:var(--pink);box-shadow:0 0 14px rgba(255,46,147,.6)}
.btn{display:block;width:100%;margin-top:18px;font-family:'Bungee';font-size:19px;color:#150826;background:linear-gradient(180deg,var(--sun),var(--pink));border:3px solid #fff;border-radius:8px;padding:12px;box-shadow:4px 4px 0 var(--teal2);cursor:pointer}
.hint{font-family:'VT323',monospace;font-size:18px;color:var(--mute);margin-top:12px;line-height:1.05}
.meter{display:flex;gap:4px;margin-top:8px}.meter i{flex:1;height:8px;background:#3b1b63}.meter i.on{background:var(--teal);box-shadow:0 0 6px var(--teal)}
.chk{display:flex;gap:8px;align-items:center;margin-top:14px;font-size:14px;color:var(--ink)}
.chk i{width:18px;height:18px;border:2px solid var(--teal);background:var(--teal);border-radius:3px;display:grid;place-items:center;color:#150826;font-style:normal;font-weight:700;font-size:13px;flex:none}

.acc{display:grid;gap:10px;grid-template-columns:1fr}@media(min-width:900px){.acc{grid-template-columns:repeat(3,1fr)}}
.gbig{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.gbig b{font-family:'Bungee';font-weight:400;font-size:44px;color:#fff;text-shadow:3px 3px 0 var(--pink),0 0 20px rgba(255,46,147,.6)}.gbig span{font-family:'VT323',monospace;font-size:21px;color:var(--teal)}
.bar.gb{height:26px;border-width:3px}
.nav a{font-size:6px;padding:4px 3px}

/* ===== v2: CYBERPUNK x RETRO-80s ===== */
:root{--bg:#07030f;--card:rgba(12,5,28,.9)}
html{background:#07030f}
body{background:radial-gradient(1200px 500px at 50% -80px,#3a0f5e 0%,transparent 70%),linear-gradient(180deg,#07030f 0%,#12061f 50%,#07030f 100%)}
.scan{position:fixed;inset:0;z-index:50;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,0) 0 2px,rgba(0,0,0,.09) 2px 3px);mix-blend-mode:multiply}
.scan:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.45) 100%)}
.skyline{height:100%;position:fixed}
.grid{top:auto;bottom:0;height:46vh;opacity:.22;transform:perspective(300px) rotateX(62deg);transform-origin:bottom;-webkit-mask:linear-gradient(transparent,#000);mask:linear-gradient(transparent,#000)}
.stars{opacity:.55}
.ticker{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:space-between;font-family:'VT323',monospace;font-size:17px;color:var(--teal);border-bottom:1px solid #1d5f5a;padding-bottom:6px;letter-spacing:1px;text-transform:uppercase}
.ticker span:first-child{color:var(--pink2)}
/* HUD frame */
.hud,section,.bot,.mc,.feat,.need,.stat{border-radius:3px!important}
section{border-width:1px;background:linear-gradient(180deg,rgba(18,7,36,.94),rgba(9,3,20,.94));box-shadow:0 0 0 1px #07030f,0 0 18px rgba(46,230,214,.28),inset 0 0 40px rgba(46,230,214,.05)}
section.pink{box-shadow:0 0 0 1px #07030f,0 0 18px rgba(255,46,147,.4),inset 0 0 40px rgba(255,46,147,.06)}
section:before,section:after{content:"";position:absolute;width:18px;height:18px;border:3px solid var(--pink);pointer-events:none}
section:before{top:-3px;left:-3px;border-right:0;border-bottom:0}
section:after{bottom:-3px;right:-3px;border-left:0;border-top:0}
section.pink:before,section.pink:after{border-color:var(--teal)}
.sh{border-bottom:1px solid #3b1b63;padding-bottom:9px}
.sh .n{border-radius:0;clip-path:polygon(0 0,100% 0,100% 70%,82% 100%,0 100%);padding:6px 10px 6px 7px}
.sh .n:before{content:"//"}
.sh h2{letter-spacing:1.5px;font-size:18px;text-shadow:2px 0 var(--pink),-2px 0 var(--teal);}
.pink .sh h2{text-shadow:2px 0 var(--teal),-2px 0 var(--pink)}
.pill{border-radius:0;text-transform:uppercase;letter-spacing:.5px}
.bar{border-radius:0}
/* HERO: dark panel, dimmed sun BEHIND, high-contrast text */
.hero{position:relative;text-align:left;margin:14px 0 14px;padding:0;border:1px solid var(--teal);background:#05020c;overflow:hidden;box-shadow:0 0 22px rgba(46,230,214,.35),inset 0 0 40px rgba(0,0,0,.8)}
.hero:before,.hero:after{content:"";position:absolute;width:22px;height:22px;border:3px solid var(--pink);z-index:3}
.hero:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.hero:after{bottom:-1px;right:-1px;border-left:0;border-top:0}
.sunset{position:absolute;right:-60px;bottom:-110px;width:300px;height:300px;border-radius:50%;opacity:.38;background:linear-gradient(180deg,#ffd166 0%,#ff7a59 38%,#ff2e93 72%,#7a1fa2 100%);-webkit-mask:linear-gradient(180deg,#000 0 50%,transparent 50% 55%,#000 55% 68%,transparent 68% 74%,#000 74% 84%,transparent 84% 91%,#000 91%);filter:saturate(.9)}
.hero:after{z-index:3}
.hero-in{position:relative;z-index:2;padding:22px 20px 20px;background:linear-gradient(90deg,rgba(5,2,12,.96) 0%,rgba(5,2,12,.88) 55%,rgba(5,2,12,.55) 100%)}
.hero .kicker{font-family:'VT323',monospace;font-size:20px;color:var(--teal);letter-spacing:1px}
.hero h1{font-size:clamp(40px,12vw,76px);margin-top:10px;color:#fff;position:relative;text-shadow:none;letter-spacing:1px;line-height:.98;animation:glitch 6s infinite steps(1)}
.hero h1{text-shadow:3px 0 0 rgba(255,46,147,.95),-3px 0 0 rgba(46,230,214,.95)}
@keyframes glitch{0%,92%,100%{transform:none;text-shadow:3px 0 0 rgba(255,46,147,.95),-3px 0 0 rgba(46,230,214,.95)}93%{transform:translate(-4px,0) skewX(-6deg);text-shadow:-6px 0 0 rgba(255,46,147,.95),6px 0 0 rgba(46,230,214,.95)}94%{transform:translate(3px,1px);text-shadow:5px 0 0 rgba(46,230,214,.95),-5px 0 0 rgba(255,46,147,.95)}95%{transform:none}}
@media (prefers-reduced-motion:reduce){.hero h1{animation:none}.dot{animation:none}.cur{animation:none}}
.hero .sub{font-family:'VT323',monospace;font-size:23px;color:#fff;margin-top:14px;text-shadow:0 0 8px rgba(0,0,0,.9)}
.cur{color:var(--pink2);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.example{border-radius:0;border:1px dashed #05020c;box-shadow:none;background:var(--sun);color:#150826}
.avatar{border-radius:0;clip-path:polygon(0 0,100% 0,100% 82%,82% 100%,0 100%)}
.nav{border-top:1px solid var(--teal);box-shadow:0 -4px 18px rgba(46,230,214,.25);background:rgba(5,2,12,.96)}
.need{border-left-width:3px}
.btn{border-radius:0}
.lbox{border-radius:3px;border-width:1px}
/* features */
.fsrc{font-family:'VT323',monospace;font-size:17px;color:var(--mute);margin:-4px 0 12px}
.feat{background:#0a0418;border:1px solid #3b1b63;border-top:2px solid var(--pink);padding:12px;display:flex;flex-direction:column;gap:6px}
.fh{display:flex;gap:6px}
.ft{font-family:'Bungee';font-size:15px;color:var(--teal);line-height:1.2;text-shadow:0 0 8px rgba(46,230,214,.4)}
.fd{font-size:13px;color:var(--ink);line-height:1.4}
.fb{font-size:13px;color:var(--sun);line-height:1.35;border-left:2px solid var(--pink);padding-left:8px}
.flink{align-self:flex-start;margin-top:4px;font-family:'Press Start 2P',monospace;font-size:8px;color:#07030f;background:var(--teal);padding:8px 10px;text-decoration:none;box-shadow:3px 3px 0 var(--pink);clip-path:none}
.flink small{font-family:'VT323',monospace;font-size:14px;margin-left:4px;opacity:.75}
/* login */
.lg .sun{display:block;opacity:.4}
.lg h1{text-shadow:3px 0 0 rgba(255,46,147,.95),-3px 0 0 rgba(46,230,214,.95);color:#fff}

/* ===== live additions ===== */
.upd{margin-left:auto;font-family:'VT323',monospace;font-size:17px;color:var(--mute);white-space:nowrap;display:flex;gap:6px;align-items:center}
.upd b{font-weight:400;padding:1px 5px 0;border:1px solid currentColor;font-size:15px;line-height:1.1}
.upd.stale{color:var(--warn)}.upd.none{color:var(--bad)}
.sh .tag{display:none}
.empty{font-family:'VT323',monospace;font-size:20px;color:var(--mute);padding:10px 2px}
.lock{text-align:center;padding:18px 8px}
.lock .big{font-family:'Bungee';font-size:20px;color:#fff;text-shadow:2px 0 var(--pink),-2px 0 var(--teal)}
.lock p{font-family:'VT323',monospace;font-size:20px;color:var(--pink2);margin:8px 0 14px}
.lock input{width:100%;max-width:320px;font:500 17px 'Rubik';color:#fff;background:#0b0418;border:2px solid var(--teal);padding:11px;outline:none;margin-bottom:10px}
.lock input:focus{border-color:var(--pink)}
.lock .btn{max-width:320px;margin:6px auto 0}
.err{font-family:'VT323',monospace;font-size:19px;color:var(--bad);margin-top:10px;min-height:20px}
.foot-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.lnk{font-family:'Press Start 2P',monospace;font-size:8px;color:var(--teal);background:none;border:1px solid var(--teal);padding:9px 10px;cursor:pointer}
.lnk.danger{color:var(--pink2);border-color:var(--pink)}
.loading{font-family:'VT323',monospace;font-size:24px;color:var(--teal);text-align:center;padding:80px 0}
.legend-note{font-family:'VT323',monospace;font-size:16px;color:var(--mute);margin:8px 0 0}
.note-manual{font-family:'VT323',monospace;font-size:15px;color:var(--sun);border:1px dashed var(--sun);padding:0 5px;margin-left:6px}
body.login #app,body.login .nav,body.login .skyline,body.login .foot{display:none}
#login{display:none}
body.login #login{display:block}
.lbox .btn:disabled{opacity:.6}
a.flink{display:inline-block}
.hero-in .kicker,.hero .sub{overflow-wrap:anywhere}