:root{color:#eee;font-synthesis:none;background:#0b0a0d;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#2a161a 0,#0000 35%),#0b0a0d;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app{--accent:#b31824;--secondary:#17181a;min-height:100vh;padding:24px 32px 18px;position:relative;overflow:hidden}.noise{pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:fixed;inset:0}.topbar,.brand,.user,.user div,.levels,.levels div,nav,.footer,.footer span,.skill header,.skill footer{align-items:center;display:flex}.topbar{border-bottom:1px solid #ffffff1b;justify-content:space-between;padding-bottom:18px;position:relative}.brand{gap:14px}.brand>svg{width:42px;height:42px;color:var(--accent)}.brand span,.eyebrow,.identity-grid article>span{letter-spacing:.22em;color:#aaa;font:600 12px Barlow Condensed}.brand h1{text-transform:uppercase;margin:2px 0;font:700 27px Barlow Condensed}.user{text-align:right;gap:10px}.user img{border:2px solid var(--accent);border-radius:50%;width:42px;height:42px}.user div{flex-direction:column;align-items:flex-end;gap:4px}.user span{color:#7bdf9b;align-items:center;gap:5px;font-size:10px;display:flex}.user svg{width:12px}.hero{grid-template-columns:minmax(230px,34%) 1fr;gap:34px;max-width:1120px;margin:26px auto;display:grid;position:relative}.portrait{background:linear-gradient(145deg,var(--secondary),#0d0c0f);clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,6% 100%,0 92%);border:1px solid #ffffff20;height:335px;position:relative;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%}.portrait>svg{color:#ffffff18;width:100%;height:100%;padding:28%}.portrait i{background:var(--accent);height:5px;box-shadow:0 0 24px var(--accent);position:absolute;inset:auto 0 0}.summary{padding:18px 0}.summary h2{text-transform:uppercase;color:#fff;margin:10px 0;font:700 clamp(40px,7vw,78px)/.9 Barlow Condensed}.summary>p{color:#aaa;max-width:600px}.sanity{margin:25px 0}.sanity>div:first-child{justify-content:space-between;display:flex}.sanity span{letter-spacing:.16em;font:700 13px Barlow Condensed}.sanity strong{color:#8ad8ff;font:700 20px Barlow Condensed}.bar{background:#ffffff10;height:8px;margin:8px 0;overflow:hidden}.bar i{background:linear-gradient(90deg,#417da3,#8ad8ff);height:100%;display:block;box-shadow:0 0 14px #58bfff}.sanity small{color:#6f93a8}.levels{gap:10px}.levels div{border-left:2px solid var(--accent);background:#ffffff08;gap:8px;min-width:130px;padding:12px 14px}.levels svg{width:17px;color:var(--accent)}.levels span{color:#888;flex:1;font-size:10px}.levels b{font:700 24px Barlow Condensed}nav{border-bottom:1px solid #ffffff20;gap:5px;max-width:1120px;margin:0 auto}nav button{color:#888;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:13px 18px;display:flex}nav button svg{width:16px}nav button.active{color:#fff;border-color:var(--accent);background:linear-gradient(0deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent)}nav button b{background:#ffffff10;border-radius:10px;padding:1px 7px}.content{max-width:1120px;min-height:220px;margin:20px auto}.identity-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.identity-grid>article,.skill{background:linear-gradient(145deg,#ffffff09,#ffffff03);border:1px solid #ffffff12;padding:20px}.statuses{gap:8px;margin-top:15px;display:grid}.statuses div,dl{background:#0003;grid-template-columns:1fr auto;padding:10px;display:grid}.statuses b{text-transform:uppercase;font:600 13px Barlow Condensed}.statuses span{color:#ffb1b7}dl{grid-template-columns:1fr auto;gap:11px;margin:15px 0 0}dt{color:#999}dd{margin:0;font-weight:700}.skill-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px;display:grid}.skill{border-top:2px solid var(--accent)}.skill header{color:#999;text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;font:600 11px Barlow Condensed}.skill header b{color:#fff;font-size:16px}.skill h3{text-transform:uppercase;margin:14px 0 8px;font:700 25px Barlow Condensed}.skill p{color:#aaa;min-height:40px;font-size:13px;line-height:1.5}.coins{gap:5px;display:flex}.coins i{color:#ddd;border:1px solid #bbb;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.coins i.unbreakable{color:#ffe27b;border-color:#ffe27b;box-shadow:0 0 8px #ffe27b55}.coins svg{width:14px}.skill footer{color:#888;border-top:1px solid #ffffff13;justify-content:space-between;padding-top:10px;font:600 11px Barlow Condensed}.skill footer em{color:#ff9da6;font-style:normal}.footer{color:#666;justify-content:space-between;max-width:1120px;margin:20px auto 0;font-size:11px;position:relative}.footer span{gap:6px}.footer svg{width:14px}.footer button{color:#bbb;cursor:pointer;background:#ffffff08;border:1px solid #ffffff18;align-items:center;gap:6px;padding:8px 12px;display:flex}.loading{text-align:center;place-content:center;min-height:100vh;padding:30px;display:grid}.loading .mark,.loading>svg{color:#d72a38;margin:auto}.loading .mark svg,.loading>svg{width:64px;height:64px}.loading p{letter-spacing:.25em;color:#a76b70;margin-top:25px;font:600 12px Barlow Condensed}.loading h1{text-transform:uppercase;margin:0;font:700 clamp(32px,7vw,64px) Barlow Condensed}.loading span{color:#999;max-width:520px}@media (width<=700px){.app{padding:16px}.topbar{align-items:flex-start}.user b{white-space:nowrap;text-overflow:ellipsis;max-width:110px;overflow:hidden}.brand span{display:none}.brand h1{font-size:21px}.hero{grid-template-columns:1fr;gap:15px}.portrait{height:260px}.summary{padding:0}.summary h2{font-size:48px}.levels{grid-template-columns:1fr 1fr;display:grid}.levels div{min-width:0}.identity-grid{grid-template-columns:1fr}.footer span{max-width:60%}}