@font-face{font-family:Marker;src:url(fonts/marker.woff2)}@font-face{font-family:Barlow;src:url(fonts/barlow.woff2)}@font-face{font-family:Condensed;src:url(fonts/condensed.woff2)}*{box-sizing:border-box}body{margin:0;background:#111711;color:#efe8d7;font-family:Barlow,Arial,sans-serif}body:before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#111711f2,#111711ad),linear-gradient(0deg,#111711,transparent),url(art/csgo.webp) center/cover;z-index:-1}header,main{max-width:1220px;margin:auto}header{display:flex;align-items:center;gap:65px;padding:25px 28px;border-bottom:1px solid #bdab7c30;background:#141a14bd}.brand{font:34px Marker;color:#f3e9d4;text-decoration:none}.brand small{display:block;font:8px Barlow;letter-spacing:2px;color:#bda67c;margin-top:5px}nav{display:flex;gap:30px}nav a{font-size:13px;color:#b9b8a6;text-decoration:none}.active{color:#f0b354;position:relative}.active:after{content:'';position:absolute;bottom:-32px;height:3px;left:0;right:0;background:#e7a34a;transform:rotate(-2deg)}.preview{margin-left:auto;font-size:8px;letter-spacing:2px;color:#a99771}main{padding:0 28px}.hero{display:flex;align-items:center;justify-content:space-between;padding:65px 0 35px}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#c8ad7b}h1{font:62px/1.1 Marker;margin:24px 0}h1 em{font-style:normal;color:#eba64d}.intro{color:#b9bfaf;font-size:15px;line-height:1.8}.seal{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #b99a5750;border-radius:50%;margin-right:50px;background:radial-gradient(#c89c2815,transparent 70%);box-shadow:0 0 70px #e3ae2d0a;transform:rotate(8deg)}.seal:after{content:'';position:absolute;inset:9px;border:1px dashed #d2af6240;border-radius:50%}.seal>span,.seal small{font-size:8px;letter-spacing:2px;color:#b5a67f}.seal strong{font:80px Marker;color:#e7c48a;margin:10px}.seal strong span{font:30px Condensed}.search-panel{padding:30px;background:linear-gradient(120deg,#22291fee,#161d17f5);border:1px solid #d1ab6559;box-shadow:0 20px 70px #0004;position:relative}.search-panel:before{content:'';position:absolute;left:30px;top:-2px;width:100px;height:3px;background:#efa846;transform:rotate(-1deg)}.search-heading{display:flex;justify-content:space-between;margin-bottom:28px;font-size:10px;letter-spacing:2px;color:#dfc18b}.search-heading small{font-size:8px;color:#87967f}label{display:block;font-size:13px;color:#bfc4b1;margin-bottom:10px}.input-row{display:flex;background:#10170f;border:1px solid #8f876048;align-items:center}.input-row>span{font:30px Barlow;margin:0 18px;color:#cdb282}input{flex:1;min-width:0;padding:19px 5px;border:0;background:none;color:#efebdd;font:14px Barlow}input::placeholder{color:#6e7968}button{cursor:pointer;font:13px Barlow}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #eeb65a;outline-offset:3px}.input-row button{background:#eda648;border:0;padding:20px 25px;color:#172011;font-weight:bold;align-self:stretch}.input-row button b{margin-left:35px}#input-help{font-size:10px;color:#8d9a83;line-height:1.8}.example{font-size:11px;color:#a5b097;margin-top:23px}.example button{font-size:11px;background:none;border:0;color:#e4b363;padding:5px 10px}#error{color:#eec39c;background:#ad623119;border-left:2px solid #d7a469;padding:13px;font-size:13px;line-height:1.6}#result{margin-top:24px;padding:28px;border:1px solid #a9a57830;background:#192119ed}.result-head{display:flex;align-items:center;gap:18px;padding-bottom:25px;border-bottom:1px solid #b8a87925}.avatar{width:60px;height:60px;background:#343a25;color:#d8b879;display:grid;place-items:center;font:30px Marker;border:1px solid #9b895545}.result-head h2{font:28px Condensed;margin:6px 0}.result-head .eyebrow{margin:0}.muted{font-size:11px;color:#8f9c84;line-height:1.6}.result-head a{margin-left:auto;font-size:12px;color:#eac17c;text-decoration:none}.ids{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.id-row{display:flex;align-items:center;justify-content:space-between;text-align:left;background:#10190f90;border:1px solid #a0a2792b;padding:18px;color:inherit;gap:10px}.id-row small{display:block;font-size:9px;color:#a4b18f;letter-spacing:1.5px;margin-bottom:8px}.id-row code{font-size:14px;color:#ecdfbd;overflow-wrap:anywhere}.id-row:last-child{grid-column:1/-1}.id-row .copy{color:#d7b06c;font-size:11px}.id-row:hover{border-color:#c59d4e80}.result-foot{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#9ca68c;font-size:11px}.result-foot button{background:none;border:1px solid #b1975955;color:#e2c183;padding:10px 14px;font-size:11px}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:45px 0}.guide article>span{font:24px Marker;color:#bc9656}.guide h3{font:24px Condensed;margin:15px 0 10px}.guide p{font-size:13px;line-height:1.8;color:#9faa91}details{border-top:1px solid #a5966c30;border-bottom:1px solid #a5966c30;padding:22px 0;font-size:13px}summary{cursor:pointer;color:#d5c5a3}details p{color:#9faa91;line-height:1.8;max-width:750px}footer{display:flex;align-items:center;gap:25px;padding:35px 0;color:#a59e86;font-size:10px}footer .brand{font-size:27px}footer small{margin-left:auto;font-size:9px}[hidden]{display:none!important}@media(max-width:760px){header{gap:25px;padding:20px}.preview{display:none}nav{gap:15px}nav a{font-size:11px}main{padding:0 20px}.hero{padding-top:40px}.seal{display:none}h1{font-size:44px}.search-panel{padding:22px}.input-row{flex-wrap:wrap}.input-row input{width:calc(100% - 60px);flex:auto;font-size:12px;padding:18px 0}.input-row button{width:100%;padding:15px}.input-row>span{margin:0 12px}.search-heading{font-size:8px;gap:15px;letter-spacing:1px}.search-heading small{font-size:7px}.ids{grid-template-columns:1fr}.result-head{flex-wrap:wrap}.result-head a{margin:0}.guide{grid-template-columns:1fr;gap:15px;margin:30px 0}.guide article{padding-bottom:15px;border-bottom:1px solid #a5966c20}.guide h3{display:inline;margin-left:15px}.guide p{margin-top:10px}#result{padding:20px}.result-foot{flex-wrap:wrap}footer{flex-wrap:wrap}footer small{margin:0;width:100%}.brand{font-size:28px}.brand small{font-size:6px;letter-spacing:1px}}

.avatar{overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.result-head h2{overflow-wrap:anywhere}