@font-face{font-family:Comic;src:url('/assets/comic.ttf')}@font-face{font-family:Pixel;src:url('/assets/pixel.ttf')}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#111114;color:#f6f4ee;font:16px/1.5 system-ui,sans-serif}body:before{content:'';position:fixed;z-index:-1;inset:0;background:radial-gradient(ellipse at 15% 25%,#6746a716,transparent 45%),radial-gradient(ellipse at 90% 70%,#e3ca4010,transparent 40%);pointer-events:none}a{color:inherit;text-decoration:none}button,a,input,textarea,select{touch-action:manipulation}button,.button{font:22px Comic,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid #4d4856;border-radius:10px;background:#2b282f;color:#fff;padding:12px 20px;transition:transform .15s,background .15s}button:hover,.button:hover{transform:translateY(-2px);background:#3a3542}button:disabled{opacity:.5;cursor:wait;transform:none}.primary{background:#e5ce58;color:#1b1919;border-color:#f8e97a;box-shadow:0 4px 0 #726425}.primary:hover{background:#f3de75}.purple{background:#8d60d3;border-color:#ac7bec}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f5d96c;outline-offset:4px}.topbar{position:relative;display:flex;align-items:center;gap:24px;max-width:1200px;padding:20px 28px;margin:auto;min-height:96px;border-bottom:1px solid #302c36}.brand{display:flex;gap:12px;align-items:center;margin-right:auto;font:18px/1 Comic}.brand>span:last-child>span{display:block;color:#e9ce57;font-size:14px;letter-spacing:3px}.mark{position:relative;color:#eee;font:bold 35px Comic;transform:rotate(-9deg);text-shadow:3px 3px #614493}.mark span{color:#bd97ef;font-size:23px}.topbar button{padding:7px 13px;font-size:19px}.topbar nav{display:flex;gap:20px;font:17px Comic;color:#c5beca}.topbar nav a:hover{color:#e8d368}.login{font:18px Comic;padding:8px 10px;color:#f1d667;white-space:nowrap}main{max-width:1040px;min-height:64vh;margin:38px auto 60px;padding:0 24px}.panel{background:#24232b;border:1px solid #35313d;border-radius:22px;overflow:hidden}.hero{padding:46px 42px 0;text-align:center;position:relative}.eyebrow{font:13px Pixel;color:#c6addf;letter-spacing:2px;text-transform:uppercase}.wordmark{font:clamp(48px,8.8vw,98px)/.98 Comic,sans-serif;letter-spacing:-2px;margin:25px auto 20px;text-shadow:4px 4px #151217,-2px -2px #151217;color:#f5f2ea;transform:rotate(-3deg)}.wordmark span{display:block;color:#bd91ef;font-size:.82em;text-shadow:4px 4px #4d3177,-2px -2px #362241;letter-spacing:6px}.hero p{color:#cec9d4;max-width:560px;margin:25px auto;font-size:18px}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:28px 0 36px}.hero-shot{position:relative;max-width:820px;margin:0 auto;border:5px solid #121114;border-bottom:0;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 -5px 45px #0004}.hero-shot img{display:block;width:100%;height:auto}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:38px 0 18px}h1,h2,h3{font-family:Comic,sans-serif;line-height:1.15;font-weight:normal}h1{font-size:46px;margin:8px 0 20px}h2{font-size:32px;margin:0}h3{font-size:24px;margin:10px 0}p{color:#c8c1cf}.section-head>a,.text-link{color:#d3afea;text-decoration:underline;text-underline-offset:4px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:23px;background:#24232b;border:1px solid #3b3545;border-radius:14px}.card .symbol{font:34px Comic;color:#e9ce57}.card p{font-size:14px;line-height:1.65}.card .button{width:100%;font-size:18px;padding:9px}.note{font-size:13px;color:#9991a6}.status-pill{font:12px Pixel;border:1px solid #4b6655;border-radius:5px;padding:7px 10px;color:#9ed9ad;background:#17251d;display:inline-block}.status-pill:before{content:'● ';color:#8edaa1}.banner{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;border-radius:14px;background:#2b2235;border:1px solid #59416b}.banner h3{margin:0}.banner p{margin:8px 0 0;font-size:14px}.auth{max-width:530px;margin:auto;padding:34px}.auth h1{font-size:38px}.auth label{display:block;font-size:14px;color:#cfc8d8;margin:20px 0 7px}.auth input,.auth textarea,.auth select,.search-input{width:100%;font:17px system-ui;color:#fff;padding:13px 14px;border:1px solid #5a5067;border-radius:8px;background:#151318}.auth textarea{height:100px;resize:vertical}.auth .button,.auth button[type=submit]{width:100%;margin-top:24px}.auth .links{display:flex;justify-content:space-between;margin-top:24px;gap:15px;font-size:14px}.auth .links a{text-decoration:underline;color:#cfb2ec}.message{margin-top:16px;border-radius:8px;padding:12px 14px;background:#46341f;color:#f4dbac;overflow-wrap:anywhere}.message:empty{display:none}.message.success{background:#203f2d;color:#bcf3c8}.recovery-code{font:16px Pixel;display:block;background:#151318;border:1px dashed #ad8ace;padding:16px;margin:16px 0;overflow-wrap:anywhere}.profile{display:flex;gap:25px;align-items:center;padding:30px}.avatar{display:inline-block;height:72px;width:72px;overflow:hidden;background:#17131e;border-radius:13px;flex-shrink:0;border:1px solid #4b3a60}.avatar img{height:100%;width:auto;max-width:none;image-rendering:pixelated}.profile .avatar{width:110px;height:110px}.profile h1{margin:0 0 8px;font-size:38px}.bio{white-space:pre-wrap;overflow-wrap:anywhere}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.stat{text-align:center;padding:22px}.stat strong{display:block;font:34px Comic;color:#e3ce68}.stat span{font-size:13px;color:#b9b0c3}.list{padding:8px 24px}.row{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #3b3444}.row:last-child{border:0}.row .avatar{width:48px;height:48px}.row-main{flex:1;min-width:0}.row-main strong{overflow-wrap:anywhere}.row small{display:block;color:#aaa0b5}.row-number{font:22px Comic;color:#9b89b2;width:24px}.row-score{text-align:right;color:#e3ce68;white-space:nowrap}.empty{padding:40px 22px;text-align:center;color:#b6acc2}.search-form{display:flex;gap:12px;margin:24px 0}.search-form input{flex:1;min-width:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:14px 20px;text-align:left;border-bottom:1px solid #38323f}th{color:#aba0b9;font-weight:normal}td:first-child{font-weight:600}.content{padding:30px;line-height:1.8}.content h2{margin:26px 0 14px}.content h2:first-child{margin-top:0}.muted{color:#a69bad}.verified{font:13px Pixel;color:#addeb9}footer{max-width:1040px;margin:0 auto;padding:26px 24px 36px;border-top:1px solid #342e3c;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;font-size:12px;color:#958b9f}footer>a{font:15px Comic}footer p{margin:0;color:#958b9f}.loading{padding:60px;text-align:center}#navigation[hidden]{display:none}@media(min-width:851px){#menu{display:none}}@media(max-width:850px){.topbar{gap:12px;padding:18px}.topbar nav{position:absolute;top:85px;left:16px;right:16px;z-index:5;padding:24px;background:#302937;border:1px solid #675276;border-radius:12px;flex-wrap:wrap}.topbar nav:not(.open){display:none}.hero{padding:32px 20px 0}.cards{gap:12px}.card{padding:18px}.login{font-size:16px}.banner{align-items:flex-start}.profile{padding:24px}}@media(max-width:560px){main{padding:0 14px;margin-top:22px}.brand{font-size:14px}.brand>span:last-child>span{font-size:11px}.mark{font-size:30px}.topbar{gap:4px}.topbar button{font-size:17px;padding:7px}.login{font-size:14px;padding:6px}.hero p{font-size:15px}.wordmark{font-size:51px}.cards{grid-template-columns:1fr}.banner{display:block}.banner .button{margin-top:20px}.auth{padding:25px}.auth h1{font-size:32px}h1{font-size:36px}.profile{gap:16px;align-items:flex-start}.profile .avatar{width:72px;height:72px}.profile h1{font-size:28px}.stats{gap:8px}.stat{padding:16px 8px}.stat strong{font-size:27px}.stat span{font-size:11px}.row-score{font-size:13px}footer{flex-wrap:wrap}.section-head{align-items:flex-start}.section-head h2{font-size:28px}.table-wrap th,.table-wrap td{padding:12px}.auth .links{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important;transform:none!important}}

.avatar.custom img{width:100%;height:100%;object-fit:cover;image-rendering:auto}#avatar-preview{margin-bottom:18px}#avatar-preview .avatar{width:110px;height:110px}#remove-photo{margin:14px 0 24px}

.brand-logo{width:58px;height:58px;object-fit:contain;flex-shrink:0}