:root{--bg:#070707;--card:#111;--card2:#171717;--gold:#d3af52;--gold2:#f2d889;--text:#f8f6f1;--muted:#8d8b86;--line:#242424;--danger:#c34b54;--ok:#31a46c;--r:22px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,Arial,sans-serif}body{min-height:100vh}.shell{max-width:480px;margin:auto;min-height:100vh;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(92px + env(safe-area-inset-bottom))}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.brand{font-weight:800;letter-spacing:.18em;font-size:15px}.brand span{color:var(--gold)}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#2b2b2b,#0f0f0f);display:grid;place-items:center;border:1px solid #2d2d2d}.eyebrow{color:var(--gold2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.hero{position:relative;overflow:hidden;border:1px solid #24211a;border-radius:30px;padding:24px;background:radial-gradient(circle at 88% 20%,rgba(211,175,82,.17),transparent 32%),linear-gradient(145deg,#16130d,#0d0d0d 56%);min-height:245px}.hero:after{content:"A";position:absolute;right:-5px;bottom:-62px;font-family:Georgia,serif;font-size:210px;color:rgba(211,175,82,.06)}h1,h2,h3,p{margin:0}.hero h1{font-family:Georgia,serif;font-size:31px;line-height:1.02;margin:14px 0 12px;max-width:330px}.muted{color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.chip{border:1px solid #302a1c;background:#16140f;padding:7px 10px;border-radius:999px;font-size:12px;color:#d8d0bd}.btn{width:100%;border:0;border-radius:16px;padding:15px 18px;font-weight:800;font-size:14px;letter-spacing:.02em;background:linear-gradient(120deg,var(--gold),var(--gold2));color:#16130a;cursor:pointer}.btn.secondary{background:#161616;color:var(--text);border:1px solid #2a2a2a}.btn.danger{background:#211113;color:#f2b3b7;border:1px solid #4b2126}.section{margin-top:24px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.section h2{font-size:18px}.link{font-size:12px;color:var(--gold2);cursor:pointer}.rank-row{display:flex;gap:10px}.rank-card{flex:1;padding:14px 10px;border-radius:18px;background:var(--card);border:1px solid var(--line);text-align:center}.rank-card strong{display:block;font-size:14px;margin-top:7px}.rank-card small{color:var(--muted)}.medal{width:42px;height:42px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#181511;border:1px solid #3a3020;color:var(--gold2);font-family:Georgia,serif;font-weight:800}.statbar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.stat{background:#0f0f0f;border:1px solid var(--line);padding:11px;border-radius:16px;text-align:center}.stat b{display:block}.stat span{font-size:11px;color:var(--muted)}.cards{display:grid;gap:12px}.tcard{border:1px solid var(--line);border-radius:22px;padding:18px;background:radial-gradient(circle at 100% 0,rgba(211,175,82,.10),transparent 30%),var(--card);cursor:pointer}.tcard h3{font-size:17px;margin:7px 0}.tmeta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tmeta span{font-size:11px;color:#c6c2b8;background:#171717;border:1px solid #282828;border-radius:999px;padding:6px 9px}.tabs{display:flex;background:#101010;border:1px solid var(--line);border-radius:16px;padding:4px;margin-bottom:16px}.tab{flex:1;text-align:center;padding:10px;border-radius:12px;color:var(--muted);font-size:13px}.tab.active{background:#22201a;color:var(--gold2)}.page-title{font-size:28px;font-family:Georgia,serif;margin-bottom:16px}.detail-title{font-family:Georgia,serif;font-size:32px;margin:10px 0}.details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.detail{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:13px}.detail span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.location{padding:15px;border-radius:18px;background:var(--card);border:1px solid var(--line);margin:10px 0 18px}.players{display:flex;align-items:center}.mini-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--card);background:#262626;margin-left:-8px;display:grid;place-items:center;font-size:11px}.mini-avatar:first-child{margin-left:0}.profile-card{padding:20px;border-radius:24px;background:linear-gradient(145deg,#171510,#101010);border:1px solid #2d281d}.profile-top{display:flex;gap:14px;align-items:center}.big-avatar{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#222;border:1px solid #3b3423;color:var(--gold2);font-family:Georgia,serif;font-size:24px}.badge{display:inline-flex;margin-top:7px;padding:5px 9px;border-radius:999px;background:#2b2414;color:var(--gold2);font-size:10px;font-weight:800}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.achievement{aspect-ratio:1;border-radius:18px;background:#111;border:1px solid #232323;padding:9px;display:flex;flex-direction:column;justify-content:space-between}.achievement .ico{font-family:Georgia,serif;color:var(--gold2);font-size:22px}.achievement small{font-size:10px;color:#b7b4ad}.leader{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.leader .pos{width:26px;color:var(--gold2);font-family:Georgia,serif}.leader .name{flex:1}.leader .pts{font-weight:800}.nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(480px,100%);padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#070707 30%)}.nav-inner{height:66px;border:1px solid #242424;border-radius:23px;background:rgba(18,18,18,.96);display:flex;align-items:center;justify-content:space-around}.nav-item{width:33%;text-align:center;color:#777;font-size:10px;cursor:pointer}.nav-item .icon{display:block;font-size:19px;margin-bottom:4px}.nav-item.active{color:var(--gold2)}.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;margin-bottom:10px;cursor:pointer}.modal-wrap{position:fixed;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:flex-end;justify-content:center;z-index:20}.modal{width:min(480px,100%);background:#111;border:1px solid #292929;border-radius:28px 28px 0 0;padding:24px 18px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -30px 80px rgba(0,0,0,.4)}.modal h3{font-family:Georgia,serif;font-size:24px;margin-bottom:10px}.modal .btn{margin-top:10px}#toast{position:fixed;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top) + 12px);z-index:50;background:#1b1b1b;border:1px solid #343434;border-radius:14px;padding:10px 14px;opacity:0;pointer-events:none;transition:.2s;font-size:12px}#toast.show{opacity:1}.empty{padding:30px 10px;text-align:center;color:var(--muted)}