@font-face{font-family:Pixelify;src:url('/fonts/pixelify-sans-latin-400-normal.woff2') format('woff2');font-display:swap;font-weight:400}@font-face{font-family:Pixelify;src:url('/fonts/pixelify-sans-latin-700-normal.woff2') format('woff2');font-display:swap;font-weight:700}@font-face{font-family:VT323;src:url('/fonts/vt323-latin-400-normal.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--bg:#1a1147;--screen:#100b2d;--panel:#201653;--cream:#fff3d6;--muted:#cfc4f2;--pink:#ff4f8b;--yellow:#ffd23f;--teal:#3fe0d0;--line:#49348d}*{box-sizing:border-box}html{font-size:16px}body{margin:0;color:var(--cream);font:22px/1.25 VT323,monospace;background:var(--bg);background-image:linear-gradient(90deg,transparent 95%,#25185c 95%),linear-gradient(transparent 95%,#25185c 95%);background-size:64px 64px}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed} :focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.shell{width:min(1180px,calc(100% - 36px));margin:auto}.nav{display:flex;align-items:center;gap:22px;min-height:94px;border-bottom:3px solid var(--line)}.logo{font:700 35px Pixelify,monospace;text-decoration:none;text-shadow:3px 3px 0 #4b248d}.logo span{color:var(--teal)}.logo small{font-size:12px;color:var(--yellow);vertical-align:top}.nav nav{margin-left:auto;display:flex;gap:26px}.nav nav a{font:700 16px Pixelify;text-decoration:none}.nav nav a:hover{color:var(--teal)}.status{font:18px VT323;color:var(--yellow);border:2px solid var(--line);padding:8px 11px;white-space:nowrap}.led{display:inline-block;background:#7be36a;width:9px;height:9px;margin-right:5px;box-shadow:0 0 9px #7be36a}.headline{padding:52px 0 36px}.eyebrow{margin:0 0 10px;font:17px Pixelify;color:var(--teal)}h1{font:700 clamp(38px,6vw,70px)/1.05 Pixelify,monospace;margin:0;color:var(--yellow);text-shadow:4px 4px 0 var(--pink)}h1 span{color:var(--cream)}.headline>p:last-child{color:var(--muted);max-width:720px}.layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:22px}.panel{border:3px solid var(--line);background:var(--panel);box-shadow:7px 7px 0 #090623;padding:25px 26px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:2px solid var(--line);padding-bottom:15px;margin-bottom:26px;color:var(--teal);font:700 17px Pixelify,monospace}.panel-glyph{font-size:22px;color:var(--pink)}.tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:26px;gap:8px}.tabs button{border:2px solid var(--line);background:#18103c;color:var(--muted);font:700 17px Pixelify;padding:15px}.tabs button.selected{background:var(--teal);border-color:var(--teal);color:#100b2d;box-shadow:4px 4px 0 var(--pink)}.auth-form{display:grid;gap:11px}.auth-form[hidden],.member-panel[hidden],.auth-panel[hidden],.history[hidden]{display:none}.auth-form label{color:var(--yellow);font:700 15px Pixelify;margin-top:7px}.auth-form input{width:100%;background:#110b31;border:2px solid #634ca7;border-radius:0;color:white;padding:14px 15px;min-height:54px}.auth-form input:focus{border-color:var(--teal);outline:2px solid var(--teal)}.action{border:0;background:var(--pink);box-shadow:4px 4px 0 #110b31;padding:17px 18px;margin-top:15px;font:700 18px Pixelify;display:flex;justify-content:space-between;gap:12px;color:#110b31}.action:hover{background:var(--yellow)}.message{min-height:36px;margin-top:20px;padding:9px 12px;border-left:3px solid var(--teal);background:#110b31;color:var(--muted)}.message.error{border-color:var(--pink);color:#ffd6e6}.helper{font-size:19px;color:var(--muted);line-height:1.2}.sidebar{align-self:start}.server-icon{height:105px;display:grid;place-items:center;position:relative}.server-icon span{font-size:75px;color:var(--pink);text-shadow:5px 5px 0 #110b31}.server-icon i{position:absolute;background:var(--teal);width:9px;height:9px;bottom:27px;left:calc(50% + 25px);box-shadow:0 0 12px var(--teal)}.server-name{text-align:center;color:var(--muted);margin:0 0 26px}.line{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;gap:10px}.line span{color:var(--muted)}.line b{color:var(--teal);font-weight:400}.callout{border:2px dashed #7762ac;background:#150f3d;color:var(--muted);padding:14px;margin-top:20px;font-size:19px}.catalog-link{display:block;color:#110b31;background:var(--yellow);text-align:center;padding:14px;text-decoration:none;margin-top:22px;font:700 15px Pixelify}.member-panel h2{font:700 clamp(28px,4vw,45px) Pixelify;margin:0 0 26px;overflow-wrap:anywhere}.wallet{border:2px solid var(--teal);background:#110b31;padding:22px;display:grid;gap:9px;box-shadow:5px 5px 0 #0a0722}.wallet small{font:700 15px Pixelify;color:var(--muted)}.wallet strong{font:700 clamp(33px,5vw,56px) Pixelify;color:var(--yellow)}.wallet strong em{font-size:18px;color:var(--teal);font-style:normal}.wallet>span{font-size:17px;color:var(--pink)}.profile-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.profile-actions button{border:2px solid var(--teal);background:#110b31;color:var(--teal);padding:12px 16px}.profile-actions button:last-child{border-color:var(--pink);color:var(--pink)}.history{margin-top:22px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:19px}td,th{text-align:left;padding:13px 9px;border-bottom:1px solid var(--line)}th{font:700 14px Pixelify;color:var(--teal)}td{color:var(--muted)}.positive{color:#7be36a}.negative{color:#ff8a9c}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:2px solid var(--line);margin:60px 0 26px;padding-top:21px;color:var(--muted);font-size:19px}footer span{color:var(--yellow)}@media(max-width:760px){.layout{grid-template-columns:1fr}.nav{flex-wrap:wrap;padding:18px 0;gap:10px}.nav nav{order:3;width:100%;justify-content:space-between}.status{margin-left:auto}.headline{padding-top:35px}.panel{padding:18px}.shell{width:min(100% - 28px,1180px)}.headline>p:last-child{font-size:21px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}