:root{--pp-bg:#050610;--pp-panel:#0d1020;--pp-panel2:#11152a;--pp-line:#263452;--pp-cyan:#27e7ff;--pp-pink:#ff42b3;--pp-lime:#aaff1d;--pp-gold:#ffd84a;--pp-text:#f6f8ff;--pp-muted:#aab7d0}*{box-sizing:border-box}body.community-page{margin:0;background:radial-gradient(circle at 15% 0,#21103c 0,transparent 34%),radial-gradient(circle at 90% 15%,#1d0b27 0,transparent 35%),var(--pp-bg);color:var(--pp-text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.community-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(18px,4vw,54px);border-bottom:1px solid #263452;background:#050610eF;position:sticky;top:0;z-index:20}.community-top img{width:116px;height:auto}.community-top nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.community-top a{color:var(--pp-text);text-decoration:none;font-weight:800;font-size:.86rem;padding:9px 12px;border:1px solid #2a385a;border-radius:10px}.community-top a:hover{border-color:var(--pp-cyan);color:var(--pp-cyan)}.community-wrap{width:min(1220px,calc(100% - 28px));margin:24px auto 60px}.profile-hero{position:relative;overflow:hidden;border:1px solid #344369;border-radius:22px;background:linear-gradient(135deg,#0c1126,#15102a);padding:24px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;box-shadow:0 28px 70px #0007}.profile-hero.bg-sunset{background:linear-gradient(135deg,#311353,#a52a66 55%,#ff7a3d)}.profile-hero.bg-arena{background:radial-gradient(circle at 50% 0,#66331c,#141020 48%,#070811)}.profile-hero.bg-cosmos{background:radial-gradient(circle at 75% 20%,#5530a8,#172659 42%,#060712 76%)}.pp-avatar{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#173a57,#351b68);border:5px solid #3f517a;box-shadow:0 12px 35px #0008,inset 0 0 30px #27e7ff22;font-weight:1000;font-size:2.2rem;letter-spacing:-.06em}.pp-avatar.base-neon{background:linear-gradient(145deg,#0c5964,#74155f)}.pp-avatar.base-night{background:linear-gradient(145deg,#11182c,#080911)}.pp-avatar.base-retro{background:linear-gradient(145deg,#774617,#4d155d)}.pp-avatar.frame-neon{border-color:var(--pp-cyan);box-shadow:0 0 28px #27e7ff88}.pp-avatar.frame-gold{border-color:var(--pp-gold);box-shadow:0 0 28px #ffd84a77}.pp-avatar.frame-diamond{border-color:#bff9ff;box-shadow:0 0 12px #fff,0 0 34px #27e7ff,0 0 55px #ff42b355}.avatar-accessory{position:absolute;right:-4px;bottom:-4px;font-size:2.1rem;filter:drop-shadow(0 4px 6px #000)}.profile-identity h1{margin:0;font-size:clamp(2rem,5vw,4.5rem);line-height:.9;text-transform:uppercase;font-style:italic}.profile-title{display:inline-flex;margin-top:9px;color:var(--pp-gold);font-weight:1000;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.profile-bio{max-width:720px;color:#d2dcf0;margin:10px 0 0;line-height:1.5}.faction-chip{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:7px 10px;border:1px solid var(--faction,#334);border-radius:999px;background:#050610aa;font-weight:900}.profile-song{min-width:260px;border:1px solid #3b4565;border-radius:16px;padding:14px;background:#050610c9}.profile-song small{display:block;color:var(--pp-gold);font-weight:1000;letter-spacing:.08em}.profile-song strong{display:block;margin:5px 0 2px}.profile-song span{color:var(--pp-muted);font-size:.84rem}.profile-song button{width:100%;margin-top:10px}.community-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:16px}.community-card{grid-column:span 6;border:1px solid #283657;border-radius:18px;background:linear-gradient(145deg,#0b0e1c,#0d1122);padding:18px;min-width:0}.community-card.full{grid-column:1/-1}.community-card.third{grid-column:span 4}.community-card h2{margin:0 0 12px;font-size:1.22rem}.community-card h3{margin:16px 0 8px;font-size:1rem}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.stat{padding:12px;border:1px solid #293858;background:#070a14;border-radius:12px}.stat strong{display:block;font-size:1.35rem;color:var(--pp-cyan)}.stat span{display:block;color:var(--pp-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.pp-btn{appearance:none;border:1px solid #3a4b70;background:#151a2b;color:white;border-radius:10px;padding:9px 12px;font-weight:900;cursor:pointer}.pp-btn:hover{border-color:var(--pp-cyan)}.pp-btn.primary{background:var(--pp-lime);color:#111;border-color:var(--pp-lime)}.pp-btn.gold{background:var(--pp-gold);color:#17120a;border-color:var(--pp-gold)}.pp-btn.danger{background:#4b1222;border-color:#a82b4b}.pp-btn:disabled{opacity:.45;cursor:not-allowed}.profile-form label{display:block;color:var(--pp-muted);font-size:.78rem;font-weight:800;margin:10px 0 5px}.profile-form input,.profile-form textarea,.profile-form select{width:100%;background:#060915;color:#fff;border:1px solid #304161;border-radius:9px;padding:10px;font:inherit}.profile-form textarea{min-height:82px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop-grid,.faction-grid,.song-grid,.achievement-grid,.score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shop-item,.faction-item,.song-item,.achievement,.score-item{border:1px solid #293858;border-radius:12px;padding:11px;background:#070a15}.shop-item strong,.faction-item strong,.song-item strong,.score-item strong{display:block}.shop-item small,.faction-item small,.song-item small,.score-item small,.achievement small{color:var(--pp-muted)}.shop-item .price{color:var(--pp-gold);font-weight:1000;margin:6px 0}.rarity-legendary{box-shadow:inset 0 0 0 1px #ffd84a44}.rarity-epic{box-shadow:inset 0 0 0 1px #a95dff44}.diamond-balance{font-size:2rem;font-weight:1000;color:#dffcff}.diamond-balance:before{content:'◆ ';color:#72eaff}.diamond-packs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.diamond-pack{padding:12px 8px;border:1px solid #365476;border-radius:11px;background:#07111f;text-align:center}.diamond-pack strong{display:block;color:#9ff7ff}.diamond-pack small{display:block;color:var(--pp-muted);margin:3px 0 8px}.war-table{width:100%;border-collapse:collapse}.war-table th,.war-table td{text-align:left;padding:9px;border-bottom:1px solid #24314c}.war-table th{color:var(--pp-muted);font-size:.72rem;text-transform:uppercase}.war-table td:last-child{text-align:right;font-weight:1000}.notice{padding:11px 12px;border:1px solid #315274;border-radius:10px;background:#081625;color:#cbeaff;margin:10px 0}.notice.good{border-color:#376d53;background:#0a2118;color:#caffdd}.notice.warn{border-color:#7a5b26;background:#241b08;color:#ffe7ad}.notice.bad{border-color:#7b2940;background:#260b14;color:#ffd0dc}.public-note{color:var(--pp-muted);font-size:.78rem}.account-danger{border-color:#6b263b}.recovery-code{font:900 1.15rem ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;padding:10px;background:#05070d;border:1px dashed var(--pp-gold);border-radius:8px;margin:8px 0;word-break:break-all}.mastered-cover{width:54px;height:54px;border-radius:8px;object-fit:cover;float:left;margin-right:9px}.clear{clear:both}.login-wall{text-align:center;padding:60px 20px;border:1px solid #2d3e62;border-radius:20px;background:#0b0e1b}.login-wall h1{font-size:2rem}.leader-player-link{color:inherit;text-decoration:none}.leader-player-link:hover{color:var(--pp-cyan);text-decoration:underline}@media(max-width:900px){.profile-hero{grid-template-columns:auto 1fr}.profile-song{grid-column:1/-1}.community-card,.community-card.third{grid-column:1/-1}.diamond-packs{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.community-top{align-items:flex-start}.community-top nav{justify-content:flex-end}.profile-hero{display:block;text-align:center}.pp-avatar{margin:0 auto 14px}.profile-song{text-align:left;margin-top:16px}.stat-row{grid-template-columns:1fr 1fr}.shop-grid,.faction-grid,.song-grid,.achievement-grid,.score-grid,.form-grid{grid-template-columns:1fr}.diamond-packs{grid-template-columns:1fr 1fr}.community-wrap{width:min(100% - 18px,1220px)}}

/* v0.6.0 account + Diamond Bank refinement */
.profile-name-public{color:inherit;text-decoration:none}.profile-name-public:hover{color:var(--pp-cyan);text-shadow:0 0 18px #27e7ff55}.diamond-page-cta{display:inline-flex;margin-top:10px;text-decoration:none;border-color:#54eaff;background:linear-gradient(135deg,#10253b,#15152f);box-shadow:0 0 22px #27e7ff18}.account-danger{border-color:#873049;background:linear-gradient(145deg,#100b13,#180b13)}.account-recovery-row{display:grid;grid-template-columns:minmax(0,720px);gap:18px}.delete-zone{margin-top:22px;padding-top:18px;border-top:1px solid #6f273c}.delete-zone h3{color:#ff9bb7}.delete-form{max-width:760px}.delete-form label span{font-weight:500;color:#8495af}.delete-ack{display:grid!important;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin:16px 0!important;padding:12px;border:1px solid #7c3248;border-radius:10px;background:#1e0b12;color:#ffd7e2!important;line-height:1.4}.delete-ack input{width:auto!important;margin:3px 0 0}.delete-form .pp-btn.danger{margin-top:4px;padding:12px 16px;background:#721d35;border-color:#d34a70}.delete-form .pp-btn.danger:hover{background:#8e2442;border-color:#ff7199}
.profile-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-name-row h1{margin:0}.profile-diamond-bank{display:inline-flex;align-items:center;padding:8px 11px;border:1px solid #63eafb88;border-radius:10px;background:linear-gradient(135deg,#0a2734,#14142c);color:#d9fdff;text-decoration:none;font-weight:1000;box-shadow:0 0 17px #2be9ff1c}.profile-diamond-bank:hover{border-color:#7df5ff;box-shadow:0 0 22px #2be9ff30}@media(max-width:600px){.profile-name-row{justify-content:center}}


/* v0.6.1 — readable spacing between titles, labels and descriptions */
.community-card p{line-height:1.55}
.community-card h2{line-height:1.25;margin-bottom:14px}
.community-card h3{line-height:1.3;margin-bottom:10px}
.achievement strong,.score-item strong,.song-item strong,.shop-item strong,.faction-item strong{display:block;line-height:1.3}
.achievement small,.score-item small,.song-item small,.shop-item small,.faction-item small{display:block;margin-top:5px;line-height:1.45}
.achievement,.score-item,.song-item,.shop-item,.faction-item{line-height:1.4}
.stat strong + span{margin-top:4px}
.profile-song strong + span{display:block;margin-top:4px}
.notice strong{display:block;margin-bottom:5px}
.public-note{line-height:1.5}
