/* HyperDesk — the shared X-kit palette, applied to the working app. */
:root{--bg:#061b18;--panel:#0a2823;--panel2:#0d3029;--line:#244d42;--fg:#effff9;--mute:#a0bfb5;--g:#9dffe5;--y:#9dffe5;--b:#86d8c8;--c:#a5f5e3;--r:#ff9293;--m:#c2b4ef;--text:var(--fg);accent-color:#9dffe5}
body{background:radial-gradient(ellipse at 50% 0,#123c31 0,transparent 66%),#061b18}
body::before{inset:0;animation:none;background-image:linear-gradient(#9dffe504 1px,transparent 1px),linear-gradient(90deg,#9dffe504 1px,transparent 1px);background-size:48px 48px}
.app{max-width:1020px;padding:12px 0 0}
.top{padding-top:16px;gap:12px}
img.logo{height:30px;filter:none}
.brand-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:22px 16px 18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.brand-heading h1{font:700 25px/1.15 var(--display);letter-spacing:-.025em;margin:0}
.brand-heading h1 span{color:var(--g)}
.brand-heading p{font:11px var(--mono);color:var(--mute);margin:6px 0 0}
.brand-heading .desk-id{font:10px var(--mono);letter-spacing:.14em;color:#8eb1a5;white-space:nowrap;padding-bottom:3px}
.money{padding-top:4px;padding-bottom:18px}.eq{font-size:40px}.eq small{color:#a6c7b8}
.lvl .xp{height:4px}.lvl .xp i{background:var(--g)}.lvlbadge{background:conic-gradient(var(--g) calc(var(--p,0)*1%),var(--line) 0)}
.pill{background:#0b2923;color:#b6d2c6;border-color:var(--line)}.pill.ok{color:var(--g);border-color:#437b67;background:#123c30}.pill.demo{color:var(--g);border-color:#315c4d;background:#102e27}.pill.btn,button.acct{border-color:#315c4d}
.stage{background:#09241f;border-color:#3b705c;box-shadow:0 20px 60px #0004,0 0 0 5px #9dffe504;border-radius:16px}
.bubble{background:#e4fff3;color:#082a21;box-shadow:0 4px 12px #0005}.bubble::after{background:#e4fff3}
.quick{gap:9px}button{background:#143a2f;border-color:#315d4d;color:#defff1;transition:background .15s,border-color .15s,transform .08s}
button:not(:disabled):hover{filter:none;border-color:#69b898;background:#1a493a}
button.ok{background:#9dffe5;color:#08291f;border-color:#9dffe5}button.ok:not(:disabled):hover{background:#c4ffee;border-color:#c4ffee}
button.danger{background:#3b2527;border-color:#72474a;color:#ffb5b5}button.danger:not(:disabled):hover{background:#503033;border-color:#af7074}
button.gold{background:#234c3b;border-color:#5e8f74;color:#c4ffdf}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--g);outline-offset:3px}
.cta{padding-top:20px;gap:10px}.cta button.big{padding:13px 22px}.cta .sub{width:100%;text-align:center;padding-top:7px;font-size:11px;line-height:1.7}
.tabs{background:transparent;gap:5px;padding-top:14px;backdrop-filter:blur(12px)}
.tabs button{background:#0a251f;border-color:#254e40;color:#9cbdb0}.tabs button.on{background:#143c30;color:var(--g);box-shadow:inset 0 2px var(--g)}
.tabs .n{background:var(--g);color:#08291f}
.panel{background:linear-gradient(160deg,#10372c,#0a2823);border-color:#315b4a;padding:18px;border-radius:0 0 16px 16px}
.perp-market{background:#09271f;border-color:#315b4a;border-radius:13px;padding:17px}.perp-market-title{color:#c4f3dd}.perp-market strong{font:700 28px var(--display);letter-spacing:-.02em}.perp-market .sub{font-size:11px;color:#9ec7b2;line-height:1.7}.perp-market .quick{padding-left:0;padding-right:0;padding-top:13px}
.perp-market-title .up{color:#9dffe5}.perp-market-title .dn{color:#ff9e9f}
h2{color:#a9d5bd;letter-spacing:.12em}h3{color:#e3ffef}.row{border-color:#2a5141;padding-top:14px;padding-bottom:14px}
.crew,.item,.ach,.lane,.kpi{background:#0b2b23;border-color:#315b4a}.crew:hover,.item:hover{border-color:#548c70}.item .th{background:#08251e}.item.owned,.goal.done,.lane.on{border-color:#548c70}
.item.r-rare .th,.ach.t-rare{border-color:#4a8f84}.item.r-rare .th{box-shadow:inset 0 0 14px #9dffe514}.rar-rare{background:#17473d;color:#a5f5e3}.rar-common{background:#28483c;color:#d0e9da}.rar-free{background:#1c4c37;color:#aaffcb}
input,select,textarea,code.addr{background:#08241d;border-color:#315b4a;color:#e8fff1}input[type=checkbox]{accent-color:var(--g)}
.paintbar{background:#0b2b23;border-color:#548c70;color:var(--fg)}.paintbar .who{color:var(--g)}.paintbar .sw button.on{border-color:#d7fff0;box-shadow:0 0 0 2px #0b2b23,0 0 0 3px #9dffe5}
.sndpop,.box{background:#10372c;border-color:#3c7059}.gate,.achpop{background:#041b16d9}.slots button.on{background:#29634a;color:#caffdf}.achpop .card{background:linear-gradient(#194b37,#0b2b23);border-color:#699a77;box-shadow:0 0 60px #9dffe522}
#toast{background:#b4ffe1;color:#08291f;border:1px solid #77d6b0}.feedwarn,.motd{background:#41351e;border-color:#8a7544;color:#f4d9a4}
.brand-footer{margin:12px 16px 25px;border-top:1px solid var(--line);padding:18px 0 0;display:flex;justify-content:space-between;gap:15px;font:10px/1.7 var(--mono);color:#8cb29e}.brand-footer b{color:#baffdd;font-weight:400;letter-spacing:.12em}.brand-footer span:last-child{text-align:right}
@media(min-width:601px){.tabs{background:#061b18e8}.msg{padding:7px 0}.msg .who{margin-bottom:3px}}
@media(max-width:600px){.app{padding-top:0}.top{padding-top:15px}.brand-heading{margin-top:18px;margin-bottom:13px}.brand-heading h1{font-size:22px}.brand-heading .desk-id{display:none}.eq{font-size:31px}.eq small{font-size:11px}.money{gap:12px;padding-bottom:14px}.tabs{background:#08251ff5;border-color:#315b4a}.tabs button.on{background:#1a4936;box-shadow:none}.panel{padding:14px}.perp-market strong{font-size:27px}.brand-footer{margin-bottom:100px}.cta .sub{font-size:10px}.brand-footer span:last-child{max-width:54%}}
@media(prefers-reduced-motion:reduce){.pulse,.eq.tick,.bubble,.floater,.achpop .big{animation:none}}