@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#07111d;--panel:#0c1b2b;--panel2:#102338;--line:#1c3a50;--cyan:#52d8ee;--ice:#d9f7ff;--muted:#7895a9;--red:#ed5876;--green:#45d9b1;font-family:Manrope,Arial,sans-serif;color:var(--ice);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#153653 0,transparent 48%),linear-gradient(#07111d,#081522 65%,#07111d);position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:linear-gradient(#2a638020 1px,transparent 1px),linear-gradient(90deg,#2a638020 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1100px)/2),24px);background:#07111de8;border-bottom:1px solid #52d8ee35;position:relative;z-index:1;box-shadow:0 8px 30px #0005}.brand{font:700 21px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:var(--ice);text-decoration:none;text-transform:uppercase}.brand:first-letter{color:var(--cyan)}nav{display:flex;gap:26px}nav a{font:500 11px 'IBM Plex Mono',monospace;letter-spacing:1px;text-transform:uppercase;color:#91acbd;text-decoration:none;transition:color .18s}nav a:hover,a{color:var(--cyan)}main{max-width:1100px;margin:54px auto;padding:0 24px;min-height:72vh;position:relative;z-index:1}.eyebrow{font:500 10px 'IBM Plex Mono',monospace;letter-spacing:3px;color:var(--cyan);display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:27px;height:1px;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}h1{font:600 38px 'Barlow Condensed',sans-serif;letter-spacing:1px;text-transform:uppercase;margin:10px 0 30px;color:#edfaff}h2{font:600 20px 'Barlow Condensed',sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#dff9ff;margin:34px 0 14px}.card{background:linear-gradient(135deg,#102338f2,#0a1929f5);border:1px solid var(--line);border-radius:3px;padding:25px;box-shadow:0 16px 42px #0004;position:relative}.card:before,.card:after{content:"";position:absolute;width:14px;height:14px;border-color:var(--cyan);opacity:.75}.card:before{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}.card:after{bottom:-1px;right:-1px;border-bottom:1px solid;border-right:1px solid}.narrow{max-width:500px}.card p{color:#9bb0be;font-size:14px}.balance{max-width:520px;min-height:185px;padding:28px 32px;background:linear-gradient(110deg,#0e263b,#102e45 60%,#0c1b2b);border:1px solid #27617a;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;box-shadow:0 18px 55px #0005}.balance:after{content:"S";position:absolute;right:16px;top:-34px;font:800 190px 'Barlow Condensed',sans-serif;color:#57d7ec0b;line-height:1}.balance div{font:500 10px 'IBM Plex Mono',monospace;letter-spacing:2px;text-transform:uppercase;color:#8db4c6}.balance strong{font:600 49px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#e8fbff;text-shadow:0 0 23px #52d8ee38}.balance a{font:500 10px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:1.2px;text-decoration:none;margin-top:6px;position:relative;z-index:1}.balance a:hover{text-shadow:0 0 12px var(--cyan)}label{display:block;font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.7px;text-transform:uppercase;margin:17px 0;color:#a9c3d0}input,select{font:400 13px 'IBM Plex Mono',monospace;color:#e3f7ff;background:#071522}label input{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid #25445b;border-radius:2px;outline:0;transition:border .15s,box-shadow .15s}label input:focus,input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #52d8ee18}button{border:1px solid #4dcbe0;background:#123d52;color:#dffaff;border-radius:2px;padding:12px 18px;font:600 11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;transition:background .18s,box-shadow .18s}button:hover{background:#176078;box-shadow:0 0 18px #52d8ee25}form>button{width:100%;margin-top:8px}.muted{font-size:12px!important;margin-top:22px}.muted a,a{color:var(--cyan);text-decoration:none}.notice,.error{padding:13px 15px;margin:14px 0;border:1px solid #338c83;background:#0b292b;color:#83edce;font:12px 'IBM Plex Mono',monospace}.error{border-color:#a7445c;background:#301724;color:#ff9eb0}.balance+.notice{max-width:520px}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font:500 9px 'IBM Plex Mono',monospace;letter-spacing:1px;text-transform:uppercase;color:#7395a9}td,th{padding:14px 10px;border-bottom:1px solid #1a3447}td{color:#c5d9e4}tbody tr:hover{background:#16304750}td small{display:block;color:#6e8b9d;margin-top:5px;font:10px 'IBM Plex Mono',monospace}.positive{color:var(--green);font:600 12px 'IBM Plex Mono',monospace}.negative{color:var(--red);font:600 12px 'IBM Plex Mono',monospace}.table-wrap{overflow:auto}.inline{display:flex;gap:6px;min-width:490px}.inline input,.inline select{padding:8px;border:1px solid #25445b;border-radius:2px;min-width:80px;background:#071522;color:#dff7ff}.inline input[name=note]{min-width:120px}.small{padding:8px 11px}footer{text-align:center;padding:20px;color:#557286;font:10px 'IBM Plex Mono',monospace;letter-spacing:1px;text-transform:uppercase}@media(max-width:650px){main{margin:35px auto}h1{font-size:32px}header{padding:0 16px}nav{gap:11px}nav a{font-size:9px;letter-spacing:.3px}.card{padding:18px}.balance strong{font-size:40px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}
.rank-position{width:100px;color:var(--cyan);font:600 15px 'IBM Plex Mono',monospace}.rank-points{font:600 13px 'IBM Plex Mono',monospace;color:var(--green)}
