@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700&family=Russo+One&display=swap");
:root{color-scheme:dark;--ink:#090b0c;--panel:#121617;--panel-2:#171b1b;--paper:#e8e1d4;--muted:#9b988f;--rust:#d45a2a;--green:#77b875;--line:rgba(232,225,212,.14);--shell:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Manrope",sans-serif;background-image:radial-gradient(circle at 84% 12%,rgba(212,90,42,.12),transparent 32%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.shell{width:min(var(--shell),calc(100% - 48px));margin-inline:auto}main{min-height:calc(100vh - 170px)}
.intro{padding:46px 0 28px}.overline{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:#777c78;font:600 12px/1 "IBM Plex Mono",monospace;letter-spacing:.18em;text-transform:uppercase}.overline span{width:34px;height:2px;background:var(--rust)}.intro h1{margin:0;color:var(--paper);font:400 clamp(42px,7vw,72px)/.98 "Russo One",sans-serif;letter-spacing:-.035em;text-transform:uppercase}.intro h1 em{color:var(--rust);font-style:normal}.search{max-width:700px;margin-top:24px;padding:18px;border:1px solid var(--line);background:rgba(18,22,23,.92);box-shadow:0 18px 44px #0005}.search label{display:block;margin-bottom:9px;color:#c8c2b7;font:600 11px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.search-row{display:grid;grid-template-columns:1fr auto;gap:10px}.search input{min-width:0;height:48px;padding:0 15px;border:1px solid rgba(232,225,212,.22);outline:none;background:#090b0c;color:var(--paper);font:500 17px "IBM Plex Mono",monospace}.search input:focus{border-color:var(--rust);box-shadow:0 0 0 3px rgba(212,90,42,.13)}.search button{height:48px;padding:0 22px;border:0;background:var(--rust);color:#fff;font:700 14px "Manrope",sans-serif;cursor:pointer;transition:background .2s,transform .2s}.search button:hover{background:#e36938;transform:translateY(-1px)}
.profile{margin-bottom:50px;border:1px solid var(--line);background:#0d1011;box-shadow:0 24px 64px #0009;scroll-margin-top:20px}.identity{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:18px;padding:15px 22px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,#171b1b,#111414)}.identity-name{display:flex;align-items:center;gap:12px}.presence-dot{width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:#666;box-shadow:0 0 0 3px rgba(255,255,255,.06)}.presence-dot.is-online{background:var(--green);box-shadow:0 0 0 3px rgba(119,184,117,.14),0 0 12px rgba(119,184,117,.4)}.presence-dot.is-offline{background:#686c6a}.presence-dot.is-unknown{background:#9a743c}.identity h2{margin:0;font:400 clamp(27px,4vw,38px)/1 "Russo One",sans-serif}.identity h2 small{color:var(--rust);font:500 .52em "IBM Plex Mono",monospace}.identity p{margin:0;color:var(--muted);font:500 11px/1 "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.1em}.identity .presence{display:flex;align-items:center;gap:9px;margin-top:7px;text-transform:none;letter-spacing:.04em}.presence small{color:#747975;font:inherit}.profile-status:empty{display:none}.profile-status.error{color:#e27b62}.profile-grid{display:grid;grid-template-columns:270px 1fr;gap:14px;padding:14px}.equipment-card,.data-card,.gifts-card,.about-card{border:1px solid var(--line);background:var(--panel)}.section-title{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,rgba(212,90,42,.16),rgba(212,90,42,.03))}.section-title span{font:400 17px "Russo One",sans-serif;text-transform:uppercase;letter-spacing:.03em}.equipment-card{min-width:0}.data-column{display:grid;align-content:start;gap:14px}#flash-stage{width:230px;height:373px;margin:14px auto;background:var(--panel);overflow:hidden}#flash-stage ruffle-player{display:block;width:230px;height:373px;background:transparent}.flash-placeholder{display:grid;height:100%;place-items:center;padding:16px;color:var(--muted);text-align:center;font:12px "IBM Plex Mono",monospace}
.stats,.development{margin:0}.stats>div,.development>div{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:48px;padding:7px 15px;border-bottom:1px solid var(--line)}.stats>div:last-child,.development>div:last-child{border-bottom:0}.stats dt,.development dt{color:#bdb7ac;font-weight:600}.stats dt{display:flex;align-items:center;gap:10px}.stat-icon{display:block;width:27px;height:27px;flex:0 0 27px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(222,216,204,.14))}.stats dd{margin:0;color:#fff;font:600 19px "IBM Plex Mono",monospace}.development-card{min-width:0}.development>div{min-height:52px}.development dd{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0;text-align:right;font-weight:700}.development img{display:block;max-width:88px;height:27px;object-fit:contain}.development #clan-logo{width:auto;max-width:100px;height:auto;max-height:32px;image-rendering:auto}.rank-badge,.gift-item.has-tooltip{position:relative;cursor:help;outline:none}.rank-badge:after,.gift-item.has-tooltip:after{content:attr(data-tooltip);position:absolute;z-index:30;bottom:calc(100% + 8px);left:50%;width:max-content;max-width:260px;padding:8px 10px;border:1px solid rgba(212,90,42,.6);background:#111414;color:#e4ded2;box-shadow:0 8px 24px #0009;font:600 10px/1.35 "IBM Plex Mono",monospace;opacity:0;pointer-events:none;text-align:center;transform:translate(-50%,5px);transition:opacity .15s,transform .15s;white-space:normal}.rank-badge:hover:after,.rank-badge:focus-visible:after,.gift-item.has-tooltip:hover:after,.gift-item.has-tooltip:focus-visible:after{opacity:1;transform:translate(-50%,0)}.gifts-card,.about-card{margin:0 14px 14px}.gifts-list{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px}.gift-item{display:inline-flex;min-height:30px;align-items:center;padding:5px 10px;border:1px solid rgba(212,90,42,.38);background:rgba(212,90,42,.08);color:#ddd7cc;font:600 12px/1.35 "IBM Plex Mono",monospace}.gift-empty{margin:0;color:var(--muted);font:12px "IBM Plex Mono",monospace}.about-meta{display:grid;gap:8px;margin:0;padding:16px 18px 0}.about-meta>div{display:flex;align-items:baseline;gap:7px}.about-meta dt{color:var(--muted);font-size:14px}.about-meta dt:after{content:":"}.about-meta dd{margin:0;color:var(--paper);font-weight:700}.about-text{margin:14px 18px 18px;padding-top:14px;border-top:1px solid var(--line);color:#d4d0c7;overflow-wrap:anywhere;font:15px/1.65 "Manrope",sans-serif}.about-text p{margin:0 0 12px;white-space:pre-line}.about-text p:last-child{margin-bottom:0}footer{border-top:1px solid var(--line);padding:26px 0;color:#77756f;font:12px "IBM Plex Mono",monospace}
.gift-item{min-height:48px;gap:8px}.gift-icon{display:block;width:40px;height:40px;flex:0 0 40px;object-fit:contain;filter:drop-shadow(0 2px 5px #0008)}
@media(max-width:850px){.profile-grid{grid-template-columns:1fr}.equipment-card{width:100%}.data-column{grid-template-columns:1fr 1fr}.development>div{grid-template-columns:1fr}.development dd{justify-content:flex-start;margin-top:7px;text-align:left}}
@media(max-width:700px){.shell{width:min(100% - 28px,var(--shell))}.intro{padding:38px 0 24px}.search{padding:14px}.search-row{grid-template-columns:1fr}.search button{width:100%}.identity{align-items:flex-start;flex-direction:column}.profile-grid{padding:10px}.data-column{grid-template-columns:1fr}.gifts-card,.about-card{margin:0 10px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.search button{transition:none}}