:root{--bg:#0b0a09;--bg2:#110f0d;--panel:#15130f;--panel2:#1b1814;--line:#312b26;--line-soft:#231f1b;--engrave:#fff0dc0d;--text:#ece6dd;--muted:#aaa095;--faint:#8b8175;--blood:#c62828;--blood-hi:#e5473c;--blood-deep:#6e1515;--toxic:#8fbf4d;--toxic-dim:#5e8231;--phosphor:#8fbf4d52;--amber:#e6a823;--danger:#ef5350;--ok:#8fbf4d;--display:"Big Shoulders Display",Oswald,system-ui,sans-serif;--stencil:"Big Shoulders Stencil Display","Big Shoulders Display",system-ui,sans-serif;--label:"Barlow Condensed",system-ui,sans-serif;--body:"Inter Tight",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--ease-out:cubic-bezier(.16,1,.3,1);--r:4px;--wrap:1180px;--card:var(--panel);--font:var(--body)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-padding-top:84px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;flex-direction:column;min-height:100vh;line-height:1.6;display:flex}::selection{background:var(--blood);color:#fff}a{color:var(--toxic);text-underline-offset:3px;text-decoration:none}a:hover{text-decoration:underline}img,svg{max-width:100%;display:block}code{font-family:var(--mono);color:var(--toxic);background:var(--bg2);border:1px solid var(--line-soft);border-radius:3px;padding:1px 5px;font-size:.88em}:focus-visible{outline:2px solid var(--toxic);outline-offset:3px;border-radius:2px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line);border:3px solid var(--bg);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--blood-deep)}html{scrollbar-color:var(--line) var(--bg)}input,button,textarea,select{caret-color:var(--toxic)}.container{max-width:var(--wrap);margin:0 auto;padding:0 22px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 50% 120%,#0000008c,#0000 60%);position:fixed;inset:0}body>*{z-index:1;position:relative}.nav{z-index:50;border-bottom:1px solid var(--line-soft);background:#0b0a09f0;position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav{-webkit-backdrop-filter:blur(12px)saturate(1.1);backdrop-filter:blur(12px)saturate(1.1);background:#0b0a09d1}}.nav-inner{max-width:var(--wrap);justify-content:space-between;align-items:center;gap:20px;height:68px;margin:0 auto;padding:0 22px;display:flex}.brand{font-family:var(--stencil);letter-spacing:.03em;color:var(--text);text-transform:uppercase;align-items:center;gap:10px;font-size:1.45rem;font-weight:800;line-height:1;display:inline-flex}.brand:hover{text-decoration:none}.brand img{width:30px;height:30px}.brand b{font-weight:inherit}.brand span{color:var(--blood-hi)}.dial{background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 12px) left bottom/100% 7px no-repeat;align-items:center;gap:2px;height:68px;list-style:none;display:flex;position:relative}.dial a{height:100%;font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;padding:0 13px;font-size:1rem;font-weight:600;transition:color .2s;display:flex}.dial a:hover,.dial a[aria-current]{color:var(--text);text-decoration:none}.needle{background:var(--blood-hi);pointer-events:none;opacity:0;width:2px;height:22px;transition:transform .55s var(--ease-out),opacity .3s;position:absolute;bottom:0;left:0;box-shadow:0 0 0 1px #0006,0 -2px 10px #e5473c59}.needle:before{content:"";background:var(--blood-hi);clip-path:polygon(50% 100%,0 0,100% 0);width:8px;height:8px;position:absolute;top:-4px;left:-3px}.needle.on{opacity:1}.nav-actions{align-items:center;gap:10px;display:flex}.nav-account{font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 10px;font-size:1rem;font-weight:600}.nav-account:hover{color:var(--text);text-decoration:none}.logout-form{display:inline}.logout-form button[type=submit],.logout-form button{box-shadow:none;cursor:pointer;height:auto;font:inherit;font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:0 0;border:none;padding:8px 10px;font-size:1rem;font-weight:600}.logout-form button[type=submit]:hover,.logout-form button:hover{color:var(--blood-hi);background:0 0}.menu{display:none}@media (width<=900px){.nav-inner{height:60px;padding:0 16px}.dial,.nav-account.wide{display:none}.menu{display:block;position:relative}.menu summary{cursor:pointer;border:1px solid var(--line);border-radius:var(--r);height:40px;font-family:var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--text);align-items:center;gap:8px;padding:0 12px;font-weight:600;list-style:none;display:flex}.menu summary::-webkit-details-marker{display:none}.menu summary svg{transition:transform .25s var(--ease-out)}.menu[open] summary svg{transform:rotate(90deg)}.menu-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);width:min(280px,100vw - 32px);padding:6px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 40px #0000008c}.menu-panel a,.menu-panel button{width:100%;font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--line-soft);justify-content:space-between;padding:13px 12px;font-size:1.05rem;font-weight:600;display:flex}.menu-panel a:last-child{border-bottom:0}.menu-panel a small{font-family:var(--mono);color:var(--faint);letter-spacing:0;font-size:.72rem}.brand{font-size:1.25rem}.brand img{width:26px;height:26px}}@media (width<=420px){.nav-actions .btn{padding:0 12px;font-size:.92rem}.brand img{display:none}}.btn{border-radius:var(--r);height:46px;font-family:var(--label);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .16s var(--ease-out),background .2s,border-color .2s,color .2s,box-shadow .2s;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)scale(.985)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-blood,.btn-primary,button[type=submit]{background:var(--blood);color:#fff;border-color:#d8403a;box-shadow:inset 0 1px #ffffff24,0 6px 18px -8px #c62828b3}.btn-blood:hover,.btn-primary:hover,button[type=submit]:hover{background:#d3302d}.btn-blood .lamp,.btn-primary .lamp{background:#ffd0c9;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #00000040}.btn-ghost{border-color:var(--line);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--toxic-dim);color:var(--toxic)}.btn-sm{height:38px;padding:0 14px;font-size:.95rem}.btn-steam{background:var(--bg2);border:1px solid var(--line);color:var(--text);text-transform:none;letter-spacing:.02em;width:100%;font-family:var(--body);font-size:.95rem;font-weight:600}.btn-steam:hover{border-color:var(--toxic-dim)}main{flex:1}main.page{width:min(760px,100% - 32px);margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) 0 5rem}.page-head{background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 10px) left bottom/100% 6px no-repeat;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;padding-bottom:16px;display:flex}h1{font-family:var(--display);letter-spacing:-.005em;text-transform:uppercase;text-wrap:balance;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:800;line-height:.95}h1 em,h2 .k{color:var(--blood-hi);font-style:normal}h2{font-family:var(--display);letter-spacing:.005em;text-transform:uppercase;text-wrap:balance;font-size:clamp(1.5rem,3vw,1.9rem);font-weight:800;line-height:1}h3{font-family:var(--label);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.lead{color:var(--muted);max-width:60ch}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--r);box-shadow:inset 0 1px 0 var(--engrave),0 12px 30px -18px #000c;padding:26px;position:relative}.card>h2:first-child{align-items:center;gap:10px;margin-bottom:4px;font-size:1.35rem;display:flex}.card>h2:first-child:after{content:"";background:var(--line-soft);flex:1;height:1px;margin-left:6px}form.stack{flex-direction:column;gap:1rem;display:flex}label{color:var(--muted);flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:500;display:flex}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{border:1px solid var(--line);color:var(--text);border-radius:var(--r);font-size:1rem;font-family:var(--body);background:#0d0c0a;padding:.72rem .85rem;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 6px #00000073}input::placeholder,textarea::placeholder{color:#7a7166}input:hover,textarea:hover{border-color:#3d3630}input:focus,textarea:focus,select:focus{border-color:var(--toxic-dim);outline:none;box-shadow:inset 0 2px 6px #00000073,0 0 0 3px #8fbf4d29}input:user-invalid{border-color:var(--danger)}.divisor{color:var(--faint);font-family:var(--label);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.8rem;margin:1.3rem 0;font-size:.85rem;display:flex}.divisor:before,.divisor:after{content:"";background:var(--line);flex:1;height:1px}.msg{border-radius:var(--r);border:1px solid;margin-bottom:1rem;padding:.75rem .95rem;font-size:.95rem}.msg.ok{border-color:var(--toxic-dim);color:var(--toxic);background:#8fbf4d14}.msg.err{color:#f08a80;background:#c628281a;border-color:#8f2522}.kv{grid-template-columns:minmax(8rem,11rem) 1fr;gap:0 1rem;font-size:.96rem;display:grid}.kv dt,.kv dd{border-bottom:1px solid var(--line-soft);padding:.55rem 0}.kv dt{color:var(--faint);font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;font-size:.88rem;font-weight:600}.kv dd{font-family:var(--mono);color:var(--text);margin:0;font-size:.88rem}.avatar{border-radius:var(--r);border:1px solid var(--line);width:42px;height:42px}.chip{font-family:var(--label);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--toxic-dim);color:var(--toxic);border-radius:var(--r);align-items:center;gap:6px;padding:2px 9px;font-size:.8rem;font-weight:600;display:inline-flex}.badge{border-radius:var(--r);font-family:var(--label);letter-spacing:.1em;text-transform:uppercase;border:1px solid;align-items:center;gap:8px;padding:5px 12px;font-size:.95rem;font-weight:700;display:inline-flex}.badge-on{color:var(--toxic);border-color:var(--toxic-dim);background:#8fbf4d1a}.badge-off{color:var(--blood-hi);background:#c628281a;border-color:#7c2220}.badge-pending,.badge-empty{color:var(--amber);background:#e6a8231a;border-color:#8a6618}.tier-bar{border:1px solid var(--line);background:#0d0c0a;border-radius:2px;height:12px;margin-top:8px;overflow:hidden;box-shadow:inset 0 2px 5px #00000080}.tier-bar>div{background:repeating-linear-gradient(90deg,var(--toxic) 0 8px,var(--toxic-dim) 8px 10px);height:100%}.foot-wrap{border-top:1px solid var(--line-soft);background:var(--bg2);color:var(--faint);padding:44px 0 48px;font-size:.88rem}.foot-grid{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.foot-brand{flex-direction:column;gap:10px;max-width:44ch;display:flex}.foot-brand p{color:var(--muted)}.foot-links{grid-template-columns:repeat(2,auto);gap:8px 36px;display:grid}.foot-links a{font-family:var(--label);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:.95rem;font-weight:600}.foot-links a:hover{color:var(--text);text-decoration:none}.foot-links a.dim{color:var(--faint)}.disclaimer{border-top:1px solid var(--line-soft);color:var(--faint);margin-top:30px;padding-top:18px;font-size:.8rem}:where(button[type=submit]:not(.btn)){border-radius:var(--r);height:46px;font-family:var(--label);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:1px solid #d8403a;justify-content:center;align-items:center;padding:0 20px;font-size:1.05rem;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.badge-on:before{box-shadow:0 0 8px var(--phosphor)}.badge-pending:before{animation:1.8s ease-in-out infinite bulb-p}@keyframes bulb-p{50%{opacity:.35}}
