:root{--lb-pink:#ff3fa7;--lb-purple:#8d55ff;--lb-cyan:#20dcff;--lb-bg:#080313;--lb-panel:rgba(20,9,35,.84);--lb-line:rgba(255,255,255,.12);--lb-muted:#b9aec6}*{box-sizing:border-box}body.arena-lb-public{margin:0;min-height:100vh;color:#fff;background:radial-gradient(circle at 8% 5%,rgba(255,63,167,.2),transparent 30%),radial-gradient(circle at 92% 10%,rgba(32,220,255,.15),transparent 28%),linear-gradient(180deg,#07020f,#0e041b 48%,#06020c);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.lb-grid-glow{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(#000,transparent 75%)}.lb-public-nav{position:relative;z-index:3;width:min(1500px,calc(100% - 32px));margin:16px auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border:1px solid var(--lb-line);border-radius:18px;background:rgba(9,3,18,.82);backdrop-filter:blur(18px)}.lb-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.lb-brand>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--lb-pink),var(--lb-purple));box-shadow:0 0 28px rgba(255,63,167,.35)}.lb-brand strong,.lb-brand small{display:block}.lb-brand small{color:var(--lb-muted);font-size:.72rem;letter-spacing:.08em}.lb-public-shell{position:relative;z-index:2;width:min(1500px,calc(100% - 32px));margin:0 auto 70px}.lb-public-hero{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:48px 6px 30px}.lb-kicker{display:inline-flex;gap:8px;align-items:center;color:var(--lb-cyan);font-weight:800;letter-spacing:.13em;font-size:.77rem}.lb-public-hero h1{font-size:clamp(2.7rem,6vw,6.2rem);font-weight:950;line-height:.92;margin:16px 0 12px;background:linear-gradient(100deg,#fff 20%,#ff77c2 58%,#5ce7ff);-webkit-background-clip:text;color:transparent}.lb-public-hero p{color:var(--lb-muted);font-size:1.05rem;margin:0}.lb-privacy{max-width:440px;display:flex;gap:14px;align-items:center;padding:18px 20px;border:1px solid rgba(32,220,255,.22);border-radius:18px;background:rgba(32,220,255,.07);color:#d9faff}.lb-privacy i{font-size:1.5rem;color:var(--lb-cyan)}.lb-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.lb-stat-grid article{display:grid;grid-template-columns:50px 1fr;align-items:center;padding:20px;border:1px solid var(--lb-line);border-radius:18px;background:linear-gradient(145deg,rgba(28,10,45,.88),rgba(10,5,22,.88));box-shadow:0 18px 45px rgba(0,0,0,.25)}.lb-stat-grid i{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--lb-pink),var(--lb-purple))}.lb-stat-grid strong{font-size:2rem;line-height:1}.lb-stat-grid span{color:var(--lb-muted);font-size:.82rem}.lb-filter-panel,.lb-board,.lb-support-grid article{border:1px solid var(--lb-line);background:var(--lb-panel);backdrop-filter:blur(20px);box-shadow:0 22px 65px rgba(0,0,0,.28)}.lb-filter-panel{margin-top:18px;padding:20px;border-radius:20px}.lb-filter-title{display:flex;gap:9px;align-items:center;margin-bottom:14px;color:#f7eaff}.lb-filter-panel label{font-size:.73rem;font-weight:800;color:var(--lb-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.07em}.lb-filter-panel .form-select{color:#fff;border-color:rgba(255,255,255,.13);background-color:rgba(255,255,255,.055)}.lb-filter-panel .form-select option{color:#111}.lb-filter-panel .btn-primary{border:0;background:linear-gradient(135deg,var(--lb-pink),var(--lb-purple))}.lb-category-tabs{display:flex;gap:10px;overflow-x:auto;padding:20px 0 12px}.lb-category-tabs a{white-space:nowrap;display:flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid var(--lb-line);border-radius:14px;color:#d7ccdf;text-decoration:none;background:rgba(255,255,255,.035)}.lb-category-tabs a.active{color:#fff;border-color:rgba(255,63,167,.48);background:linear-gradient(135deg,rgba(255,63,167,.22),rgba(141,85,255,.2));box-shadow:0 0 28px rgba(255,63,167,.13)}.lb-board{border-radius:24px;overflow:hidden}.lb-board>header{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--lb-line)}.lb-board>header span{color:var(--lb-cyan);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.lb-board>header h2{margin:3px 0 0;font-weight:900}.lb-board>header>strong{padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.08)}.lb-rows{padding:12px}.lb-row{position:relative;display:grid;grid-template-columns:70px 58px minmax(180px,1fr) auto 150px 42px;align-items:center;gap:14px;margin:8px 0;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.035);transition:.2s}.lb-row:hover{transform:translateY(-2px);border-color:rgba(32,220,255,.32);background:rgba(255,255,255,.055)}.lb-row.rank-1{border-color:rgba(255,196,54,.4);background:linear-gradient(90deg,rgba(255,196,54,.09),rgba(255,255,255,.03))}.lb-rank{font-family:ui-monospace,monospace;font-size:1.55rem;font-weight:900;color:#fff}.lb-rank span{color:var(--lb-pink);font-size:.75rem}.lb-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;overflow:hidden;background:linear-gradient(135deg,rgba(255,63,167,.3),rgba(32,220,255,.25));font-size:1.5rem}.lb-avatar img{width:100%;height:100%;object-fit:cover}.lb-name strong,.lb-name small{display:block}.lb-name strong{font-size:1.04rem}.lb-name small{color:var(--lb-muted);font-size:.76rem;margin-top:4px}.lb-mini{display:flex;gap:15px}.lb-mini span{text-align:center;font-weight:800}.lb-mini small{display:block;color:var(--lb-muted);font-size:.62rem;text-transform:uppercase}.lb-value{text-align:end}.lb-value strong,.lb-value small{display:block}.lb-value strong{font:900 1.35rem ui-monospace,monospace;color:#fff}.lb-value small{color:var(--lb-cyan);font-size:.67rem;text-transform:uppercase}.lb-open{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:rgba(255,255,255,.08)}.lb-empty{text-align:center;padding:70px 20px;color:var(--lb-muted)}.lb-empty i{display:block;font-size:3rem;color:var(--lb-purple);margin-bottom:12px}.lb-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.lb-support-grid article{border-radius:20px;padding:22px}.lb-support-grid h3{font-size:1rem;margin-bottom:16px}.lb-support-grid article>div:not(.lb-gender){display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.lb-support-grid article>div i{color:var(--lb-pink)}.lb-support-grid article strong,.lb-support-grid article small{display:block}.lb-support-grid article small{color:var(--lb-muted);font-size:.72rem}.lb-gender{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:14px 0}.lb-gender span{display:flex;gap:8px;align-items:center}.lb-gender em{grid-column:1/-1;height:7px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08)}.lb-gender em i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lb-pink),var(--lb-cyan))}@media(max-width:1050px){.lb-stat-grid{grid-template-columns:repeat(2,1fr)}.lb-row{grid-template-columns:55px 52px 1fr 125px 38px}.lb-mini{display:none}}@media(max-width:700px){.lb-public-nav,.lb-public-shell{width:min(100% - 20px,1500px)}.lb-public-nav{align-items:flex-start}.lb-brand small{display:none}.lb-public-hero{display:block;padding-top:30px}.lb-privacy{margin-top:20px}.lb-stat-grid{grid-template-columns:1fr 1fr}.lb-stat-grid article{grid-template-columns:38px 1fr;padding:14px}.lb-stat-grid i{width:34px;height:34px}.lb-stat-grid strong{font-size:1.45rem}.lb-row{grid-template-columns:42px 44px 1fr auto;gap:9px;padding:12px 10px}.lb-rank{font-size:1.1rem}.lb-avatar{width:42px;height:42px}.lb-value{grid-column:3/5;text-align:start;padding-top:5px}.lb-open{grid-column:4;grid-row:1}.lb-support-grid{grid-template-columns:1fr}.lb-category-tabs{margin-inline:-10px;padding-inline:10px}.lb-board>header{padding:18px}.lb-public-hero h1{font-size:3.2rem}}
