:root{--bg:#000;--text:#fff;--violet:#4B11E2;--gold:#FFD700;--orange:#F98A37;--green:#27FF76;--pink:#F98A37;--ok:#27FF76;--card:#0B0B10;--line:#2A2A36;--muted:#B4B4C6;--c:#8a8aa0;--title:"Syncopate","Arial Black",system-ui,sans-serif;--body:"Barlow Condensed","Arial Narrow",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:500 1.15rem/1.45 var(--body)}body:before{z-index:-2;background:#1a0852 url(/pattern-violet.png) 50%/cover no-repeat}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.62))}a{color:var(--green)}:focus-visible{outline:3px solid var(--green);outline-offset:2px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:5;gap:12px;justify-content:space-between;padding:12px 28px;background:#000;border-bottom:3px solid var(--violet)}.nav,.nav nav{display:flex;flex-wrap:wrap;align-items:center}.nav nav{gap:4px}.nav nav a{text-decoration:none;color:#fff;padding:6px 12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:3px solid transparent;transition:.15s}.nav nav a:hover{color:var(--green)}.nav nav a.on{border-bottom-color:var(--green)}.logo{font:700 1rem var(--title);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.04em}.logo b{color:var(--green);font-weight:700}main{flex:1 1;width:100%;max-width:1100px;margin:0 auto;padding:40px 24px 90px;animation:up .5s both}h1{font:700 clamp(1.5rem,5vw,2.8rem)/1.15 var(--title);text-transform:uppercase;margin:0 0 20px;word-break:break-word}h1:after{content:"";display:block;width:84px;height:6px;margin-top:14px;background:var(--violet)}.kicker,h1.hero{color:#fff}.kicker{display:inline-block;margin:0 0 12px;padding:4px 12px;background:var(--violet);font-weight:700;letter-spacing:.12em}.kicker,h2{text-transform:uppercase}h2{margin:38px 0 12px;font:700 1.05rem var(--title)}h3{margin:0 0 6px;font:700 1.45rem var(--body);text-transform:uppercase;letter-spacing:.03em}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:18px;gap:18px}.grid>:nth-child(2){animation-delay:.05s}.grid>:nth-child(3){animation-delay:.1s}.grid>:nth-child(4){animation-delay:.15s}.grid>:nth-child(n+5){animation-delay:.2s}.settings{display:grid;grid-template-columns:1fr;grid-gap:18px;gap:18px;align-items:start}.settings>.card{margin-top:0!important;max-width:none}.settings>p{grid-column:1/-1;margin:0}@media (min-width:800px){.settings{grid-template-columns:1fr 1fr}.settings>.danger{grid-column:2}}.card{display:block;color:inherit;text-decoration:none;background:var(--card);border:2px solid var(--line);border-radius:4px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:up .45s both}a.card:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--violet);border-color:#fff}.rar{position:relative;overflow:hidden;border-color:var(--c)}.rar:hover{box-shadow:6px 6px 0 var(--c)}.muted{color:var(--muted)}.error{color:var(--orange)}.ok{color:var(--green)}.tag{display:inline-block;padding:1px 10px;border:2px solid var(--line);margin:3px 6px 3px 0;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tag.found{border-color:var(--green);color:var(--green)}.tag.warn{color:var(--orange)}.tag.bad,.tag.warn{border-color:var(--orange)}.tag.bad{background:var(--orange);color:#000}.tag.r{border-color:var(--c);color:var(--c)}.stack,form{display:grid;grid-gap:12px;gap:12px;max-width:440px}button,input,select,textarea{font:600 1.1rem var(--body);padding:10px 14px;border:2px solid var(--line);border-radius:3px;background:#0B0B10;color:#fff}input:focus,select:focus,textarea:focus{border-color:var(--green);outline:none}input[type=color]{padding:2px;height:44px}input[type=checkbox]{width:auto;accent-color:var(--green)}button{background:var(--violet);border-color:var(--violet);font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:transform .12s,box-shadow .12s}button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--green)}button:active{transform:none;box-shadow:none}button.ghost{background:transparent;border-color:#fff}button.bad{background:var(--orange);border-color:var(--orange);color:#000}button.x{background:none;border:0;color:var(--orange);padding:0 0 0 8px}button.x,button:disabled{box-shadow:none;transform:none}button:disabled{opacity:.45;cursor:not-allowed}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.char,.photo{width:100%;object-fit:cover;border-radius:3px;background:#05050a;border:2px solid var(--line)}.photo{max-height:320px;object-fit:contain}.char{height:190px;margin-bottom:10px}.bar{height:12px;background:#15151d;border:2px solid var(--line);margin:8px 0 24px;overflow:hidden}.bar i{display:block;height:100%;background:var(--violet);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.stat{font:700 2.1rem var(--title);color:var(--gold)}.lb{display:flex;gap:16px;align-items:center;padding:12px 18px;margin-bottom:10px}.lb b{font:700 1.2rem var(--title);width:2.4em}.lb span{margin-left:auto;color:var(--gold);font-size:1.25rem}.lb span,kbd{font-weight:700}kbd{border:2px solid #fff;padding:0 6px}details summary{list-style:none}details summary::-webkit-details-marker{display:none}details[open] summary{color:var(--green)}.badge{display:inline-block;min-width:22px;padding:0 6px;margin-left:4px;background:var(--green);color:#000;animation:pop .4s both}.badge,.banner{font-weight:700;text-align:center}.banner{padding:9px 16px;background:var(--violet);color:#fff;text-transform:uppercase;letter-spacing:.05em}.banner.bad{background:var(--orange);color:#000}.foot{text-align:center;color:var(--muted);padding:32px 16px;border-top:3px solid var(--violet);background:#000}.unread{border-color:var(--green)}.tabs{overflow-x:auto;margin-bottom:28px}.chart,.tabs{display:flex;gap:6px}.chart{align-items:flex-end;height:150px;margin:12px 0 24px}.chart div{flex:1 1;background:var(--violet);border-top:3px solid var(--green);transform-origin:bottom;animation:grow .8s both}.podium{display:flex;justify-content:center;align-items:flex-end;gap:10px;perspective:700px;margin:10px 0 30px}.step{width:30%;max-width:170px;text-align:center;padding:14px 8px;background:var(--violet);border:2px solid #fff;transform:rotateX(14deg);transform-origin:bottom;animation:up .6s both}.step span{display:block;font-size:2rem}.s0{height:170px}.s1{height:130px}.s2{height:100px}.avatar{width:110px;height:110px;border-radius:50%;border:4px solid var(--violet);display:grid;place-items:center;overflow:hidden;background:#05050a;animation:pop .5s both}.avatar.t2{border-color:var(--green)}.avatar.t3{border-color:var(--orange)}.avatar.t4,.avatar.t5{border-color:var(--gold)}.avatar.fr-bronze{border-color:#cd7f32}.avatar.fr-argent{border-color:#d8dce6}.avatar.fr-or{border-color:var(--gold);box-shadow:0 0 0 3px #000,0 0 0 6px var(--gold)}.avatar.fr-arc{border:5px solid transparent;background:linear-gradient(#000,#000) padding-box,conic-gradient(var(--violet),var(--green),var(--gold),var(--orange),var(--violet)) border-box}.profile{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.medal{text-align:center;animation:pop .45s both}.medal .ic{font-size:2.2rem;display:block}.medal.off{opacity:.3;filter:grayscale(1)}.tilt{transition:transform .15s ease-out;transform-style:preserve-3d;will-change:transform;animation-fill-mode:backwards}.tilt:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.16),transparent 55%);opacity:0;transition:opacity .2s}.tilt:hover:before{opacity:1}.confetti{position:fixed;top:-14px;width:8px;height:14px;z-index:99;pointer-events:none;animation:fall 2.2s ease-in both}.bottom{display:none}@keyframes up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.07)}to{opacity:1;transform:none}}@keyframes grow{0%{transform:scaleY(0)}}@keyframes fall{to{transform:translate(var(--dx),105vh) rotate(var(--r));opacity:.8}}@media (max-width:640px){.nav{padding:10px 14px}.nav nav{overflow-x:auto;flex-wrap:nowrap;max-width:100%}.nav nav a,.nav nav button{white-space:nowrap}main{padding:24px 16px 80px}.bottom{position:fixed;bottom:0;left:0;right:0;z-index:6;display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));background:#000;border-top:3px solid var(--violet);font-size:1.5rem}.bottom a{text-decoration:none;padding:2px 18px;border-bottom:3px solid transparent}.bottom a.on{border-bottom-color:var(--green)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}