@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--bg:#050914;--bg2:#081323;--panel:#101d31;--panel2:#0b1526;--text:#f4f9ff;--muted:#9fb7d4;--cyan:#12d7ff;--blue:#12aefb;--pink:#ff2f7d;--purple:#6b5cff;--line:rgba(18,215,255,.16);--shadow:0 24px 90px rgba(0,0,0,.34);--radius:24px;--wrap:1120px;--nav-wrap:1540px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 0%,rgba(18,174,251,.18),transparent 34%),radial-gradient(circle at 88% 6%,rgba(255,47,125,.14),transparent 35%),linear-gradient(180deg,#050914,#08111f 46%,#050914);color:var(--text);font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:800;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(#000,transparent 78%);opacity:.6;z-index:-2}a{color:inherit}.wrap{width:min(var(--wrap),calc(100% - 38px));margin-inline:auto}.topbar{height:76px;position:sticky;top:0;z-index:50;background:rgba(5,9,20,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(18,215,255,.13);box-shadow:0 14px 50px rgba(0,0,0,.32)}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;text-decoration:none}.brand img{width:180px;height:auto;display:block}.desktop-nav{display:flex;align-items:center;gap:9px}.desktop-nav a{font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.045em;font-weight:1000;text-decoration:none;color:#dceaff;padding:11px 14px;border-radius:12px}.desktop-nav a:hover,.desktop-nav a.active{background:rgba(255,47,125,.18);color:#fff}.nav-actions{display:flex;align-items:center;gap:10px}.discord-pill,.play-pill,.btn{border:0;border-radius:14px;font:inherit;font-weight:1000;text-decoration:none;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;cursor:pointer}.discord-pill{background:linear-gradient(135deg,#5865f2,#7b61ff);box-shadow:0 12px 26px rgba(88,101,242,.25)}.play-pill,.btn-primary{background:linear-gradient(135deg,var(--pink),var(--blue));box-shadow:0 16px 36px rgba(255,47,125,.18),0 0 26px rgba(18,174,251,.12)}.btn-secondary{background:rgba(255,255,255,.06);border:1px solid var(--line)}.burger{display:none;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;width:44px;height:42px}.burger span{display:block;width:18px;height:2px;background:#fff;margin:4px auto;border-radius:9px}.mobile-nav{display:none}
.hero{position:relative;min-height:650px;display:flex;align-items:center;text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,9,20,.18),rgba(5,9,20,.92)),radial-gradient(circle at 50% 32%,rgba(18,174,251,.35),transparent 36%),url('assets/server-promo.png') center/cover no-repeat;opacity:.28;filter:saturate(1.08) contrast(1.05)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 0%,rgba(5,9,20,.42) 42%,#050914 96%),linear-gradient(90deg,rgba(18,174,251,.12),rgba(255,47,125,.14))}.hero .wrap{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;width:max-content;margin:0 auto 18px;padding:8px 16px;border-radius:999px;background:rgba(255,47,125,.17);border:1px solid rgba(255,47,125,.36);color:#ff91bd;text-transform:uppercase;font-size:13px;font-weight:1000;letter-spacing:.06em}.hero h1,.page-hero h1{font-family:'Baloo 2',Nunito,sans-serif;font-size:clamp(52px,7vw,104px);line-height:.91;letter-spacing:-.055em;margin:0 auto 18px;text-shadow:0 5px 0 rgba(18,174,251,.18),0 24px 70px rgba(0,0,0,.5)}.hero h1 span{color:var(--cyan)}.lede{max-width:740px;margin:0 auto;color:#c5dcf6;font-size:21px;line-height:1.55;font-weight:900}.hero-actions{margin-top:30px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.mini-stats{margin-top:24px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.mini-stat{min-width:150px;background:rgba(16,29,49,.78);border:1px solid var(--line);border-radius:16px;padding:14px 16px;text-align:left}.mini-stat strong{display:block;font-size:22px}.mini-stat span{color:#9db5d1;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.section{padding:80px 0}.section-head{text-align:center;margin-bottom:34px}.section-head h2{font-family:'Baloo 2',Nunito,sans-serif;font-size:clamp(38px,4.6vw,64px);line-height:.98;margin:0 0 8px;letter-spacing:-.04em}.section-head p{color:#aecaeb;margin:0;font-size:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card,.news-card,.panel,.stat-band,.hiscore-preview{background:linear-gradient(180deg,rgba(16,29,49,.96),rgba(8,15,28,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 70px rgba(0,0,0,.22)}.feature-card{padding:26px;min-height:205px}.icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--pink));font-size:23px;margin-bottom:18px}.feature-card h3{font-family:'Baloo 2',Nunito,sans-serif;font-size:29px;line-height:1;margin:0 0 10px}.feature-card p{color:#b8cde6;line-height:1.55;margin:0}.stat-band{padding:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}.stat-band strong{display:block;font-family:'Baloo 2';font-size:44px;line-height:1;color:#fff}.stat-band span{color:#9fb7d4;text-transform:uppercase;font-size:12px;letter-spacing:.06em}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.split h2{font-family:'Baloo 2';font-size:clamp(38px,4.4vw,66px);line-height:.98;margin:0 0 14px}.split p{color:#c4d9f3;font-size:18px;line-height:1.6}.hiscore-preview{padding:22px;overflow:hidden}.hiscore-row{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:15px;background:rgba(255,255,255,.035);margin-bottom:10px}.rank{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--pink));display:grid;place-items:center;font-weight:1000}.hiscore-row b{display:block}.hiscore-row span{color:#9fb7d4;font-size:13px}.news-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{overflow:hidden;text-decoration:none;color:var(--text);transition:transform .16s ease,border-color .16s ease}.news-card:hover{transform:translateY(-4px);border-color:rgba(18,215,255,.42)}.news-card img{width:100%;height:190px;object-fit:cover;display:block}.news-card-body{padding:22px}.tag{display:inline-flex;border-radius:999px;background:linear-gradient(135deg,var(--pink),#b92777);color:#fff;padding:6px 10px;font-size:11px;text-transform:uppercase;font-weight:1000;letter-spacing:.05em}.meta{margin:12px 0 8px;color:#91a9c7;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.news-card h3{font-family:'Baloo 2';font-size:28px;line-height:1;margin:0 0 8px}.news-card p{color:#b8cde6;line-height:1.5;margin:0 0 16px}.readmore{color:#ff5c9f;font-weight:1000}.footer{background:#071120;border-top:1px solid var(--line);padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.65fr);gap:34px}.footer img{width:180px}.footer p,.footer a{color:#a9c0dc;line-height:1.5}.footer nav{display:grid;gap:9px;align-content:start}.footer nav b{font-size:12px;text-transform:uppercase;color:#fff}.footer a{text-decoration:none}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;color:#91a9c7}.footer-bottom button{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:7px 12px;font-weight:1000;cursor:pointer}.page-hero{padding:68px 0 60px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 24% 0%,rgba(18,174,251,.22),transparent 36%),radial-gradient(circle at 88% 0%,rgba(255,47,125,.18),transparent 38%),linear-gradient(90deg,rgba(10,35,58,.72),rgba(45,8,32,.58))}.page-hero h1{text-transform:uppercase;max-width:920px;margin-left:0}.page-hero p{color:#c5dcf6;font-size:18px}.crumb{display:inline-flex;margin-bottom:10px;color:#69dfff;text-decoration:none;font-weight:1000}.lagoon-divider{height:16px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--pink),var(--cyan),var(--blue));box-shadow:0 0 32px rgba(18,215,255,.38)}.news-surface{padding:56px 0 92px}.news-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.archive-card{background:linear-gradient(180deg,rgba(16,29,49,.98),rgba(8,15,28,.98));border:1px solid var(--line);border-radius:24px;overflow:hidden;text-decoration:none;color:var(--text);box-shadow:0 20px 70px rgba(0,0,0,.24);transition:.18s ease}.archive-card:hover{transform:translateY(-4px);border-color:rgba(18,215,255,.42)}.archive-card .cover{height:205px;background:#071120;position:relative;overflow:hidden}.archive-card .cover img{width:100%;height:100%;object-fit:cover;display:block}.archive-card .cover .tag{position:absolute;left:18px;top:18px}.archive-card .body{padding:22px}.archive-card.no-image{padding-top:0}.archive-card h2{font-family:'Baloo 2';font-size:30px;line-height:.98;margin:0 0 10px}.archive-card p{color:#b7cde7;line-height:1.5;margin:0 0 16px}.article-wrap{max-width:920px}.article-cover{display:block;width:100%;aspect-ratio:16/9;max-height:500px;object-fit:cover;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow);margin:0 auto 28px}.article-panel{background:linear-gradient(180deg,rgba(16,29,49,.98),rgba(8,15,28,.98));border:1px solid var(--line);border-radius:24px;padding:clamp(26px,4vw,44px);box-shadow:0 20px 70px rgba(0,0,0,.24);font-size:18px;line-height:1.75}.article-panel h1,.article-panel h2,.article-panel h3{font-family:'Baloo 2';line-height:1.05;margin:0 0 16px}.article-panel h1{font-size:42px}.article-panel h2{font-size:34px}.article-panel p{color:#c4d9f3;margin:0 0 18px}.article-panel ul{list-style:none;padding:0;margin:18px 0}.article-panel li{position:relative;padding-left:26px;margin:10px 0;color:#cfe3f8}.article-panel li:before{content:"";position:absolute;left:1px;top:.72em;width:9px;height:9px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--pink))}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center}.modal-bg{position:absolute;inset:0;border:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.modal-box{position:relative;width:min(520px,calc(100% - 32px));background:linear-gradient(180deg,#101d31,#0a1424);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}.modal-x{position:absolute;right:14px;top:14px;border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:10px;width:30px;height:30px;font-size:20px}.modal-box h3{font-family:'Baloo 2';font-size:34px;line-height:1;margin:0 0 8px}.modal-box p{color:#b8cde6}.vote-list{display:grid;gap:10px;margin-top:16px}.vote-link{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-decoration:none;color:#fff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);padding:12px;border-radius:14px}.vl-num{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--pink));font-weight:1000}.vl-go{color:#ff75ad}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(120px);background:#101d31;border:1px solid var(--line);border-radius:999px;color:#fff;padding:12px 18px;z-index:100;transition:.2s}.toast.show{transform:translateX(-50%) translateY(0)}.hiscores-layout{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}.hiscore-sidebar{position:sticky;top:96px}.hiscore-table{width:100%;border-collapse:separate;border-spacing:0 10px}.hiscore-table th{text-align:left;color:#9fb7d4;text-transform:uppercase;font-size:12px;letter-spacing:.05em}.hiscore-table td{background:rgba(16,29,49,.86);padding:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hiscore-table td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}.hiscore-table td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}.board-list{display:grid;gap:8px}.board-list button,.search-card button{border:1px solid var(--line);background:rgba(255,255,255,.045);color:#dceaff;border-radius:12px;min-height:40px;font:inherit;font-weight:1000;cursor:pointer}.board-list button.active{background:linear-gradient(135deg,var(--pink),var(--blue));color:#fff}.search-card{padding:18px;margin-top:14px}.search-card input{width:100%;border:1px solid var(--line);background:#071120;color:#fff;border-radius:12px;min-height:40px;padding:0 12px;font:inherit}.admin-page{background:#071120}.admin-top{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#081323;border-bottom:1px solid var(--line)}.admin-top img{width:160px}.admin-wrap{width:min(1120px,calc(100% - 32px));margin:32px auto}.admin-card,.admin-editor,.admin-post-row{background:linear-gradient(180deg,#101d31,#0a1424);border:1px solid var(--line);border-radius:22px;padding:22px}.admin-card{width:min(460px,100%);margin:auto}.admin-card input,.admin-editor input,.admin-editor textarea{width:100%;border:1px solid var(--line);background:#071120;color:#fff;border-radius:12px;min-height:42px;padding:10px 12px;font:inherit}.admin-editor label{display:grid;gap:8px;margin:14px 0}.admin-post-list{display:grid;gap:14px}.admin-post-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.admin-row-actions{display:flex;gap:10px}.btn-danger{background:#dc2626;color:#fff}.admin-success{background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.32);padding:12px;border-radius:12px}.admin-error{background:rgba(255,47,125,.16);border:1px solid rgba(255,47,125,.32);padding:12px;border-radius:12px}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:980px){.desktop-nav{display:none}.burger{display:block}.mobile-nav.open{display:grid}.mobile-nav{position:absolute;left:0;right:0;top:76px;background:#071120;border-bottom:1px solid var(--line);padding:12px 20px;gap:8px}.mobile-nav a{padding:12px;border-radius:12px;text-decoration:none;font-weight:1000}.mobile-nav a:hover{background:rgba(255,255,255,.06)}.feature-grid,.news-preview-grid,.news-archive-grid{grid-template-columns:1fr 1fr}.split,.hiscores-layout{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0}.footer-grid{grid-template-columns:1fr 1fr}.hiscore-sidebar{position:static}}@media(max-width:660px){.brand img{width:145px}.nav-inner{gap:10px}.discord-pill{display:none}.play-pill{padding:0 12px;font-size:12px}.hero h1,.page-hero h1{font-size:48px}.lede{font-size:17px}.feature-grid,.news-preview-grid,.news-archive-grid,.stat-band{grid-template-columns:1fr}.footer-grid,.footer-bottom{display:grid;gap:20px}.section{padding:58px 0}.article-panel{font-size:16px}.admin-grid-2,.admin-post-row{grid-template-columns:1fr}}

/* Stormy Lagoon v1.7 vote modal polish */
.vote-modal-box{width:min(680px,calc(100% - 32px));}
.vote-modal-box .tag{margin-bottom:10px}
.storm-vote-list{gap:12px;margin-top:18px}
.storm-vote-list .vote-link{grid-template-columns:38px 1fr auto;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(18,215,255,.18);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.storm-vote-list .vote-link:hover{transform:translateY(-2px);border-color:rgba(18,215,255,.55);background:linear-gradient(180deg,rgba(18,215,255,.12),rgba(255,47,125,.08))}
.storm-vote-list .vl-num{width:32px;height:32px;border-radius:11px}
.storm-vote-list .vl-name{display:grid;gap:2px;font-weight:1000}
.storm-vote-list .vl-name small{font-size:11px;color:#9fb7d4;text-transform:uppercase;letter-spacing:.06em}
.storm-vote-list .vl-go{font-weight:1000;color:#ff6fb0;white-space:nowrap}
.admin-page .muted code{color:#9eeaff}

/* Stormy Lagoon v1.8: homepage news polish */
.section-actions{display:flex;justify-content:center;margin-top:26px}
.news-preview-grid .news-card{min-height:0}
.news-preview-grid .news-card:not(:has(img)) .news-card-body{min-height:235px}
.news-preview-grid .news-card img{height:180px;object-fit:cover}
@supports not selector(:has(*)){
  .news-preview-grid .news-card .news-card-body{min-height:235px}
}

/* Stormy Lagoon v2.0 polish */
.hero:before{background:linear-gradient(180deg,rgba(5,9,20,.08),rgba(5,9,20,.88)),radial-gradient(circle at 50% 32%,rgba(18,174,251,.22),transparent 36%),url('/assets/home-hero-bg.png') center/cover no-repeat!important;opacity:.42!important;filter:saturate(1.05) contrast(1.04)!important}
.hiscores-tabs.single-mode button.active{background:linear-gradient(135deg,rgba(18,174,251,.25),rgba(255,47,125,.22));border:1px solid rgba(18,215,255,.35)}
.sidebar-banner{font-family:'Baloo 2',Nunito,sans-serif;font-size:38px;line-height:1;padding:26px 22px;border-radius:22px 22px 0 0;background:linear-gradient(135deg,var(--blue),var(--pink));color:#fff}
.hiscores-sidebar{background:linear-gradient(180deg,rgba(16,29,49,.96),rgba(8,15,28,.96));border:1px solid var(--line);border-radius:24px;overflow:hidden}.hiscores-sidebar .board-list{padding:14px}.board-button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:0 14px}.hiscore-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0 4px}.hiscore-pager button:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.45)}.hiscore-pager #pageInfo{color:#bdd4ef;font-weight:1000;min-width:150px;text-align:center}.player-link{background:transparent;border:0;color:#fff;font:inherit;font-weight:1000;cursor:pointer;text-decoration:none;padding:0}.player-link:hover{color:var(--cyan);text-decoration:underline}.profile-box{width:min(760px,calc(100% - 32px));max-height:86vh;overflow:auto}.profile-head h3{font-family:'Baloo 2',Nunito,sans-serif;font-size:44px;line-height:.95;margin:12px 0 8px}.profile-head p{color:#bdd4ef;margin:0 0 18px}.profile-board-grid{display:grid;gap:10px}.profile-board-row{display:grid;grid-template-columns:1.3fr .65fr .65fr .9fr;gap:12px;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(18,215,255,.14);border-radius:14px;padding:12px 14px}.profile-board-row b{font-weight:1000}.profile-board-row span{color:#bdd4ef}.tool-card.muted-card p{font-size:14px;line-height:1.45}.leaderboard-panel{min-width:0}.leaderboard-table-wrap{overflow-x:auto}.leaderboard-table .player-link{white-space:nowrap}@media(max-width:760px){.profile-board-row{grid-template-columns:1fr 1fr}.profile-board-row b{grid-column:1 / -1}.hiscore-pager{display:grid}.hiscore-pager #pageInfo{min-width:0}.sidebar-banner{font-size:30px}}

/* Stormy Lagoon v2.1: cleaner Hiscores UI */
.skills-hiscores-page main{padding-bottom:68px}
.skills-hiscores-page .compact-hiscore-hero{padding:58px 0 26px;background:transparent;border-bottom:0}
.skills-hiscores-page .compact-hiscore-hero .eyebrow{margin-left:0;margin-bottom:16px}
.skills-hiscores-page .compact-hiscore-hero h1{font-size:clamp(42px,5.2vw,76px);line-height:.95;text-transform:none;max-width:none;margin:0 0 12px;text-shadow:0 4px 0 rgba(18,174,251,.14),0 18px 52px rgba(0,0,0,.38)}
.skills-hiscores-page .compact-hiscore-hero p{max-width:760px;margin:0;color:#c4d9f3;font-size:17px;line-height:1.55}
.skills-hiscores-page .hiscores-shell{margin-top:18px}
.skills-hiscores-page .hiscores-tabs.single-mode{display:flex;align-items:center;gap:10px;margin:0 0 16px}
.skills-hiscores-page .hiscores-tabs.single-mode button{min-height:48px;padding:0 22px;border-radius:17px;background:linear-gradient(135deg,rgba(18,174,251,.16),rgba(255,47,125,.12));border:1px solid rgba(18,215,255,.28);color:#fff;font:inherit;font-weight:1000;cursor:default;box-shadow:0 18px 40px rgba(0,0,0,.14)}
.skills-hiscores-page .data-state,#dataFootnote{display:none!important}
.skills-only-layout{display:grid!important;grid-template-columns:280px minmax(0,1fr) 250px!important;gap:22px!important;align-items:start!important}
.skills-hiscores-page .hiscores-sidebar{position:sticky;top:98px;background:linear-gradient(180deg,rgba(16,29,49,.98),rgba(8,15,28,.98));border:1px solid rgba(18,215,255,.2);border-radius:26px;box-shadow:0 22px 70px rgba(0,0,0,.25);overflow:hidden}
.skills-hiscores-page .sidebar-banner{font-size:42px;padding:28px 24px 24px;border-radius:0;background:linear-gradient(135deg,#2dbdff 0%,#e43595 100%)}
.skills-hiscores-page .board-list{display:grid;gap:9px;padding:16px}
.skills-hiscores-page .board-button{min-height:48px;border-radius:15px;border:1px solid rgba(18,215,255,.16);background:rgba(255,255,255,.045);color:#dbeeff;font:inherit;font-weight:1000;display:flex;align-items:center;gap:12px;width:100%;padding:0 15px;cursor:pointer;transition:.16s ease;text-align:left}
.skills-hiscores-page .board-button:hover{border-color:rgba(18,215,255,.42);background:rgba(18,215,255,.09);transform:translateX(2px)}
.skills-hiscores-page .board-button.active{background:linear-gradient(135deg,rgba(255,47,125,.82),rgba(18,174,251,.82));border-color:rgba(255,255,255,.16);box-shadow:0 14px 34px rgba(255,47,125,.14)}
.skills-hiscores-page .board-icon{width:24px;text-align:center;filter:drop-shadow(0 0 8px rgba(18,215,255,.2))}
.skills-hiscores-page .leaderboard-panel{min-width:0;background:linear-gradient(180deg,rgba(16,29,49,.98),rgba(8,15,28,.98));border:1px solid rgba(18,215,255,.2);border-radius:26px;padding:28px;box-shadow:0 24px 90px rgba(0,0,0,.28)}
.skills-hiscores-page .leaderboard-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}
.skills-hiscores-page .kicker.small{display:inline-flex;align-items:center;width:max-content;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:rgba(255,47,125,.17);border:1px solid rgba(255,47,125,.34);color:#ff93bf;text-transform:uppercase;font-size:11px;font-weight:1000;letter-spacing:.06em}
.skills-hiscores-page .leaderboard-header h2{font-family:'Baloo 2',Nunito,sans-serif;font-size:clamp(38px,4.4vw,58px);line-height:.92;margin:0 0 8px;letter-spacing:-.03em}
.skills-hiscores-page #boardDescription{margin:0;color:#b7cdea;font-size:17px;line-height:1.45}
.skills-hiscores-page .board-stat-card{min-width:142px;padding:20px;border-radius:20px;border:1px solid rgba(18,215,255,.26);background:linear-gradient(180deg,rgba(18,215,255,.08),rgba(255,255,255,.03));text-align:center}
.skills-hiscores-page .board-stat-card span{display:block;color:#9db7d4;text-transform:uppercase;letter-spacing:.07em;font-size:12px;margin-bottom:6px}.skills-hiscores-page .board-stat-card b{font-family:'Baloo 2';font-size:44px;line-height:1}
.skills-hiscores-page .table-tools{display:grid;grid-template-columns:minmax(190px,1fr) 150px auto;gap:12px;align-items:end;margin-bottom:16px}
.skills-hiscores-page .search-box{display:grid;gap:7px;color:#9fb7d4;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:1000}
.skills-hiscores-page input{width:100%;min-height:48px;border:1px solid rgba(18,215,255,.22);background:#071120;color:#fff;border-radius:15px;padding:0 14px;font:inherit;font-weight:900;outline:none}
.skills-hiscores-page input:focus{border-color:rgba(18,215,255,.65);box-shadow:0 0 0 4px rgba(18,215,255,.08)}
.skills-hiscores-page .btn.compact{min-height:48px;padding:0 18px;border-radius:15px;white-space:nowrap}
.skills-hiscores-page .leaderboard-table-wrap{overflow:hidden;border:1px solid rgba(18,215,255,.16);border-radius:18px;background:rgba(5,9,20,.38)}
.skills-hiscores-page .leaderboard-table{width:100%;border-collapse:collapse;font-size:15px}
.skills-hiscores-page .leaderboard-table th{background:rgba(18,174,251,.13);color:#8eeaff;text-align:left;padding:14px 16px;text-transform:uppercase;letter-spacing:.055em;font-size:12px}
.skills-hiscores-page .leaderboard-table td{padding:14px 16px;border-top:1px solid rgba(255,255,255,.06);color:#eaf6ff;vertical-align:middle}
.skills-hiscores-page .leaderboard-table tbody tr:hover td{background:rgba(18,215,255,.045)}
.skills-hiscores-page .rank-cell{font-weight:1000;color:#fff;white-space:nowrap}.skills-hiscores-page .metric-cell{font-variant-numeric:tabular-nums;color:#d8eaff}.skills-hiscores-page .level-pill{display:inline-flex;min-width:42px;justify-content:center;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-weight:1000}.skills-hiscores-page .player-link{color:#fff}.skills-hiscores-page .player-link:hover{color:#12d7ff}
.skills-hiscores-page .hiscore-pager{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:18px;padding:0}.skills-hiscores-page #pageInfo{min-width:150px;text-align:center;color:#bed5ef;font-weight:1000}.skills-hiscores-page .hiscore-pager button:disabled{opacity:.38;filter:grayscale(.35);cursor:not-allowed}
.skills-hiscores-page .table-footer{display:flex;justify-content:space-between;gap:12px;margin-top:14px;color:#9db7d4;font-weight:1000}.skills-hiscores-page .table-footer:empty{display:none}
.skills-hiscores-page .hiscores-tools{display:grid;gap:14px}.skills-hiscores-page .tool-card{background:linear-gradient(180deg,rgba(16,29,49,.98),rgba(8,15,28,.98));border:1px solid rgba(18,215,255,.18);border-radius:22px;padding:18px;box-shadow:0 18px 60px rgba(0,0,0,.18)}.skills-hiscores-page .tool-card h3{font-family:'Baloo 2';font-size:24px;margin:0 0 10px}.skills-hiscores-page .tool-card input{margin-bottom:10px;min-height:42px}.skills-hiscores-page .tool-card .full{width:100%;min-height:42px}.skills-hiscores-page .tool-card.muted-card{display:none!important}
@media(max-width:1120px){.skills-only-layout{grid-template-columns:260px minmax(0,1fr)!important}.skills-hiscores-page .hiscores-tools{grid-column:1 / -1;grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.skills-only-layout{grid-template-columns:1fr!important}.skills-hiscores-page .hiscores-sidebar{position:static}.skills-hiscores-page .table-tools{grid-template-columns:1fr}.skills-hiscores-page .leaderboard-header{display:grid}.skills-hiscores-page .board-stat-card{width:100%}.skills-hiscores-page .hiscores-tools{grid-template-columns:1fr}.skills-hiscores-page .leaderboard-table-wrap{overflow-x:auto}.skills-hiscores-page .leaderboard-table{min-width:720px}}

/* Stormy Lagoon v2.4 — mobile usability fixes */
html,body{max-width:100%;overflow-x:hidden}
.modal{overflow-y:auto;overscroll-behavior:contain;padding:18px 0;align-items:start}
.modal-box{max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:auto}
.vote-modal-box{width:min(620px,calc(100% - 28px))}
.vote-modal-box .modal-x{position:sticky;float:right;top:0;z-index:3}
.storm-vote-list{padding-bottom:8px}
.vl-name{min-width:0}.vl-name small{display:block;color:#9fb7d4;margin-top:3px;letter-spacing:.08em}

@media(max-width:760px){
  .wrap{width:min(100% - 24px,var(--wrap))}
  .topbar,.nav-inner{height:70px}
  .topbar{position:sticky}
  .nav-inner{gap:8px}
  .brand img{width:154px;max-width:38vw}
  .nav-actions{gap:7px;min-width:0}
  .discord-pill{display:none}
  .play-pill{min-height:44px;padding:0 13px;font-size:13px;white-space:nowrap;max-width:53vw;overflow:hidden;text-overflow:ellipsis}
  .burger{display:block;flex:0 0 46px;width:46px;height:44px}
  .mobile-nav{top:70px}

  .hero{min-height:auto;padding:116px 0 74px;align-items:flex-start}
  .hero .wrap{width:min(100% - 28px,720px)}
  .hero:before{background-position:center!important;opacity:.5!important}
  .eyebrow{display:flex;width:100%;max-width:100%;justify-content:center;text-align:center;white-space:normal;line-height:1.35;padding:10px 14px;font-size:11px;overflow-wrap:anywhere}
  .hero h1{font-size:clamp(48px,14vw,68px);line-height:.93;letter-spacing:-.045em}
  .hero h1 br{display:none}
  .lede{font-size:18px;line-height:1.48}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero-actions .btn{width:100%;min-width:0;padding:0 12px}
  .hero-actions .btn:last-child{grid-column:1 / -1;width:min(180px,100%);justify-self:center}
  .mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .mini-stat{min-width:0;text-align:center;padding:14px 10px}
  .mini-stat:last-child{grid-column:1 / -1}

  .section{padding:56px 0}
  .feature-grid,.news-preview-grid,.split,.stat-band,.footer-grid{grid-template-columns:1fr}
  .section-head h2{font-size:44px}
  .feature-card{min-height:0}
  .stat-band{gap:10px}
  .footer-bottom{display:grid;gap:14px;text-align:center;justify-items:center}

  .modal{padding:0;place-items:start center}
  .modal-box{width:100%;max-width:none;min-height:100dvh;max-height:100dvh;border-radius:0;margin:0;padding:72px 20px 24px}
  .modal-box h3{font-size:40px;padding-right:38px}
  .modal-x{position:fixed!important;right:18px!important;top:18px!important;width:44px!important;height:44px!important;border-radius:14px!important;z-index:100}
  .vote-list{gap:12px}
  .vote-link{grid-template-columns:44px minmax(0,1fr) auto;gap:12px;padding:15px 13px;border-radius:18px}
  .vl-num{width:42px;height:42px;border-radius:13px}
  .vl-name{font-size:18px;line-height:1.12;overflow-wrap:anywhere}
  .vl-go{font-size:16px;white-space:nowrap}

  .skills-hiscores-page .compact-hiscore-hero{padding:34px 0 16px}
  .skills-hiscores-page .compact-hiscore-hero h1{font-size:44px}
  .skills-hiscores-page .hiscores-shell{margin-top:8px}
  .skills-hiscores-page .hiscores-tabs.single-mode{overflow-x:auto;padding-bottom:4px}
  .skills-hiscores-page .hiscores-tabs.single-mode button{white-space:nowrap}
  .skills-hiscores-page .hiscores-sidebar{position:static}
  .skills-hiscores-page .sidebar-banner{font-size:34px;padding:22px}
  .skills-hiscores-page .leaderboard-panel{padding:18px 14px;border-radius:22px;overflow:hidden}
  .skills-hiscores-page .leaderboard-header h2{font-size:42px}
  .skills-hiscores-page .table-tools{grid-template-columns:1fr!important}
  .skills-hiscores-page .leaderboard-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:16px}
  .skills-hiscores-page .leaderboard-table{min-width:670px!important}
  .skills-hiscores-page .hiscore-pager{display:grid!important;grid-template-columns:1fr;gap:9px;margin-top:14px}
  .skills-hiscores-page .hiscore-pager button,.skills-hiscores-page #pageInfo{width:100%;min-width:0}
  .skills-hiscores-page .table-footer{justify-content:center;text-align:center}
  .skills-hiscores-page .hiscores-tools{display:none!important}
  .profile-box,.compare-box{width:100%!important}
}

@media(max-width:390px){
  .brand img{width:132px}
  .play-pill{font-size:11px;padding:0 10px;max-width:49vw}
  .hero{padding-top:96px}
  .hero h1{font-size:46px}
  .hero-actions{grid-template-columns:1fr}
  .hero-actions .btn:last-child{grid-column:auto;width:100%}
  .vote-link{grid-template-columns:38px minmax(0,1fr)}
  .vl-num{width:38px;height:38px}
  .vl-go{grid-column:2;justify-self:start}
}


/* Stormy Lagoon v2.5 — map selector */
.map-modal-box{width:min(620px,calc(100% - 28px))}
.storm-map-list{margin-top:22px}
.map-link .map-badge{font-size:18px;font-weight:1000}
.map-link:nth-child(1) .map-badge{background:linear-gradient(135deg,#27d17f,#15aefb)}
.map-link:nth-child(2) .map-badge{background:linear-gradient(135deg,#f5a623,#ff3f8e)}
.map-link:nth-child(3) .map-badge{background:linear-gradient(135deg,#9b6cff,#2dbdff)}
@media(max-width:760px){
  .map-modal-box{width:100%}
  .storm-map-list{gap:14px}
  .map-link{min-height:86px}
  .map-link .vl-go{font-size:15px}
}

/* Stormy Lagoon v2.6 — Weekly Challenge hiscores + scrollable profiles */
.skills-hiscores-page .board-divider{display:flex;align-items:center;gap:10px;margin:8px 3px 2px;color:#7793b3;font-size:10px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.skills-hiscores-page .board-divider:before,.skills-hiscores-page .board-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(18,215,255,.28))}
.skills-hiscores-page .board-divider:after{background:linear-gradient(90deg,rgba(255,47,125,.28),transparent)}
.skills-hiscores-page .leaderboard-table.wins-board{min-width:520px}
.skills-hiscores-page .wins-board .metric-cell{font-weight:1000;color:#ffd36a}
.profile-box{max-height:calc(100dvh - 48px)!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}
.profile-box .modal-x{position:sticky;top:0;z-index:6;float:right;margin:-8px -8px 0 10px}
.profile-head{padding-right:36px}
.profile-section-divider{display:flex;align-items:center;gap:12px;margin:8px 2px;color:#7895b6;font-size:10px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.profile-section-divider:before,.profile-section-divider:after{content:"";height:1px;flex:1;background:rgba(18,215,255,.2)}
.profile-section-divider:after{background:rgba(255,47,125,.2)}
.profile-board-row.profile-stat-row{grid-template-columns:1.3fr .7fr .9fr}
.profile-board-row.profile-stat-row span:last-child{color:#ffd36a;font-weight:1000}
.compare-results .profile-section-divider{margin:16px 0 10px}

@media(max-width:760px){
  .profile-box{min-height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;padding-bottom:max(34px,env(safe-area-inset-bottom))!important}
  .profile-head{padding-right:24px}
  .profile-board-row.profile-stat-row{grid-template-columns:1fr 1fr}
  .profile-board-row.profile-stat-row b{grid-column:1 / -1}
  .skills-hiscores-page .leaderboard-table.wins-board{min-width:500px!important}
  .skills-hiscores-page .board-divider{margin-top:10px}
}

/* Stormy Lagoon v2.7 — Stormy Tools hiscores + collapsible categories */
.skills-hiscores-page .hiscores-sidebar{max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.skills-hiscores-page .board-section{display:grid;gap:8px}
.skills-hiscores-page .board-section + .board-section{margin-top:5px;padding-top:5px;border-top:1px solid rgba(255,255,255,.035)}
.skills-hiscores-page .board-section-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:28px;padding:3px 4px;border:0;background:transparent;color:#91aaca;font:inherit;font-size:10px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.skills-hiscores-page .board-section-toggle:before,.skills-hiscores-page .board-section-toggle:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(18,215,255,.28))}
.skills-hiscores-page .board-section-toggle:after{background:linear-gradient(90deg,rgba(255,47,125,.28),transparent)}
.skills-hiscores-page .board-section-toggle:hover{color:#dcecff}
.skills-hiscores-page .board-section-toggle span:first-of-type{order:1}
.skills-hiscores-page .board-section-toggle:before{order:0}
.skills-hiscores-page .board-section-toggle:after{order:3}
.skills-hiscores-page .board-section-caret{order:2;display:inline-grid;place-items:center;width:16px;height:16px;color:#8eeaff;font-size:13px;line-height:1;transition:transform .16s ease}
.skills-hiscores-page .board-section-toggle[aria-expanded="false"] .board-section-caret{transform:rotate(-90deg)}
.skills-hiscores-page .board-section-items{display:grid;gap:8px}
.skills-hiscores-page .board-section-items[hidden]{display:none!important}
.skills-hiscores-page .leaderboard-table.count-board{min-width:520px}
.skills-hiscores-page .count-board .metric-cell{font-weight:1000;color:#8eeaff}
.profile-box,.compare-box{max-height:calc(100dvh - 48px)!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}
.profile-section-divider:first-child{margin-top:0}

@media(max-width:860px){
  .skills-hiscores-page .hiscores-sidebar{max-height:none;overflow:visible;scrollbar-gutter:auto}
}
@media(max-width:760px){
  .compare-box{min-height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;padding-bottom:max(34px,env(safe-area-inset-bottom))!important}
  .skills-hiscores-page .leaderboard-table.count-board{min-width:500px!important}
  .skills-hiscores-page .board-section-toggle{min-height:32px}
}
.skills-hiscores-page .compare-box{width:min(900px,calc(100% - 32px))}

/* Stormy Lagoon v2.9 — Stormy Pearls + MySQL economy hiscores */
.skills-hiscores-page .player-link-with-avatar{display:inline-flex;align-items:center;gap:10px;min-height:30px;text-align:left}
.player-avatar,.profile-avatar,.compare-avatar{display:block;flex:0 0 auto;image-rendering:pixelated;border-radius:7px;background:#101d31;border:1px solid rgba(142,234,255,.28);box-shadow:0 4px 14px rgba(0,0,0,.24)}
.player-avatar{width:28px;height:28px;border-radius:6px}
.profile-identity{display:flex;align-items:center;gap:16px}
.profile-identity>div{min-width:0}
.profile-avatar{width:64px;height:64px;border-radius:12px}
.compare-player-identity{display:flex;align-items:center;gap:12px;min-width:0}
.compare-player-identity>div{min-width:0}
.compare-avatar{width:44px;height:44px;border-radius:9px}
.compare-player-card .compare-player-identity h4{margin:0 0 3px}

@media(max-width:760px){
  .player-avatar{width:26px;height:26px}
  .profile-identity{align-items:flex-start;gap:12px}
  .profile-avatar{width:52px;height:52px;border-radius:10px}
  .profile-head h3{font-size:36px}
  .compare-player-identity{align-items:flex-start}
}

/* Stormy Lagoon v3.1 — Website tools and live Weekly Challenge */
.tools-modal-box{width:min(680px,calc(100% - 32px))}.storm-tools-list{margin-top:20px}.tool-link{min-height:76px}.tool-link .tool-badge{width:42px;height:42px;font-size:18px}.tool-link:nth-child(1) .tool-badge{background:linear-gradient(135deg,#a54343,#0f5419)}.tool-link:nth-child(2) .tool-badge{background:linear-gradient(135deg,#ef4444,#22c55e)}

.weekly-challenge-section{position:relative;padding-top:58px}.weekly-challenge-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 45%,rgba(18,174,251,.12),transparent 31%),radial-gradient(circle at 84% 20%,rgba(255,47,125,.1),transparent 34%);pointer-events:none}.weekly-heading{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;text-align:left}.weekly-heading .eyebrow{margin:0 0 14px}.weekly-heading h2{margin-bottom:8px}.weekly-heading p{max-width:760px}.live-refresh{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#a8c4e4;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.live-refresh:before{content:"";width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 16px #22c55e}.weekly-dashboard{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:18px}.weekly-current-card,.weekly-chart-card,.weekly-history-card{background:linear-gradient(180deg,rgba(16,29,49,.98),rgba(7,14,26,.98));border:1px solid rgba(18,215,255,.18);border-radius:26px;box-shadow:0 24px 80px rgba(0,0,0,.26)}.weekly-current-card{grid-row:span 2;padding:30px;overflow:hidden;position:relative}.weekly-current-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;bottom:-125px;background:radial-gradient(circle,rgba(255,47,125,.22),transparent 68%);pointer-events:none}.weekly-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.weekly-status{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.32);color:#b7ffd0;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.weekly-status:before{content:"";width:7px;height:7px;background:#22c55e;border-radius:50%;box-shadow:0 0 12px #22c55e}.weekly-status.complete{background:rgba(18,174,251,.13);border-color:rgba(18,215,255,.32);color:#a9efff}.weekly-status.complete:before{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.weekly-week-key{color:#7894b4;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.weekly-current-card h3{font-family:'Baloo 2';font-size:clamp(36px,4vw,56px);line-height:.95;margin:28px 0 12px}.weekly-current-card>p{color:#bfd5ee;font-size:17px;line-height:1.58;margin:0;max-width:690px}.weekly-progress-copy{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:30px 0 9px;color:#a9c2df}.weekly-progress-copy b{font-size:24px;color:#fff}.weekly-progress-copy strong{font-family:'Baloo 2';font-size:30px;color:#8eeaff}.weekly-progress-track,.weekly-mini-track{display:block;overflow:hidden;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.06)}.weekly-progress-track{height:16px;border-radius:999px}.weekly-progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--pink));box-shadow:0 0 22px rgba(18,215,255,.35);transition:width .6s ease}.weekly-targets{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}.weekly-targets span{color:#7692b2;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.weekly-targets b{padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.05);color:#ddecff;font-size:12px}.weekly-board-link{display:inline-flex;margin-top:24px;color:#ff75ad;text-decoration:none;font-weight:1000}.weekly-chart-card,.weekly-history-card{padding:22px}.weekly-panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.weekly-panel-title span{color:#7692b2;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.weekly-panel-title b{font-family:'Baloo 2';font-size:21px}.weekly-chart-list,.weekly-history-list{display:grid;gap:9px}.weekly-chart-row{display:grid;grid-template-columns:30px 34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border-radius:13px;background:rgba(255,255,255,.034)}.weekly-chart-row img{width:32px;height:32px;border-radius:7px;image-rendering:pixelated;border:1px solid rgba(18,215,255,.2)}.weekly-rank{color:#8eeaff;font-size:12px;font-weight:1000}.weekly-chart-player{display:grid;gap:5px;min-width:0}.weekly-chart-player b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.weekly-chart-row>strong{font-size:12px;color:#ffd36a}.weekly-mini-track{height:5px;border-radius:999px}.weekly-mini-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--pink))}.weekly-history-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 8px;border-top:1px solid rgba(255,255,255,.055)}.weekly-history-row:first-child{border-top:0}.weekly-history-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(34,197,94,.13);color:#83ffab}.weekly-history-icon.failed{background:rgba(255,47,125,.12);color:#ff8bbb}.weekly-history-row div{min-width:0}.weekly-history-row div b,.weekly-history-row div span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weekly-history-row b{font-size:13px}.weekly-history-row div span{font-size:11px;color:#89a5c4}.weekly-history-row>strong{font-size:11px;color:#bcd2ea}.weekly-empty{padding:18px;border:1px dashed rgba(18,215,255,.18);border-radius:14px;color:#8fa9c8;text-align:center;font-size:13px}.weekly-loading-bars{display:grid;gap:12px}.weekly-loading-bars i{display:block;height:34px;border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(18,215,255,.1),rgba(255,255,255,.04));background-size:220% 100%;animation:weeklyLoading 1.4s linear infinite}.weekly-loading-bars i:nth-child(2){width:88%}.weekly-loading-bars i:nth-child(3){width:72%}.weekly-loading-bars i:nth-child(4){width:60%}.weekly-loading-bars i:nth-child(5){width:48%}@keyframes weeklyLoading{to{background-position:-220% 0}}.weekly-error-card{grid-column:1/-1;grid-row:auto;min-height:240px}

.stormy-tool-page main{padding-bottom:82px}.tool-hero{padding:72px 0 34px;text-align:center;background:radial-gradient(circle at 22% 0%,rgba(18,174,251,.2),transparent 35%),radial-gradient(circle at 80% 0%,rgba(255,47,125,.16),transparent 36%)}.tool-hero .eyebrow{margin-bottom:16px}.tool-hero h1{font-family:'Baloo 2';font-size:clamp(52px,7vw,88px);line-height:.9;letter-spacing:-.05em;margin:0 0 16px;text-shadow:0 5px 0 rgba(18,174,251,.16)}.tool-hero p{max-width:820px;margin:0 auto;color:#bfd5ee;font-size:18px;line-height:1.55}.tool-workspace,.wraps-workspace{margin-top:26px}.tool-panel{background:linear-gradient(180deg,rgba(16,29,49,.98),rgba(7,14,26,.98));border:1px solid rgba(18,215,255,.18);border-radius:26px;box-shadow:0 24px 80px rgba(0,0,0,.24)}.tool-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.tool-panel h2{font-family:'Baloo 2';font-size:34px;line-height:1;margin:4px 0 0}.tool-panel h3{font-family:'Baloo 2';font-size:28px;line-height:1;margin:6px 0 10px}.tool-kicker{display:block;color:#8eeaff;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.tool-field{display:grid;gap:7px;color:#a9c1de;font-size:12px;text-transform:uppercase;letter-spacing:.055em}.tool-field input,.tool-field select,.nickname-output-block textarea{width:100%;border:1px solid rgba(18,215,255,.2);background:#050b15;color:#fff;border-radius:14px;padding:0 13px;font:inherit;font-weight:900;outline:none}.tool-field input,.tool-field select{min-height:48px}.tool-field input:focus,.tool-field select:focus,.nickname-output-block textarea:focus{border-color:rgba(18,215,255,.65);box-shadow:0 0 0 4px rgba(18,215,255,.08)}.tool-note{color:#839fbe;font-size:13px;line-height:1.55}.tool-note code,.command-help-card code,.future-wrap-note code{color:#8eeaff}.mini-action{border:0;background:transparent;color:#ff75ad;font:inherit;font-size:12px;font-weight:1000;cursor:pointer;padding:6px}.mini-action:disabled{opacity:.35;cursor:not-allowed}

.nickname-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.nickname-main{padding:28px}.nickname-side{display:grid;gap:18px;position:sticky;top:96px}.nickname-side .tool-panel{padding:22px}.nickname-preview-shell{margin-top:18px;padding:20px;border-radius:18px;background:radial-gradient(circle at 50% 40%,rgba(18,174,251,.12),transparent 70%),#071120;border:1px solid rgba(18,215,255,.16)}.nickname-preview-label{display:flex;justify-content:space-between;gap:14px;color:#7f9dbd;text-transform:uppercase;font-size:10px;letter-spacing:.07em}.nickname-preview{min-height:88px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-family:monospace;font-size:clamp(38px,6vw,68px);line-height:1;text-shadow:3px 3px 0 #000;margin-top:8px;word-break:break-all}.nick-bold{font-weight:1000}.nick-italic{font-style:italic}.nick-underline{text-decoration:underline}.nick-strikethrough{text-decoration:line-through}.nickname-placeholder{color:#48617f;font-family:Nunito,sans-serif;font-size:22px;text-shadow:none}.nickname-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.nickname-toolbar button{width:46px;height:42px;border-radius:12px;border:1px solid rgba(18,215,255,.16);background:rgba(255,255,255,.045);color:#fff;font:inherit;font-size:18px;cursor:pointer}.nickname-toolbar button[aria-pressed="true"]{background:linear-gradient(135deg,var(--blue),var(--pink));border-color:transparent}.nickname-toolbar button.locked{opacity:.3;cursor:not-allowed}.colour-editor-head,.wrap-category-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:22px 0 10px}.colour-editor-head>div,.wrap-category-head>div{display:grid;gap:2px}.colour-editor-head span,.wrap-category-head span{font-weight:1000}.colour-editor-head small,.wrap-category-head small{color:#829ebb}.colour-stops{display:grid;gap:9px}.colour-stop-row{display:grid;grid-template-columns:34px 48px minmax(0,1fr) 40px;gap:8px;align-items:center}.colour-order{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.06);color:#8eeaff}.colour-picker{width:48px;height:42px;border:0;padding:0;background:transparent;cursor:pointer}.colour-hex{min-height:42px;border:1px solid rgba(18,215,255,.18);background:#050b15;color:#fff;border-radius:11px;padding:0 11px;font:inherit;text-transform:uppercase}.colour-hex.invalid{border-color:#ff2f7d}.colour-remove{width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,47,125,.22);background:rgba(255,47,125,.1);color:#ff8fbc;font-size:20px;cursor:pointer}.colour-remove:disabled{opacity:.25;cursor:not-allowed}.nickname-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.toggle-field{display:flex;align-items:center;gap:11px;border:1px solid rgba(18,215,255,.14);background:rgba(255,255,255,.035);border-radius:14px;padding:11px 13px}.toggle-field input{width:22px;height:22px;accent-color:#12d7ff}.toggle-field span{display:grid;gap:2px}.toggle-field small{color:#7f9bbb;font-size:11px}.nickname-output-block{display:grid;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07)}.nickname-output-block>div{display:flex;justify-content:space-between;gap:12px}.nickname-output-block small{color:#829ebb}.nickname-output-block textarea{min-height:112px;padding:13px;resize:vertical;line-height:1.55}.rule-list{display:grid;gap:9px;margin-top:18px}.rule-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.rule-list span{color:#88a3c1;font-size:12px}.rule-list b{text-align:right;font-size:12px}.rank-rules-card>p,.command-help-card>p{color:#a9c2df;line-height:1.55}.rank-warning{margin-top:16px;border-radius:13px;padding:12px;background:rgba(255,47,125,.12);border:1px solid rgba(255,47,125,.28);color:#ffb0cf;font-size:13px;line-height:1.45}

.wraps-workspace{display:grid;grid-template-columns:330px minmax(0,1fr) 250px;gap:18px;align-items:start}.wraps-controls,.wraps-piece-preview{padding:22px;position:sticky;top:96px}.skin-lookup-form{display:grid;gap:10px}.wrap-selector-row{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}.armour-slot-grid{display:grid;gap:8px}.armour-slot-button{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:62px;padding:8px;border-radius:14px;border:1px solid rgba(18,215,255,.12);background:rgba(255,255,255,.035);color:#fff;text-align:left;font:inherit;cursor:pointer}.armour-slot-button:hover,.armour-slot-button.equipped{border-color:rgba(18,215,255,.45);background:rgba(18,174,251,.08)}.slot-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:11px;background:#071120}.slot-icon img{width:32px;height:32px;image-rendering:pixelated}.armour-slot-button span:nth-child(2){display:grid;gap:2px}.armour-slot-button small{color:#7e9aba;font-size:11px}.armour-slot-button i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.06);font-style:normal;color:#8eeaff}.tool-wrap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tool-wrap-button{display:grid;place-items:center;gap:4px;min-height:67px;padding:6px;border-radius:12px;border:1px solid rgba(18,215,255,.12);background:rgba(255,255,255,.03);color:#bdd3ec;font:inherit;font-size:9px;cursor:pointer}.tool-wrap-button img{width:31px;height:31px;image-rendering:pixelated}.tool-wrap-button.selected,.tool-wrap-button:hover{background:linear-gradient(135deg,rgba(18,174,251,.18),rgba(255,47,125,.13));border-color:rgba(18,215,255,.45);color:#fff}.wraps-viewer-panel{padding:20px;min-width:0}.viewer-topbar{display:flex;justify-content:space-between;gap:12px;align-items:start}.viewer-topbar h2{margin-top:5px}.viewer-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.viewer-icon-button{border:1px solid rgba(18,215,255,.16);background:rgba(255,255,255,.045);color:#cbe0f7;border-radius:11px;min-height:36px;padding:0 10px;font:inherit;font-size:11px;cursor:pointer}.skin-viewer-stage{position:relative;min-height:560px;margin-top:16px;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 50% 42%,rgba(18,174,251,.16),transparent 38%),linear-gradient(180deg,#081526,#040912);border:1px solid rgba(18,215,255,.18)}#skinViewerCanvas{display:block;width:100%;height:100%;min-height:560px;touch-action:none}.held-tool-preview{position:absolute;right:10px;bottom:20px;width:min(38%,190px);z-index:4;text-align:center;pointer-events:none;filter:drop-shadow(0 16px 22px rgba(0,0,0,.45))}.held-tool-preview img{width:100%;height:auto;display:block}.held-tool-preview span{display:inline-flex;margin-top:-12px;padding:6px 9px;border-radius:999px;background:rgba(5,9,20,.8);border:1px solid rgba(18,215,255,.18);font-size:10px}.viewer-loading{position:absolute;inset:0;z-index:8;display:grid;place-content:center;justify-items:center;gap:12px;background:rgba(4,9,18,.78);backdrop-filter:blur(5px)}.viewer-loading[hidden]{display:none}.viewer-spinner{width:40px;height:40px;border-radius:50%;border:4px solid rgba(18,215,255,.15);border-top-color:#12d7ff;animation:viewerSpin .8s linear infinite}@keyframes viewerSpin{to{transform:rotate(360deg)}}.viewer-hints{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}.viewer-hints span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.04);color:#819dbd;font-size:10px}.equipped-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.equipped-summary span{color:#7894b3;font-size:11px;text-transform:uppercase}.equipped-summary b{padding:5px 8px;border-radius:8px;background:rgba(18,174,251,.09);color:#a9efff;font-size:10px}.wraps-piece-preview{text-align:center}.wraps-piece-preview .tool-kicker{text-align:left}.wraps-piece-preview h2{text-align:left}.piece-render-card{margin:20px 0 14px;padding:10px;border-radius:20px;background:radial-gradient(circle,rgba(18,174,251,.14),transparent 65%),#071120;border:1px solid rgba(18,215,255,.14)}.piece-render-card img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 22px rgba(0,0,0,.4))}.piece-render-card span{display:inline-flex;margin-top:-8px;padding:6px 11px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--pink));font-size:11px}.wraps-piece-preview>p{text-align:left;color:#9fb8d5;line-height:1.5;font-size:13px}.future-wrap-note{display:grid;gap:4px;text-align:left;padding:12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.future-wrap-note span{color:#849fbd;font-size:11px;line-height:1.4}

@media(max-width:1180px) and (min-width:981px){.desktop-nav{gap:3px}.desktop-nav a{padding:10px 9px}.discord-pill{display:none}.brand img{width:164px}.nav-actions{gap:6px}}
@media(max-width:1060px){.wraps-workspace{grid-template-columns:300px minmax(0,1fr)}.wraps-piece-preview{grid-column:1/-1;position:static;display:grid;grid-template-columns:180px 1fr;gap:18px;text-align:left}.wraps-piece-preview .tool-kicker,.wraps-piece-preview h2{grid-column:2}.piece-render-card{grid-row:1/5;margin:0}.wraps-piece-preview>p,.future-wrap-note{grid-column:2}.nickname-workspace{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:860px){.weekly-dashboard{grid-template-columns:1fr}.weekly-current-card{grid-row:auto}.weekly-heading{display:grid}.live-refresh{justify-self:start}.nickname-workspace,.wraps-workspace{grid-template-columns:1fr}.nickname-side,.wraps-controls,.wraps-piece-preview{position:static}.nickname-side{grid-template-columns:1fr 1fr}.wraps-controls{order:2}.wraps-viewer-panel{order:1}.wraps-piece-preview{order:3}.skin-viewer-stage,#skinViewerCanvas{min-height:520px}}
@media(max-width:660px){.tools-modal-box{width:100%}.weekly-current-card,.weekly-chart-card,.weekly-history-card{border-radius:20px}.weekly-current-card{padding:22px}.weekly-card-top{align-items:flex-start}.weekly-current-card h3{margin-top:22px}.weekly-progress-copy{align-items:center}.weekly-progress-copy b{font-size:19px}.weekly-history-row{grid-template-columns:28px minmax(0,1fr)}.weekly-history-row>strong{grid-column:2}.tool-hero{padding:48px 0 24px}.tool-hero h1{font-size:48px}.tool-hero p{font-size:16px}.nickname-main{padding:18px}.nickname-side{grid-template-columns:1fr}.nickname-options-grid{grid-template-columns:1fr}.nickname-preview-label{display:grid}.nickname-preview{font-size:42px}.colour-stop-row{grid-template-columns:30px 42px minmax(0,1fr) 36px}.wraps-viewer-panel{padding:12px}.viewer-topbar{display:grid}.viewer-actions{justify-content:flex-start}.skin-viewer-stage,#skinViewerCanvas{min-height:460px}.tool-wrap-grid{grid-template-columns:repeat(4,1fr)}.wraps-piece-preview{display:block}.piece-render-card{max-width:260px;margin:18px auto}.wraps-piece-preview .tool-kicker,.wraps-piece-preview h2,.wraps-piece-preview>p,.future-wrap-note{display:block}.held-tool-preview{width:42%;right:-2px}.wraps-controls{padding:18px}}

/* v3.2 — exact nickname rank rules + true 3D wrap equipment */
.legacy-palette{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(18,215,255,.12);background:rgba(255,255,255,.025)}
.legacy-palette[hidden]{display:none}
.legacy-palette span{display:grid;justify-items:center;gap:4px;min-width:0;color:#9bb7d5;font-size:9px}
.legacy-palette i{display:block;width:100%;aspect-ratio:1;border-radius:7px;background:var(--legacy-colour);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(0,0,0,.28)}
.legacy-palette b{font-size:9px;color:#d9ecff}
.tool-field input:disabled,.tool-field select:disabled,.colour-hex:disabled,.colour-picker:disabled{opacity:.46;cursor:not-allowed}
.skin-viewer-stage:after{content:"3D ARMOUR + HELD ITEM";position:absolute;left:12px;bottom:12px;z-index:3;padding:5px 8px;border-radius:999px;background:rgba(4,9,18,.72);border:1px solid rgba(18,215,255,.14);color:#7f9fbe;font-size:9px;letter-spacing:.08em;font-weight:900;pointer-events:none}
@media(max-width:660px){.legacy-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.skin-viewer-stage:after{font-size:8px}}

.wrap-selector-row .compact-tool-note{margin:0;color:#7f9dbd}.tool-empty{grid-column:1/-1;color:#7f9dbd;font-size:12px;line-height:1.45;padding:10px 4px}.armour-slot-button.unavailable{opacity:.6}.armour-slot-button.unavailable i{color:#67819f}.armour-slot-button small strong{color:#a9efff;font-weight:900}.piece-render-card img{image-rendering:pixelated}.tool-wrap-grid .tool-empty{text-align:left}

/* v3.5 per-piece armour trims */
.armour-trim-grid{display:grid;gap:9px}.armour-trim-row{display:grid;gap:8px;padding:11px;border-radius:14px;border:1px solid rgba(18,215,255,.12);background:rgba(255,255,255,.035)}.armour-trim-row.is-active{border-color:rgba(18,215,255,.34);background:rgba(18,174,251,.065)}.armour-trim-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.armour-trim-row-head b{font-size:13px}.armour-trim-row-head small{color:#7895b6;font-size:10px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.armour-trim-selects{display:grid;grid-template-columns:1fr 1fr;gap:7px}.armour-trim-selects label{display:grid;gap:4px;color:#7895b6;font-size:9px;text-transform:uppercase;letter-spacing:.055em}.armour-trim-selects select{width:100%;min-width:0;height:38px;border:1px solid rgba(18,215,255,.16);border-radius:10px;background:#050b15;color:#e9f5ff;padding:0 8px;font:inherit;font-size:10px;font-weight:900;outline:none}.armour-trim-selects select:focus{border-color:rgba(18,215,255,.58);box-shadow:0 0 0 3px rgba(18,215,255,.07)}.trim-material-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;box-shadow:0 0 0 1px rgba(255,255,255,.18)}.armour-slot-button .trim-mini{color:#ffb3d2;font-size:9px;font-weight:900}.trim-category-head{margin-bottom:10px}@media(max-width:420px){.armour-trim-selects{grid-template-columns:1fr}}

/* Stormy Wraps v3.6 — compact four-zone workspace */
.wraps-preview-page .wraps-tool-hero{padding:42px 0 24px}
.wraps-preview-page .wraps-tool-hero h1{font-size:clamp(46px,6vw,72px)}
.wraps-preview-page .wraps-tool-hero p{font-size:16px;max-width:760px}
.wraps-preview-page .wraps-workspace{
  display:grid;
  grid-template-columns:320px minmax(430px,1fr) 290px;
  grid-template-areas:
    "controls viewer piece"
    "controls trims trims";
  gap:16px;
  align-items:start;
  max-width:1320px;
}
.wraps-preview-page .wraps-controls{grid-area:controls;position:static;padding:20px}
.wraps-preview-page .wraps-viewer-panel{grid-area:viewer;padding:18px}
.wraps-preview-page .wraps-piece-preview{grid-area:piece;position:static;padding:18px;text-align:left}
.wraps-preview-page .wraps-trim-panel{grid-area:trims;padding:16px 18px}
.wraps-preview-page .tool-panel-head{margin-bottom:14px}
.wraps-preview-page .tool-panel h2{font-size:30px}
.wraps-preview-page .compact-player-note{margin:12px 0 0;font-size:12px;line-height:1.45}
.wraps-preview-page .wrap-selector-row{margin-top:16px;padding-top:14px;gap:8px}
.wraps-preview-page .wrap-selector-row .tool-field input,
.wraps-preview-page .wrap-selector-row .tool-field select{min-height:44px}
.wraps-preview-page .compact-tool-note{font-size:11px;line-height:1.4}
.wraps-preview-page .wrap-category-head{margin:16px 0 8px}
.wraps-preview-page .armour-slot-grid{gap:7px}
.wraps-preview-page .armour-slot-button{min-height:56px;padding:6px 8px;grid-template-columns:44px minmax(0,1fr) auto}
.wraps-preview-page .slot-icon{width:42px;height:42px}
.wraps-preview-page .slot-icon img{width:30px;height:30px}
.wraps-preview-page .skin-viewer-stage,
.wraps-preview-page #skinViewerCanvas{min-height:520px}
.wraps-preview-page .skin-viewer-stage{margin-top:12px}
.wraps-preview-page .viewer-hints{margin-top:9px}
.wraps-preview-page .equipped-summary{margin-top:10px;padding-top:10px}
.wraps-preview-page .selected-piece-compact h2{font-size:29px;line-height:1.02;margin-top:5px}
.wraps-preview-page .piece-render-card{margin:14px 0 10px;padding:8px;border-radius:17px}
.wraps-preview-page .piece-render-card img{max-height:180px;object-fit:contain}
.wraps-preview-page .wraps-piece-preview>div>p{color:#9fb8d5;line-height:1.45;font-size:12px;margin:8px 0 0}
.wraps-preview-page .right-tool-browser{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}
.wraps-preview-page .right-tool-browser .wrap-category-head{margin:0 0 8px}
.wraps-preview-page .tool-wrap-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.wraps-preview-page .tool-wrap-button{min-height:62px;padding:5px 3px}
.wraps-preview-page .tool-wrap-button img{width:29px;height:29px}
.wraps-preview-page .armour-trim-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.wraps-preview-page .armour-trim-row{padding:9px;gap:7px}
.wraps-preview-page .armour-trim-row-head{display:grid;gap:2px}
.wraps-preview-page .armour-trim-row-head small{text-align:left;max-width:none}
.wraps-preview-page .armour-trim-selects select{height:36px}
.wraps-preview-page .trim-category-head{margin:0 0 9px}
@media(max-width:1120px){
  .wraps-preview-page .wraps-workspace{
    grid-template-columns:300px minmax(400px,1fr);
    grid-template-areas:
      "controls viewer"
      "controls piece"
      "trims trims";
  }
  .wraps-preview-page .wraps-piece-preview{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px}
  .wraps-preview-page .selected-piece-compact{display:grid;grid-column:1;align-content:start}
  .wraps-preview-page .right-tool-browser{grid-column:2;margin-top:0;padding-top:0;border-top:0}
}
@media(max-width:820px){
  .wraps-preview-page .wraps-workspace{
    grid-template-columns:1fr;
    grid-template-areas:"viewer" "controls" "piece" "trims";
  }
  .wraps-preview-page .wraps-piece-preview{display:block}
  .wraps-preview-page .right-tool-browser{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}
  .wraps-preview-page .armour-trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .wraps-preview-page .armour-trim-grid{grid-template-columns:1fr}
  .wraps-preview-page .skin-viewer-stage,
  .wraps-preview-page #skinViewerCanvas{min-height:460px}
}
.wraps-preview-page .wraps-tool-hero{padding:30px 0 20px}
.wraps-preview-page .wraps-tool-hero h1{font-size:clamp(44px,5.4vw,64px)}
.wraps-preview-page .wraps-workspace{margin-top:18px}


/* Stormy Lagoon v3.6.1 — readable leaderboards + final idle hand transforms */
.skills-hiscores-page .leaderboard-panel{
  min-width:0;
  overflow:visible;
}
.skills-hiscores-page .leaderboard-table-wrap{
  position:relative;
  display:block;
  width:100%;
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:rgba(18,215,255,.55) rgba(255,255,255,.055);
}
.skills-hiscores-page .leaderboard-table-wrap::-webkit-scrollbar{height:11px}
.skills-hiscores-page .leaderboard-table-wrap::-webkit-scrollbar-track{background:rgba(255,255,255,.045);border-radius:999px}
.skills-hiscores-page .leaderboard-table-wrap::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--blue),var(--pink));border:3px solid #091424;border-radius:999px}
.skills-hiscores-page .leaderboard-table{
  width:100%;
  min-width:760px;
  table-layout:auto;
}
.skills-hiscores-page .leaderboard-table th,
.skills-hiscores-page .leaderboard-table td{
  white-space:nowrap;
}
.skills-hiscores-page .leaderboard-table th:nth-child(2),
.skills-hiscores-page .leaderboard-table td:nth-child(2){
  min-width:190px;
  max-width:320px;
}
.skills-hiscores-page .leaderboard-table .player-link{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:break-word;
  line-height:1.25;
}
.skills-hiscores-page .leaderboard-table th:last-child,
.skills-hiscores-page .leaderboard-table td:last-child{padding-right:20px}
.skills-hiscores-page .table-footer{min-width:0;flex-wrap:wrap}

@media(max-width:1120px){
  .skills-hiscores-page .leaderboard-panel{padding:22px}
  .skills-hiscores-page .leaderboard-table{min-width:720px}
}
@media(max-width:640px){
  .skills-hiscores-page .leaderboard-panel{padding:16px}
  .skills-hiscores-page .leaderboard-table{min-width:680px;font-size:14px}
  .skills-hiscores-page .leaderboard-table th,
  .skills-hiscores-page .leaderboard-table td{padding-left:12px;padding-right:12px}
}
.skills-hiscores-page .hiscores-shell,
.skills-hiscores-page .compact-hiscore-hero .wrap{
  width:min(1380px,calc(100% - 38px));
}


/* Stormy Lagoon v3.6.2 — handheld item model + no-cutoff hiscores */
.wraps-viewer-panel,.wraps-controls,.wraps-piece-preview,.hiscores-shell,.leaderboard-panel,.leaderboard-table-wrap,.table-tools,.leaderboard-header,.hiscores-tools,.tool-card{min-width:0}
.skills-hiscores-page .hiscores-shell,
.skills-hiscores-page .compact-hiscore-hero .wrap{width:min(1540px,calc(100% - 28px))}
.skills-only-layout{grid-template-columns:270px minmax(0,1fr) 280px!important}
.skills-hiscores-page .table-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.skills-hiscores-page .table-tools .search-box{flex:1 1 250px;min-width:220px}
.skills-hiscores-page .table-tools .btn.compact{flex:0 0 auto}
.skills-hiscores-page .leaderboard-panel{overflow:visible!important}
.skills-hiscores-page .leaderboard-table-wrap{overflow-x:auto!important;overflow-y:visible!important;max-width:100%}
.skills-hiscores-page .leaderboard-table{min-width:760px}
.skills-hiscores-page .leaderboard-header{flex-wrap:wrap}
.skills-hiscores-page .board-stat-card{flex:0 0 auto}
.skills-hiscores-page .leaderboard-table th,
.skills-hiscores-page .leaderboard-table td{white-space:nowrap}
.skills-hiscores-page .leaderboard-table th:nth-child(2),
.skills-hiscores-page .leaderboard-table td:nth-child(2),
.skills-hiscores-page .leaderboard-table .player-link{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}
@media(max-width:1280px){
  .skills-only-layout{grid-template-columns:250px minmax(0,1fr)!important}
  .skills-hiscores-page .hiscores-tools{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .skills-hiscores-page .hiscores-shell,
  .skills-hiscores-page .compact-hiscore-hero .wrap{width:min(100%,calc(100% - 18px))}
  .skills-hiscores-page .table-tools .search-box{flex:1 1 100%;min-width:0}
}

.wraps-preview-page .variant-browser{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.wraps-preview-page .variant-browser-head{margin:0 0 8px}
.wraps-preview-page .variant-controls{display:flex;gap:6px}
.wraps-preview-page .variant-strip{grid-template-columns:repeat(4,minmax(0,1fr));max-height:260px;overflow:auto;padding-right:2px}
.wraps-preview-page .variant-thumb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

/* v3.7.1 compact grouped variants */
.wraps-preview-page .right-tool-browser[hidden]{display:none!important}
.wraps-preview-page .variant-browser{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.wraps-preview-page .variant-strip{grid-template-columns:repeat(5,minmax(0,1fr));max-height:230px;overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 2px 0;scrollbar-width:thin}
.wraps-preview-page .variant-thumb{min-height:58px}
.wraps-preview-page .variant-thumb img{width:27px;height:27px}
.wraps-preview-page .variant-heavy.wraps-workspace .wraps-piece-preview{max-height:690px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.wraps-preview-page .variant-heavy .variant-strip{max-height:360px}
@media(max-width:520px){.wraps-preview-page .variant-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* v3.7.2 refined grouped browser */
.wraps-preview-page .variant-strip{grid-template-columns:repeat(5,minmax(0,1fr));max-height:224px;border-radius:12px;background:rgba(3,10,20,.35);padding:6px}
.wraps-preview-page .variant-heavy .variant-strip{max-height:330px}
.wraps-preview-page .variant-heavy.wraps-workspace .wraps-piece-preview{max-height:650px}
.wraps-preview-page .variant-thumb{min-height:54px;border-radius:10px}
.wraps-preview-page .variant-thumb img{width:25px;height:25px}


/* v3.7.3 variant toggles and preview-asset deterrents */
.wraps-preview-page .variant-controls .mini-action{white-space:nowrap}
.wraps-preview-page .variant-controls .mini-action:disabled{opacity:.45;cursor:not-allowed}
.wraps-preview-page .variant-thumb.previewing:not(.selected){box-shadow:inset 0 0 0 1px rgba(66,214,255,.42)}
.wraps-preview-page .piece-render-card,
.wraps-preview-page .skin-viewer-stage,
.wraps-preview-page .tool-wrap-grid{-webkit-user-select:none;user-select:none}
.wraps-preview-page img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}
.wraps-preview-page .tool-wrap-button img,
.wraps-preview-page .piece-render-card img{pointer-events:none}
.wraps-preview-page .piece-render-card{position:relative;overflow:hidden}





/* v3.7.10: no watermark is drawn over the interactive 3D viewer.
   Flat armour/tool preview images contain one baked, centered SL mark. */

/* Wrap preview artist credit — v3.7.11 */
.wrap-footer-credit{max-width:980px;text-align:center;padding:0 20px 18px;color:#91a9c7}
.wrap-footer-credit p{margin:0;font-size:13px;line-height:1.6;color:#91a9c7}
.wrap-footer-credit span{color:#cfe3f8;font-weight:1000;text-transform:uppercase;letter-spacing:.045em;font-size:11px}
.wrap-footer-credit strong{color:#e8f4ff}
.wrap-footer-credit a{color:#69dfff;font-weight:1000;text-decoration:none}
.wrap-footer-credit a:hover{color:#fff;text-decoration:underline}
.wrap-footer-credit small{display:block;margin-top:3px;color:#7089a7;font-size:11px}
.compact-footer .footer-bottom{margin-top:0}


/* v3.7.13 — shareable player profile pages */
.player-link-with-avatar{display:inline-flex;align-items:center;gap:9px}
.profile-full-link,.profile-leaderboards-link,.profile-share-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:11px;border:1px solid rgba(18,215,255,.2);background:rgba(18,174,251,.08);color:#bdeeff;text-decoration:none;font:inherit;font-size:12px;font-weight:1000;cursor:pointer}
.profile-full-link:hover,.profile-leaderboards-link:hover,.profile-share-button:hover{border-color:rgba(18,215,255,.5);background:rgba(18,174,251,.14);color:#fff}
.profile-action-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px}
.profile-page-hero{padding:58px 0 44px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 18% 0%,rgba(18,174,251,.22),transparent 38%),radial-gradient(circle at 86% 10%,rgba(255,47,125,.18),transparent 40%),linear-gradient(90deg,rgba(8,31,53,.8),rgba(36,8,29,.65))}
.profile-page-hero-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:42px;align-items:end}
.profile-page-hero .eyebrow{margin:8px 0 14px}
.profile-page-hero h1{font-family:'Baloo 2',Nunito,sans-serif;font-size:clamp(46px,6vw,78px);line-height:.92;letter-spacing:-.045em;margin:0 0 12px}
.profile-page-hero p{max-width:720px;color:#bdd4ef;font-size:18px;line-height:1.55;margin:0}
.profile-lookup-form{display:grid;gap:8px;padding:18px;border:1px solid rgba(18,215,255,.16);border-radius:18px;background:rgba(5,12,24,.72);box-shadow:0 18px 55px rgba(0,0,0,.24)}
.profile-lookup-form label{color:#8eeaff;text-transform:uppercase;letter-spacing:.055em;font-size:11px;font-weight:1000}
.profile-lookup-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.profile-lookup-form input{min-width:0;height:46px;border-radius:13px;border:1px solid rgba(18,215,255,.18);background:#050b15;color:#fff;padding:0 14px;font:inherit;outline:none}
.profile-lookup-form input:focus{border-color:rgba(18,215,255,.6);box-shadow:0 0 0 3px rgba(18,215,255,.08)}
.profile-lookup-form small{color:#7895b6;font-size:11px}
.profile-page-surface{padding:42px 0 86px}
.profile-page-card{background:linear-gradient(180deg,rgba(16,29,49,.98),rgba(8,15,28,.98));border:1px solid var(--line);border-radius:26px;padding:clamp(22px,4vw,40px);box-shadow:0 28px 90px rgba(0,0,0,.3);min-height:380px}
.profile-page-identity{align-items:center;padding:0 0 28px;border-bottom:1px solid rgba(255,255,255,.07)}
.profile-page-avatar{width:96px;height:96px;border-radius:18px;image-rendering:pixelated;background:#101d31;border:1px solid rgba(142,234,255,.34);box-shadow:0 15px 36px rgba(0,0,0,.32)}
.profile-page-name{font-family:'Baloo 2',Nunito,sans-serif;font-size:clamp(44px,6vw,70px)!important;line-height:.92!important;margin:8px 0 7px!important}
.profile-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 30px}
.profile-summary-card{display:grid;gap:3px;padding:17px;border-radius:16px;border:1px solid rgba(18,215,255,.13);background:rgba(255,255,255,.035)}
.profile-summary-card span{color:#7f9dbd;font-size:10px;text-transform:uppercase;letter-spacing:.065em}
.profile-summary-card strong{font-family:'Baloo 2',Nunito,sans-serif;font-size:27px;line-height:1.05;color:#fff}
.profile-summary-card small{color:#9fb7d4;font-size:11px}
.profile-sections-page{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;align-items:start}
.profile-data-section{min-width:0}
.profile-sections-page .profile-data-section:first-child{grid-column:1/-1}
.profile-sections-page .profile-data-section:first-child .profile-board-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.profile-sections-page .profile-board-row{grid-template-columns:minmax(0,1.35fr) .65fr .65fr .9fr}
.profile-sections-page .profile-board-row.profile-stat-row{grid-template-columns:minmax(0,1.25fr) .65fr .9fr}
.profile-loading-state{min-height:310px;display:grid;place-content:center;justify-items:center;gap:13px;color:#bdd4ef;text-align:center}
.profile-loading-spinner{width:42px;height:42px;border-radius:50%;border:4px solid rgba(18,215,255,.13);border-top-color:#12d7ff;animation:viewerSpin .8s linear infinite}
.profile-empty-state{min-height:310px;display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;max-width:680px;margin:auto}
.profile-empty-state h1,.profile-empty-state h3{font-family:'Baloo 2',Nunito,sans-serif;font-size:clamp(38px,5vw,60px);line-height:.95;margin:0}
.profile-empty-state p{color:#a9c0dc;line-height:1.6;margin:0 0 8px}
@media(max-width:900px){.profile-page-hero-inner{grid-template-columns:1fr}.profile-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-sections-page{grid-template-columns:1fr}.profile-sections-page .profile-data-section:first-child{grid-column:auto}.profile-sections-page .profile-data-section:first-child .profile-board-grid{grid-template-columns:1fr}}
@media(max-width:620px){.profile-page-hero{padding:38px 0 30px}.profile-page-hero h1{font-size:46px}.profile-lookup-form>div{grid-template-columns:1fr}.profile-lookup-form .btn{width:100%}.profile-page-surface{padding:22px 0 58px}.profile-page-card{padding:18px;border-radius:20px}.profile-page-identity{align-items:flex-start}.profile-page-avatar{width:68px;height:68px;border-radius:13px}.profile-summary-grid{grid-template-columns:1fr 1fr}.profile-summary-card strong{font-size:22px}.profile-sections-page .profile-board-row,.profile-sections-page .profile-board-row.profile-stat-row{grid-template-columns:1fr 1fr}.profile-sections-page .profile-board-row b,.profile-sections-page .profile-board-row.profile-stat-row b{grid-column:1/-1}}
@media(max-width:420px){.profile-summary-grid{grid-template-columns:1fr}.profile-page-identity{display:grid}.profile-action-row>*{width:100%}}


/* Stormy Lagoon v3.8.0 — Tags and ChatGames leaderboard detail lines */
.skills-hiscores-page .metric-cell{font-weight:1000;color:#ffd36a}
.skills-hiscores-page .metric-cell .metric-subline{display:block;margin-top:3px;color:#8fa9c4;font-size:10px;font-weight:800;white-space:normal}

/* Stormy Lagoon v3.8.1 — profile placement, mobile hiscores, and Skin Studio */
.player-profile-page main{padding-top:0}
.player-profile-page .profile-page-hero-empty{height:260px;min-height:260px;padding:0}
.player-profile-page .profile-page-surface{padding:42px 0 86px}
.player-profile-page .profile-page-card{position:relative}
.player-profile-page .profile-card-lookup{
  position:absolute;
  top:28px;
  right:28px;
  z-index:4;
  width:min(365px,calc(100% - 56px));
}
.player-profile-page .profile-page-identity{
  min-height:132px;
  padding-right:410px;
}
.player-profile-page #playerProfileResults>.profile-loading-state{padding-top:96px}
.player-profile-page #playerProfileResults>.profile-empty-state{padding-top:96px}

/* Mobile hiscores become readable cards instead of a clipped desktop table. */
@media(max-width:860px){
  .skills-hiscores-page .hiscores-shell,
  .skills-hiscores-page .compact-hiscore-hero .wrap{width:min(100% - 20px,760px)!important}
  .skills-hiscores-page .hiscores-layout,
  .skills-only-layout{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;min-width:0!important}
  .skills-hiscores-page .hiscores-sidebar{order:1;width:100%;max-width:none;max-height:none;overflow:visible;position:static;border-radius:22px}
  .skills-hiscores-page .leaderboard-panel{order:2;width:100%;max-width:100%;min-width:0!important;padding:18px 14px;border-radius:22px;display:flex;flex-direction:column;overflow:hidden!important}
  .skills-hiscores-page .hiscores-tools{order:3;width:100%;display:none!important}
  .skills-hiscores-page .sidebar-banner{font-size:30px;padding:17px 18px}
  .skills-hiscores-page .board-list{padding:12px;gap:10px}
  .skills-hiscores-page .board-section{gap:7px}
  .skills-hiscores-page .board-section-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .skills-hiscores-page .board-button{min-width:0;min-height:48px;height:auto;padding:9px 11px;white-space:normal;line-height:1.15;overflow-wrap:anywhere}
  .skills-hiscores-page .board-button .board-icon{flex:0 0 24px}
  .skills-hiscores-page .leaderboard-header{order:1;margin-bottom:14px}
  .skills-hiscores-page .leaderboard-header h2{font-size:38px}
  .skills-hiscores-page .board-stat-card{min-width:0;width:100%;padding:14px}
  .skills-hiscores-page .leaderboard-table-wrap{order:2;width:100%;max-width:100%;overflow:visible!important;border:0;background:transparent;border-radius:0}
  .skills-hiscores-page .hiscore-pager{order:3;display:grid!important;grid-template-columns:1fr auto 1fr;gap:8px;width:100%;margin:14px 0 0}
  .skills-hiscores-page .hiscore-pager .btn{width:100%;min-width:0;padding:0 10px;font-size:12px}
  .skills-hiscores-page #pageInfo{display:grid;place-items:center;min-width:92px;width:auto;font-size:12px}
  .skills-hiscores-page .table-footer{order:4;justify-content:center;text-align:center;margin-top:10px}
  .skills-hiscores-page .table-tools{order:5;display:grid!important;grid-template-columns:1fr!important;gap:10px;width:100%;margin:18px 0 0;padding:16px;border-radius:18px;border:1px solid rgba(18,215,255,.14);background:rgba(255,255,255,.03)}
  .skills-hiscores-page .table-tools .search-box{min-width:0!important;width:100%}
  .skills-hiscores-page .table-tools .btn{width:100%}
  .skills-hiscores-page .leaderboard-table,
  .skills-hiscores-page .leaderboard-table tbody,
  .skills-hiscores-page .leaderboard-table tr,
  .skills-hiscores-page .leaderboard-table td{display:block;width:100%;min-width:0!important;max-width:none!important}
  .skills-hiscores-page .leaderboard-table{min-width:0!important;border-collapse:separate;font-size:14px}
  .skills-hiscores-page .leaderboard-table thead{display:none}
  .skills-hiscores-page .leaderboard-table tbody{display:grid;gap:11px}
  .skills-hiscores-page .leaderboard-table tr{padding:12px 14px;border:1px solid rgba(18,215,255,.16);border-radius:17px;background:linear-gradient(180deg,rgba(16,29,49,.96),rgba(8,15,28,.96));box-shadow:0 12px 28px rgba(0,0,0,.14)}
  .skills-hiscores-page .leaderboard-table td{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0!important;border:0!important;border-radius:0!important;background:transparent!important;white-space:normal!important;text-align:right;overflow-wrap:anywhere}
  .skills-hiscores-page .leaderboard-table td+td{border-top:1px solid rgba(255,255,255,.055)!important}
  .skills-hiscores-page .leaderboard-table td:before{content:attr(data-label);flex:0 0 auto;color:#7898ba;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:1000;text-align:left}
  .skills-hiscores-page .leaderboard-table td.player-cell{align-items:flex-start}
  .skills-hiscores-page .leaderboard-table td.player-cell .player-link{margin-left:auto;justify-content:flex-end;text-align:right;min-width:0}
  .skills-hiscores-page .leaderboard-table td.empty-cell{display:block;text-align:center;padding:20px!important}
  .skills-hiscores-page .leaderboard-table td.empty-cell:before{display:none}
}
@media(max-width:520px){
  .skills-hiscores-page .board-section-items{grid-template-columns:1fr}
  .skills-hiscores-page .hiscore-pager{grid-template-columns:1fr 1fr}
  .skills-hiscores-page #pageInfo{grid-column:1/-1;grid-row:1}
  .skills-hiscores-page #pagePrev{grid-column:1;grid-row:2}
  .skills-hiscores-page #pageNext{grid-column:2;grid-row:2}
}

@media(max-width:1050px){
  .player-profile-page .profile-page-hero-empty{height:110px;min-height:110px}
  .player-profile-page .profile-page-surface{padding:22px 0 58px}
  .player-profile-page .profile-card-lookup{position:static;width:100%;margin-bottom:22px}
  .player-profile-page .profile-page-identity{min-height:0;padding-right:0}
  .player-profile-page #playerProfileResults>.profile-loading-state,
  .player-profile-page #playerProfileResults>.profile-empty-state{padding-top:0}
}

/* Minecraft Skin Studio */
.skin-upload-row{display:grid;grid-template-columns:1fr;gap:8px;margin-top:9px}
.skin-upload-row input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skin-upload-label{width:100%;min-height:42px}
.wraps-preview-page .wraps-workspace{
  grid-template-areas:
    "controls viewer piece"
    "controls studio studio"
    "controls trims trims";
}
.wraps-preview-page .wraps-studio-panel{grid-area:studio;padding:18px}
.studio-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.studio-panel-head h2{margin:4px 0 5px}
.studio-panel-head p{margin:0;color:#8da9c8;font-size:12px;line-height:1.5;max-width:650px}
.studio-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;align-items:end}
.studio-export-group{display:grid;gap:7px}
.studio-export-group>span{color:#a9c1de;font-size:12px;text-transform:uppercase;letter-spacing:.055em}
.studio-export-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.studio-export-actions .btn{min-width:0;padding:0 11px;font-size:12px}
.skin-viewer-stage[data-background="lagoon"]{background:radial-gradient(circle at 50% 38%,rgba(18,174,251,.16),transparent 42%),#07111f}
.skin-viewer-stage[data-background="ocean"]{background:radial-gradient(circle at 50% 38%,rgba(65,224,255,.18),transparent 44%),#06283d}
.skin-viewer-stage[data-background="sunset"]{background:radial-gradient(circle at 54% 38%,rgba(255,143,106,.2),transparent 46%),#35112e}
.skin-viewer-stage[data-background="void"]{background:radial-gradient(circle at 50% 40%,rgba(120,96,255,.15),transparent 45%),#050914}
.skin-viewer-stage[data-background="green"]{background:#149447}
@media(max-width:1120px){
  .wraps-preview-page .wraps-workspace{grid-template-areas:"controls viewer" "controls piece" "studio studio" "trims trims"}
}
@media(max-width:820px){
  .wraps-preview-page .wraps-workspace{grid-template-areas:"viewer" "studio" "controls" "piece" "trims"}
  .studio-controls-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .studio-panel-head{display:grid}
  .studio-controls-grid{grid-template-columns:1fr}
  .studio-export-group{grid-column:auto}
  .studio-export-actions{grid-template-columns:1fr}
}


/* v3.8.1 comparison form lives inside the modal so it works on mobile. */
.compare-entry-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin:18px 0 20px;padding:14px;border-radius:16px;border:1px solid rgba(18,215,255,.14);background:rgba(255,255,255,.03)}
.compare-entry-grid label{display:grid;gap:6px;color:#8fa9c7;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.compare-entry-grid input{width:100%;min-width:0;height:44px;border:1px solid rgba(18,215,255,.18);background:#050b15;color:#fff;border-radius:12px;padding:0 12px;font:inherit;outline:none}
.compare-entry-grid input:focus{border-color:rgba(18,215,255,.6);box-shadow:0 0 0 3px rgba(18,215,255,.08)}
@media(max-width:760px){.compare-entry-grid{grid-template-columns:1fr}.compare-entry-grid .btn{width:100%}}


/* Stormy Lagoon v3.8.2 — compact readable mobile hiscores and pose-only Skin Studio */
.player-name-fallback{display:grid;gap:2px;min-width:0;text-align:left}
.player-name-fallback b{font-size:14px;color:#fff}
.player-name-fallback small{font-size:10px;color:#7898ba;overflow-wrap:anywhere;word-break:break-all}

@media(max-width:860px){
  .skills-hiscores-page .leaderboard-table tbody{display:grid!important;gap:12px!important}
  .skills-hiscores-page .leaderboard-table tr{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 14px!important;
    width:100%!important;
    padding:14px!important;
    overflow:hidden!important;
  }
  .skills-hiscores-page .leaderboard-table td{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:start!important;
    justify-content:stretch!important;
    gap:4px!important;
    min-width:0!important;
    padding:10px 0!important;
    text-align:left!important;
    overflow:hidden!important;
  }
  .skills-hiscores-page .leaderboard-table td:before{
    display:block!important;
    width:auto!important;
    margin:0!important;
    text-align:left!important;
  }
  .skills-hiscores-page .leaderboard-table td.player-cell{
    grid-column:1/-1!important;
    order:-2!important;
    padding-top:2px!important;
    padding-bottom:13px!important;
    border-top:0!important;
  }
  .skills-hiscores-page .leaderboard-table td.player-cell .player-link{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:11px!important;
    text-align:left!important;
    min-width:0!important;
  }
  .skills-hiscores-page .leaderboard-table td.player-cell .player-link>span{
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  .skills-hiscores-page .leaderboard-table td.rank-cell{order:-1!important}
  .skills-hiscores-page .leaderboard-table td:last-child{
    grid-column:1/-1!important;
    color:#8fa9c4!important;
    font-size:12px!important;
  }
  .skills-hiscores-page .leaderboard-table td+td{border-top:1px solid rgba(255,255,255,.055)!important}
  .skills-hiscores-page .leaderboard-table .metric-cell,
  .skills-hiscores-page .leaderboard-table .rank-cell,
  .skills-hiscores-page .leaderboard-table .level-pill{font-size:16px!important}
  .skills-hiscores-page .leaderboard-table .metric-subline{font-size:10px!important}
  .skills-hiscores-page .table-tools{margin-top:16px!important}
}
@media(max-width:420px){
  .skills-hiscores-page .leaderboard-table tr{grid-template-columns:1fr!important}
  .skills-hiscores-page .leaderboard-table td,
  .skills-hiscores-page .leaderboard-table td.player-cell,
  .skills-hiscores-page .leaderboard-table td:last-child{grid-column:1!important}
}

.wraps-preview-page .studio-controls-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}
@media(max-width:560px){.wraps-preview-page .studio-controls-grid{grid-template-columns:1fr}}

/* Stormy Lagoon v3.9.0 — complete PlayerStats catalog explorer */
.playerstats-browser[hidden]{display:none!important}
.playerstats-mode .skills-only-layout{grid-template-columns:270px minmax(0,1fr)!important}
.playerstats-mode .hiscores-tools{display:none!important}
.playerstats-mode .leaderboard-panel{max-width:none}
.skills-hiscores-page .board-stat-card small{display:block;margin-top:4px;color:#7898ba;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.055em}
.playerstats-browser{margin:0 0 18px;padding:18px;border:1px solid rgba(18,215,255,.18);border-radius:20px;background:linear-gradient(145deg,rgba(18,174,251,.065),rgba(255,47,125,.035) 52%,rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.playerstats-browser-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.playerstats-browser-head h3{font-family:'Baloo 2',Nunito,sans-serif;font-size:30px;line-height:1;margin:3px 0 6px}
.playerstats-browser-head p{max-width:720px;margin:0;color:#9fb7d4;font-size:13px;line-height:1.5}
.playerstats-catalog-count{flex:0 0 auto;min-width:112px;padding:12px 14px;border:1px solid rgba(18,215,255,.18);border-radius:15px;background:rgba(5,11,21,.48);text-align:center}
.playerstats-catalog-count span{display:block;color:#7898ba;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.playerstats-catalog-count b{display:block;margin-top:3px;font-family:'Baloo 2';font-size:28px;line-height:1;color:#fff}
.playerstats-filter-row{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end}
.playerstats-stat-search{display:grid;gap:6px;min-width:0;color:#8fa9c7;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}
.playerstats-stat-search input{width:100%;min-width:0;height:46px;border:1px solid rgba(18,215,255,.2);border-radius:13px;background:#050b15;color:#fff;padding:0 14px;font:inherit;outline:none}
.playerstats-stat-search input:focus{border-color:rgba(18,215,255,.62);box-shadow:0 0 0 3px rgba(18,215,255,.08)}
.playerstats-type-filters{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.playerstats-type-filters button{min-height:38px;padding:0 11px;border:1px solid rgba(18,215,255,.14);border-radius:999px;background:rgba(255,255,255,.04);color:#a9c1de;font:inherit;font-size:11px;font-weight:1000;cursor:pointer;white-space:nowrap}
.playerstats-type-filters button:hover{border-color:rgba(18,215,255,.42);color:#fff}
.playerstats-type-filters button.active{border-color:rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(18,174,251,.82),rgba(255,47,125,.78));color:#fff;box-shadow:0 8px 22px rgba(18,174,251,.12)}
.playerstats-catalog-status{display:flex;justify-content:space-between;gap:14px;margin:14px 1px 10px;color:#7898ba;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.055em}
#playerStatsSelectedRaw{max-width:52%;text-align:right;overflow-wrap:anywhere}
.playerstats-catalog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto;padding:2px 4px 2px 0;scrollbar-width:thin;scrollbar-color:rgba(18,215,255,.5) rgba(255,255,255,.04)}
.playerstats-stat-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;min-height:66px;padding:10px 11px;border:1px solid rgba(18,215,255,.12);border-radius:14px;background:rgba(5,11,21,.46);color:#dcecff;text-align:left;font:inherit;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}
.playerstats-stat-card:hover{transform:translateY(-1px);border-color:rgba(18,215,255,.4);background:rgba(18,174,251,.075)}
.playerstats-stat-card.active{border-color:rgba(255,255,255,.2);background:linear-gradient(135deg,rgba(18,174,251,.2),rgba(255,47,125,.17));box-shadow:0 10px 26px rgba(0,0,0,.18),inset 3px 0 0 #12d7ff}
.playerstats-stat-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.055);font-size:18px}
.playerstats-stat-copy{display:grid;gap:2px;min-width:0}
.playerstats-stat-copy b{font-size:12px;line-height:1.25;overflow-wrap:anywhere}
.playerstats-stat-copy small{color:#7898ba;font-size:9px;line-height:1.3;overflow-wrap:anywhere}
.playerstats-stat-arrow{color:#59dcff;font-weight:1000}
.playerstats-catalog-empty{grid-column:1/-1;display:grid;gap:4px;place-items:center;min-height:112px;padding:20px;border:1px dashed rgba(18,215,255,.18);border-radius:14px;color:#a9c1de;text-align:center}
.playerstats-catalog-empty b{color:#fff}
.playerstats-catalog-empty span{font-size:12px}
.playerstats-catalog-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}
.playerstats-catalog-pager span{min-width:120px;color:#9fb7d4;font-size:11px;font-weight:1000;text-align:center}
.playerstats-catalog-pager button:disabled{opacity:.42;cursor:not-allowed}
.playerstats-mode .leaderboard-header h2{font-size:clamp(34px,4vw,52px)}
.playerstats-mode .leaderboard-table.playerstats-board{min-width:620px}

@media(max-width:1180px){
  .playerstats-catalog-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .playerstats-filter-row{grid-template-columns:1fr}
  .playerstats-type-filters{justify-content:flex-start}
}
@media(max-width:860px){
  .playerstats-mode .playerstats-browser{order:2;margin-bottom:14px;padding:14px}
  .playerstats-mode .leaderboard-table-wrap{order:3!important}
  .playerstats-mode .hiscore-pager{order:4!important}
  .playerstats-mode .table-footer{order:5!important}
  .playerstats-mode .table-tools{order:6!important}
  .playerstats-browser-head{display:grid}
  .playerstats-catalog-count{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}
  .playerstats-catalog-count b{font-size:24px}
  .playerstats-catalog-status{display:grid;gap:5px}
  #playerStatsSelectedRaw{max-width:none;text-align:left}
  .playerstats-catalog-list{grid-template-columns:1fr;max-height:430px}
  .playerstats-type-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .playerstats-type-filters button:first-child{grid-column:1/-1}
  .playerstats-stat-card{min-height:62px}
  .playerstats-catalog-pager{display:grid;grid-template-columns:1fr 1fr}
  .playerstats-catalog-pager span{grid-column:1/-1;grid-row:1;min-width:0}
  .playerstats-catalog-pager button:first-child{grid-column:1;grid-row:2}
  .playerstats-catalog-pager button:last-child{grid-column:2;grid-row:2}
}
@media(max-width:420px){
  .playerstats-type-filters{grid-template-columns:1fr}
  .playerstats-type-filters button:first-child{grid-column:auto}
  .playerstats-stat-card{grid-template-columns:34px minmax(0,1fr)}
  .playerstats-stat-arrow{display:none}
}

/* Stormy Lagoon v3.9.3 — reliable category dividers */
.skills-hiscores-page .board-section-toggle{
  display:grid;
  grid-template-columns:minmax(12px,1fr) max-content 16px minmax(12px,1fr);
  align-items:center;
  column-gap:8px;
}
.skills-hiscores-page .board-section-toggle:before,
.skills-hiscores-page .board-section-toggle:after{
  align-self:center;
  width:100%;
  min-width:12px;
  order:initial;
}
.skills-hiscores-page .board-section-toggle:before{grid-column:1}
.skills-hiscores-page .board-section-toggle span:first-of-type{grid-column:2;order:initial;min-width:0}
.skills-hiscores-page .board-section-caret{grid-column:3;order:initial}
.skills-hiscores-page .board-section-toggle:after{grid-column:4}


/* Stormy Lagoon v3.9.7 — linked profile boards + scrollable PlayerStats #1 positions */
.profile-board-link{position:relative;padding-right:38px;color:inherit;text-decoration:none;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}
.profile-board-link:after{content:"→";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#59dcff;font-size:15px;font-weight:1000;transition:transform .14s ease,color .14s ease}
.profile-board-link:hover{transform:translateY(-1px);border-color:rgba(18,215,255,.42);background:rgba(18,174,251,.085);box-shadow:0 10px 24px rgba(0,0,0,.14)}
.profile-board-link:hover:after{transform:translate(2px,-50%);color:#fff}
.profile-board-link:focus-visible{outline:2px solid #12d7ff;outline-offset:2px}

.profile-playerstats-slot{display:flex;align-items:center;justify-content:center;gap:11px;min-height:92px;margin-top:24px;border:1px dashed rgba(18,215,255,.16);border-radius:18px;color:#9fb7d4;font-size:12px}
.profile-playerstats-slot .profile-loading-spinner{width:28px;height:28px;border-width:3px}
.profile-playerstats-firsts{margin-top:26px}
.profile-playerstats-panel{padding:18px;border:1px solid rgba(18,215,255,.18);border-radius:20px;background:linear-gradient(145deg,rgba(18,174,251,.065),rgba(255,47,125,.035) 52%,rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.profile-playerstats-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}
.profile-playerstats-head h2{margin:2px 0 5px;font-family:'Baloo 2',Nunito,sans-serif;font-size:28px;line-height:1;color:#fff}
.profile-playerstats-head p{max-width:720px;margin:0;color:#9fb7d4;font-size:12px;line-height:1.5}
.profile-playerstats-count{flex:0 0 auto;min-width:112px;padding:12px 14px;border:1px solid rgba(18,215,255,.18);border-radius:15px;background:rgba(5,11,21,.48);text-align:center}
.profile-playerstats-count span{display:block;color:#7898ba;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.profile-playerstats-count b{display:block;margin-top:3px;font-family:'Baloo 2',Nunito,sans-serif;font-size:28px;line-height:1;color:#fff}
.profile-playerstats-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto;padding:2px 4px 2px 0;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(18,215,255,.5) rgba(255,255,255,.04)}
.profile-playerstats-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;min-height:66px;padding:10px 11px;border:1px solid rgba(18,215,255,.12);border-radius:14px;background:rgba(5,11,21,.46);color:#dcecff;text-decoration:none;transition:transform .14s ease,border-color .14s ease,background .14s ease}
.profile-playerstats-card:hover{transform:translateY(-1px);border-color:rgba(18,215,255,.4);background:rgba(18,174,251,.075)}
.profile-playerstats-card:focus-visible{outline:2px solid #12d7ff;outline-offset:2px}
.profile-playerstats-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.055);font-size:18px}
.profile-playerstats-copy{display:grid;gap:2px;min-width:0}
.profile-playerstats-copy b{font-size:12px;line-height:1.25;overflow-wrap:anywhere}
.profile-playerstats-copy small{color:#7898ba;font-size:9px;line-height:1.3;overflow-wrap:anywhere}
.profile-playerstats-value{display:grid;gap:1px;min-width:72px;text-align:right}
.profile-playerstats-value b{color:#ffd36a;font-size:12px;white-space:nowrap}
.profile-playerstats-value small{color:#7898ba;font-size:8px;white-space:nowrap}

@media(max-width:1180px){.profile-playerstats-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .profile-board-link{padding-right:34px}
  .profile-playerstats-head{display:grid}
  .profile-playerstats-count{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}
  .profile-playerstats-count b{font-size:24px}
  .profile-playerstats-list{grid-template-columns:1fr;max-height:430px}
}
@media(max-width:420px){
  .profile-playerstats-panel{padding:14px}
  .profile-playerstats-card{grid-template-columns:34px minmax(0,1fr)}
  .profile-playerstats-value{grid-column:2;text-align:left;min-width:0}
}

/* Stormy Lagoon v3.9.12 — player-facing hiscores cleanup + themed scrollbars */
html,
body,
*{
  scrollbar-width:thin;
  scrollbar-color:rgba(18,174,251,.72) rgba(7,17,32,.72);
}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:rgba(7,17,32,.82);border-radius:999px}
*::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(18,215,255,.86),rgba(18,174,251,.82) 48%,rgba(255,47,125,.76));
  border:2px solid rgba(7,17,32,.92);
  border-radius:999px;
}
*::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,var(--cyan),var(--blue) 48%,var(--pink));
}
*::-webkit-scrollbar-corner{background:#071120}
*::-webkit-scrollbar-button{width:0;height:0;display:none}

.skills-hiscores-page .compact-hiscore-hero{padding-bottom:18px}
.skills-hiscores-page .compact-hiscore-hero h1{margin-bottom:0}
.skills-hiscores-page .leaderboard-header{margin-bottom:16px;align-items:center}
.skills-hiscores-page .leaderboard-header h2{margin-bottom:0}
.skills-hiscores-page #boardDescription{display:none!important}
.skills-hiscores-page .table-footer{display:none!important}
.skills-hiscores-page .tool-card-action{display:grid;gap:8px}
.skills-hiscores-page .tool-card-action h3{margin-bottom:2px}

.skills-hiscores-page .board-notice{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:-2px 0 16px;
  padding:9px 12px;
  border:1px solid rgba(18,215,255,.18);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(18,174,251,.075),rgba(255,47,125,.055));
  color:#dcedff;
}
.skills-hiscores-page .board-notice[hidden]{display:none!important}
.skills-hiscores-page .board-notice-icon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:9px;
  background:rgba(18,215,255,.1);
  color:var(--cyan);
  font-size:16px;
  font-weight:1000;
}
.skills-hiscores-page .board-notice>span:last-child{display:grid;line-height:1.08}
.skills-hiscores-page .board-notice b{font-size:12px;color:#eef8ff}
.skills-hiscores-page .board-notice small{margin-top:3px;color:#90acc8;font-size:10px;font-weight:900}

.skills-hiscores-page .hiscores-sidebar,
.skills-hiscores-page .profile-box,
.skills-hiscores-page .compare-box,
.skills-hiscores-page .playerstats-catalog-list,
.wraps-preview-page .variant-strip,
.wraps-preview-page .wraps-piece-preview{
  scrollbar-color:rgba(18,174,251,.78) rgba(7,17,32,.88);
}

@media(max-width:900px){
  .skills-hiscores-page .board-notice{width:100%;margin-top:0}
}
.skills-hiscores-page .playerstats-catalog-status{display:none!important}

/* Stormy Lagoon v3.9.14 — Minecraft-style player autocomplete */
.player-autocomplete-menu{
  position:fixed;
  z-index:10000;
  overflow:hidden;
  border:1px solid rgba(18,215,255,.28);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(15,29,49,.995),rgba(6,13,25,.995));
  box-shadow:0 24px 70px rgba(0,0,0,.52),0 0 0 1px rgba(255,47,125,.055),0 0 34px rgba(18,174,251,.08);
  backdrop-filter:blur(18px);
}
.player-autocomplete-menu[hidden]{display:none!important}
.player-autocomplete-list{
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:6px;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:rgba(18,174,251,.78) rgba(7,17,32,.88);
}
.player-autocomplete-option{
  width:100%;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 24px;
  align-items:center;
  gap:9px;
  min-height:46px;
  padding:6px 8px;
  border:1px solid transparent;
  border-radius:11px;
  background:transparent;
  color:#eef8ff;
  font:inherit;
  font-weight:900;
  text-align:left;
  cursor:pointer;
  transition:background .12s ease,border-color .12s ease,transform .12s ease;
}
.player-autocomplete-option:hover,.player-autocomplete-option.is-active{
  border-color:rgba(18,215,255,.26);
  background:linear-gradient(90deg,rgba(18,174,251,.13),rgba(255,47,125,.105));
}
.player-autocomplete-option.is-active{box-shadow:inset 3px 0 0 var(--cyan)}
.player-autocomplete-avatar{
  width:30px;
  height:30px;
  border-radius:7px;
  image-rendering:pixelated;
  background:#050b15;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 5px 14px rgba(0,0,0,.3);
}
.player-autocomplete-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  letter-spacing:0;
  text-transform:none;
}
.player-autocomplete-arrow{
  justify-self:end;
  color:#56dfff;
  opacity:.55;
  font-size:14px;
}
.player-autocomplete-option:hover .player-autocomplete-arrow,.player-autocomplete-option.is-active .player-autocomplete-arrow{opacity:1}
.player-autocomplete-empty{
  padding:15px 12px;
  color:#8fa9c7;
  font-size:12px;
  text-align:center;
}
.player-autocomplete-error{color:#ffb5ca;line-height:1.45}
.player-autocomplete-footer{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 11px;
  border-top:1px solid rgba(18,215,255,.12);
  background:rgba(5,11,21,.78);
  color:#7694b7;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.025em;
}
.player-autocomplete-footer:after{
  content:"↑↓  ·  Tab / Enter";
  color:#6bdfff;
  opacity:.72;
  white-space:nowrap;
}
@media(max-width:520px){
  .player-autocomplete-menu{border-radius:13px}
  .player-autocomplete-footer:after{content:"↑↓ · Enter"}
}

/* Stormy Lagoon v3.9.15 — site-wide UI/QoL polish */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--cyan,#12d7ff);
  outline-offset:2px;
}

/* Global player quick-search, available from every site header. */
.global-player-search-button{
  min-width:84px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:0 12px;border:1px solid rgba(18,215,255,.2);border-radius:999px;
  background:rgba(5,14,27,.74);color:#dff7ff;font:inherit;font-size:12px;font-weight:1000;cursor:pointer;
  transition:border-color .14s ease,background .14s ease,transform .14s ease;
}
.global-player-search-button:hover,.global-player-search-button[aria-expanded="true"]{border-color:rgba(18,215,255,.52);background:rgba(18,174,251,.12);transform:translateY(-1px)}
.global-player-search-button>span{color:var(--cyan);font-size:18px;line-height:1}
.global-player-search-popover{
  position:fixed;z-index:9998;padding:14px;border:1px solid rgba(18,215,255,.25);border-radius:17px;
  background:linear-gradient(180deg,rgba(15,29,49,.995),rgba(6,13,25,.995));
  box-shadow:0 26px 76px rgba(0,0,0,.52),0 0 36px rgba(18,174,251,.08);backdrop-filter:blur(18px)
}
.global-player-search-popover[hidden]{display:none!important}
.global-player-search-form{display:grid;gap:8px}
.global-player-search-head{display:flex;align-items:center;justify-content:space-between;color:#eef8ff;font-weight:1000}
.global-player-search-head kbd{min-width:24px;padding:2px 7px;border:1px solid rgba(18,215,255,.18);border-radius:7px;background:rgba(255,255,255,.04);color:#7fdfff;text-align:center;font:inherit;font-size:10px}
.global-player-search-form input{width:100%;height:44px;border:1px solid rgba(18,215,255,.2);border-radius:12px;background:#050b15;color:#fff;padding:0 12px;font:inherit;outline:none}
.global-player-search-form input:focus{border-color:rgba(18,215,255,.62);box-shadow:0 0 0 3px rgba(18,215,255,.08)}
.global-player-search-form small{color:#7898ba;font-size:10px;font-weight:800}
.player-autocomplete-name{display:flex;align-items:center;gap:7px}
.player-autocomplete-recent{padding:2px 5px;border-radius:999px;background:rgba(18,174,251,.12);color:#78ddff;font-size:8px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em}

/* Small contextual tooltips instead of always-visible explanatory copy. */
[data-tooltip]:not([data-tooltip=""]){position:relative}
[data-tooltip]:not([data-tooltip=""])::after{
  content:attr(data-tooltip);position:absolute;z-index:12000;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,4px);
  width:max-content;max-width:min(280px,80vw);padding:7px 9px;border:1px solid rgba(18,215,255,.2);border-radius:9px;
  background:#07111f;color:#dcecff;box-shadow:0 12px 35px rgba(0,0,0,.4);font-size:10px;font-weight:900;line-height:1.35;text-align:center;
  opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;white-space:normal
}
[data-tooltip]:not([data-tooltip=""]):hover::after,[data-tooltip]:not([data-tooltip=""]):focus-visible::after{opacity:1;transform:translate(-50%,0)}

/* Loading skeletons keep the leaderboard/profile layout stable while data arrives. */
@keyframes stormySkeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}
.skeleton-line,.skeleton-block{
  display:block;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.045) 20%,rgba(18,174,251,.12) 45%,rgba(255,47,125,.08) 55%,rgba(255,255,255,.045) 80%);
  background-size:220% 100%;animation:stormySkeleton 1.35s linear infinite;animation-delay:var(--skeleton-delay,0ms)
}
.skeleton-line{height:13px;width:78%}.skeleton-line.short{width:42%}.skeleton-line.wide{width:94%}
.leaderboard-skeleton-row td{height:58px}.leaderboard-skeleton-row:hover{background:transparent!important}
.profile-page-skeleton{display:grid;gap:22px;min-height:420px;padding-top:90px}
.profile-skeleton-identity{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center}
.profile-skeleton-identity .avatar{width:96px;height:96px;border-radius:18px}
.profile-skeleton-identity>div{display:grid;gap:12px;max-width:420px}
.profile-skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.profile-skeleton-grid .skeleton-block{height:84px;border-radius:16px}
.compare-loading-skeleton{display:grid;gap:12px;padding:16px 4px}.compare-loading-skeleton .skeleton-line{height:56px}

/* Clickable leaderboard rows + highlighted rank/profile return target. */
.skills-hiscores-page .leaderboard-player-row{cursor:pointer;transition:background .13s ease,box-shadow .13s ease}
.skills-hiscores-page .leaderboard-player-row:hover,.skills-hiscores-page .leaderboard-player-row:focus-visible{background:linear-gradient(90deg,rgba(18,174,251,.075),rgba(255,47,125,.04))}
.skills-hiscores-page .leaderboard-player-row:focus-visible{outline:none;box-shadow:inset 3px 0 0 var(--cyan)}
.skills-hiscores-page .leaderboard-player-row.is-rank-target,.skills-hiscores-page .leaderboard-player-row.is-player-focused{background:linear-gradient(90deg,rgba(18,174,251,.14),rgba(255,47,125,.09));box-shadow:inset 4px 0 0 var(--cyan),inset -1px 0 0 rgba(255,47,125,.18)}
@keyframes stormyFocusPulse{0%,100%{box-shadow:inset 4px 0 0 var(--cyan),0 0 0 rgba(18,215,255,0)}50%{box-shadow:inset 4px 0 0 var(--cyan),0 0 28px rgba(18,215,255,.24)}}
.skills-hiscores-page .leaderboard-player-row.is-focus-pulse{animation:stormyFocusPulse .8s ease 2}

/* Compact empty/error actions. */
.leaderboard-empty-state{display:flex;align-items:center;justify-content:center;gap:12px;min-height:72px;flex-wrap:wrap;color:#a9c2de}
.leaderboard-empty-state b{color:#bdd4ef}

/* Page number is now a jump control. */
.page-jump-wrap{position:relative;display:grid;place-items:center}
.pager-page-button{min-width:150px;height:42px;padding:0 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#bdd4ef;font:inherit;font-size:12px;font-weight:1000;cursor:pointer}
.pager-page-button:not(:disabled):hover{border-color:rgba(18,215,255,.2);background:rgba(18,174,251,.07);color:#fff}
.pager-page-button:disabled{cursor:default;opacity:.82}
.page-jump-popover{position:absolute;z-index:30;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);display:flex;align-items:end;gap:8px;min-width:245px;padding:11px;border:1px solid rgba(18,215,255,.22);border-radius:14px;background:#0a1729;box-shadow:0 18px 48px rgba(0,0,0,.44)}
.page-jump-popover[hidden]{display:none!important}.page-jump-popover label{display:grid;gap:5px;flex:1;color:#7898ba;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}
.page-jump-popover input{width:100%;height:38px;border:1px solid rgba(18,215,255,.18);border-radius:10px;background:#050b15;color:#fff;padding:0 10px;font:inherit}

/* Recent PlayerStats shortcuts. */
.playerstats-recent{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin:0 0 10px;padding:9px 10px;border:1px solid rgba(18,215,255,.1);border-radius:13px;background:rgba(255,255,255,.025)}
.playerstats-recent[hidden]{display:none!important}.playerstats-recent>span{color:#7898ba;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}
.playerstats-recent>div{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
.playerstats-recent button{flex:0 0 auto;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 9px;border:1px solid rgba(18,215,255,.13);border-radius:999px;background:rgba(18,174,251,.055);color:#dcecff;font:inherit;font-size:10px;font-weight:900;cursor:pointer}
.playerstats-recent button:hover{border-color:rgba(18,215,255,.35);background:rgba(18,174,251,.11)}

/* Sticky headings make long leaderboard tables easier to scan. */
.skills-hiscores-page .leaderboard-table thead th{position:sticky;top:0;z-index:5;background:#0b243b;box-shadow:0 1px 0 rgba(18,215,255,.15)}

/* Comparison QoL: swap/share, linked players, sticky identities. */
.compare-entry-actions{display:flex;align-items:center;gap:8px}
.compare-entry-actions .btn{white-space:nowrap}.compare-share-row{display:flex;justify-content:flex-end;margin:-8px 0 12px}.compare-share-row[hidden]{display:none!important}
.compare-player-card{position:sticky;top:-1px;z-index:5;padding:12px;border:1px solid rgba(18,215,255,.16);border-radius:15px;background:rgba(9,20,36,.97);backdrop-filter:blur(14px);box-shadow:0 10px 26px rgba(0,0,0,.18)}
.compare-player-identity{color:inherit;text-decoration:none;border-radius:11px;padding:5px;transition:background .12s ease}
.compare-player-identity:hover{background:rgba(18,174,251,.08)}
.compare-player-identity h4{color:#fff}.compare-player-identity span{color:#9fb7d4}

/* Profile section nav and searchable #1 stats. */
.profile-quick-nav{position:sticky;top:76px;z-index:20;display:flex;align-items:center;gap:6px;overflow-x:auto;margin:16px 0 4px;padding:7px;border:1px solid rgba(18,215,255,.15);border-radius:14px;background:rgba(7,17,31,.94);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.16);scrollbar-width:none}
.profile-quick-nav::-webkit-scrollbar{display:none}.profile-quick-nav a{flex:0 0 auto;padding:7px 10px;border-radius:9px;color:#91abc7;text-decoration:none;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em}
.profile-quick-nav a:hover,.profile-quick-nav a.active{background:linear-gradient(90deg,rgba(18,174,251,.13),rgba(255,47,125,.09));color:#fff}
.profile-data-section,.profile-playerstats-firsts,#profile-overview{scroll-margin-top:150px}
.profile-playerstats-tools{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.5fr) auto;gap:10px;align-items:end;margin:0 0 12px}
.profile-playerstats-tools label{display:grid;gap:5px;color:#7898ba;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}
.profile-playerstats-tools input{height:38px;border:1px solid rgba(18,215,255,.18);border-radius:10px;background:#050b15;color:#fff;padding:0 10px;font:inherit}
.profile-playerstats-filters{display:flex;gap:6px;overflow-x:auto}.profile-playerstats-filters button{flex:0 0 auto;height:38px;padding:0 10px;border:1px solid rgba(18,215,255,.13);border-radius:10px;background:rgba(255,255,255,.03);color:#8fa9c7;font:inherit;font-size:9px;font-weight:1000;cursor:pointer}
.profile-playerstats-filters button:hover,.profile-playerstats-filters button.active{border-color:rgba(18,215,255,.36);background:linear-gradient(90deg,rgba(18,174,251,.12),rgba(255,47,125,.09));color:#fff}
.profile-playerstats-visible{height:38px;display:grid;place-items:center;padding:0 10px;border-radius:10px;background:rgba(255,255,255,.035);color:#7898ba;font-size:9px;font-weight:1000;white-space:nowrap}
.profile-playerstats-card[hidden]{display:none!important}.profile-playerstats-empty{padding:24px 10px;text-align:center;color:#7898ba;font-size:11px}.profile-playerstats-empty[hidden]{display:none!important}
.profile-empty-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}

/* Mobile leaderboard drawer keeps the actual results above the huge category list. */
.mobile-board-toggle{display:none}
@media(max-width:900px){
  .global-player-search-button{min-width:40px;width:40px;padding:0}.global-player-search-button b{display:none}
  .skills-hiscores-page .hiscores-layout{display:flex!important;flex-direction:column}
  .skills-hiscores-page .mobile-board-toggle{order:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:12px 14px;border:1px solid rgba(18,215,255,.16);border-radius:16px;background:linear-gradient(90deg,rgba(18,174,251,.08),rgba(255,47,125,.05));color:#fff;font:inherit;cursor:pointer;text-align:left}
  .mobile-board-toggle>span{color:var(--cyan);font-size:18px}.mobile-board-toggle>b{font-size:12px}.mobile-board-toggle>small{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8fa9c7;font-size:10px}
  .skills-hiscores-page .hiscores-sidebar{order:2;display:none!important}.skills-hiscores-page .hiscores-sidebar.mobile-open{display:block!important;max-height:68vh!important;overflow:auto!important}
  .skills-hiscores-page .leaderboard-panel{order:3}.skills-hiscores-page .hiscores-tools{order:4}
  .skills-hiscores-page .leaderboard-table thead th{top:0}
  .profile-quick-nav{top:8px;margin-left:-4px;margin-right:-4px}
  .profile-playerstats-tools{grid-template-columns:1fr}.profile-playerstats-visible{justify-self:start;width:auto}
  .profile-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compare-entry-grid{grid-template-columns:1fr!important}.compare-entry-actions{display:grid;grid-template-columns:auto 1fr}.compare-entry-actions .btn{width:100%}
  .compare-player-card{grid-template-columns:1fr;gap:7px}
}
@media(max-width:520px){
  .profile-skeleton-identity{grid-template-columns:68px minmax(0,1fr)}.profile-skeleton-identity .avatar{width:68px;height:68px}.profile-skeleton-grid{grid-template-columns:1fr}
  .playerstats-recent{grid-template-columns:1fr}.playerstats-recent>span{padding-left:2px}
  .pager-page-button{min-width:92px}.page-jump-popover{min-width:220px}
  [data-tooltip]:not([data-tooltip=""])::after{display:none}
}

/* v3.9.15 comparison identity layout refinement */
.compare-player-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:900px){.compare-player-card{grid-template-columns:1fr}}
.profile-modal-skeleton{display:grid;gap:18px;padding:6px 0 2px}


/* Stormy Lagoon v3.9.16 — cleaner navigation, join flow, and comparison UI */
.desktop-nav .nav-caret{display:inline-block;margin-left:4px;color:#79ddff;font-size:10px;transform:translateY(-1px);transition:transform .14s ease}
.desktop-nav a:hover .nav-caret{transform:translateY(1px)}
.store-pill{border:1px solid rgba(255,191,73,.26);border-radius:14px;min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-weight:1000;background:linear-gradient(135deg,#ffb02e,#ff6d45);box-shadow:0 12px 28px rgba(255,139,45,.18);transition:transform .14s ease,filter .14s ease}
.store-pill:hover{transform:translateY(-1px);filter:brightness(1.07)}
.skills-hiscores-page .hiscores-shell{margin-top:0!important;padding-top:30px}
.skills-hiscores-page .sidebar-banner{font-size:38px;padding:24px 22px 20px}

.join-modal-box{width:min(760px,calc(100% - 30px));padding:28px;background:linear-gradient(180deg,rgba(16,29,49,.995),rgba(7,14,26,.995));border-color:rgba(18,215,255,.24);overflow:visible}
.join-modal-head{display:flex;align-items:center;gap:15px;margin-bottom:18px}.join-modal-head h3{margin:5px 0 0;font-size:42px;line-height:.95}.join-pickaxe{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:linear-gradient(135deg,rgba(18,174,251,.18),rgba(255,47,125,.18));border:1px solid rgba(18,215,255,.2)}
.join-address-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;margin-bottom:16px;border:1px solid rgba(18,215,255,.2);border-radius:16px;background:#07111f}.join-address-card>div{min-width:0}.join-address-card small{display:block;color:#89a7c8;text-transform:uppercase;letter-spacing:.07em;font-size:10px}.join-address-card strong{display:block;margin-top:3px;font-size:20px;overflow-wrap:anywhere}.join-copy-button{border:0;border-radius:12px;min-height:42px;padding:0 17px;background:linear-gradient(135deg,var(--pink),var(--blue));color:#fff;font:inherit;font-weight:1000;cursor:pointer}
.join-editions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.join-edition-card{padding:16px;border:1px solid rgba(18,215,255,.14);border-radius:16px;background:rgba(255,255,255,.025)}.join-edition-title{display:flex;align-items:center;gap:11px}.join-edition-title>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(18,174,251,.12);border:1px solid rgba(18,215,255,.18);color:#8eeaff;font-weight:1000}.join-edition-title b{display:block}.join-edition-title small{display:block;color:#8fa9c7;margin-top:1px}.join-edition-card ol{margin:14px 0 0;padding-left:23px;color:#c9dbef;line-height:1.55}.join-edition-card li+li{margin-top:7px}.join-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.join-modal-footer>span{display:flex;align-items:center;gap:6px;color:#9fb7d4;font-size:13px}.join-status-dot{width:8px;height:8px;border-radius:999px;background:#52e39b;box-shadow:0 0 12px rgba(82,227,155,.7)}

.skills-hiscores-page .compare-box{width:min(1120px,calc(100% - 32px));padding:26px!important}
.compare-modal-head{padding-right:48px}.compare-modal-head h3{margin:7px 0 0;font-size:42px}.compare-picker-grid{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr) auto;gap:10px;align-items:end;margin:18px 0 16px;padding:15px;border-radius:18px;border:1px solid rgba(18,215,255,.14);background:rgba(255,255,255,.025)}
.compare-picker{display:grid;gap:6px;color:#8fa9c7;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.compare-picker input{height:48px;width:100%;min-width:0;border:1px solid rgba(18,215,255,.2);background:#050b15;color:#fff;border-radius:13px;padding:0 14px;font:inherit;outline:none}.compare-picker input:focus{border-color:rgba(18,215,255,.64);box-shadow:0 0 0 3px rgba(18,215,255,.08)}
.compare-swap-button{height:48px;border-radius:13px;border:1px solid rgba(18,215,255,.17);background:rgba(255,255,255,.05);color:#dcecff;font:inherit;font-weight:1000;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px}.compare-swap-button span{font-size:20px;color:#8eeaff}.compare-swap-button small{font-size:10px}.compare-run-button{height:48px;white-space:nowrap}
.compare-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:center;margin:0 0 14px}.compare-toolbar[hidden]{display:none!important}.compare-stat-filter{height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(18,215,255,.16);border-radius:12px;background:#060d18;color:#8eeaff}.compare-stat-filter input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit}.compare-empty-toggle{height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(18,215,255,.13);border-radius:12px;background:rgba(255,255,255,.035);color:#a9bfd8;font-size:12px;cursor:pointer}.compare-empty-toggle input{width:16px;height:16px;flex:0 0 auto;margin:0;accent-color:#12aefb}
.compare-results{display:grid;gap:10px}.compare-player-card{position:sticky;top:-1px;z-index:6;display:grid!important;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)!important;gap:10px;padding:10px!important;border:1px solid rgba(18,215,255,.19)!important;border-radius:17px!important;background:rgba(7,17,31,.97)!important;backdrop-filter:blur(14px)}.compare-player-identity{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center!important;gap:11px!important;padding:9px!important;border:1px solid transparent}.compare-player-identity:hover{border-color:rgba(18,215,255,.13);background:rgba(18,174,251,.06)!important}.compare-player-identity small{display:block;color:#6f8dac;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.compare-player-identity h4{font-size:20px;margin:1px 0!important}.compare-player-identity span{display:block;font-size:11px;line-height:1.35}.compare-player-identity em{font-style:normal;color:#8eeaff;font-size:10px;white-space:nowrap}.compare-avatar{width:52px!important;height:52px!important}.compare-versus{display:grid;place-items:center;color:#ff79ad;font-family:'Baloo 2';font-size:18px;font-weight:1000}
.compare-column-head{position:sticky;top:82px;z-index:5;display:grid;grid-template-columns:minmax(180px,1.15fr) minmax(170px,1fr) minmax(170px,1fr);gap:8px;padding:9px 12px;border-radius:12px;background:rgba(5,11,21,.94);border:1px solid rgba(18,215,255,.1);backdrop-filter:blur(10px);color:#7895b6;text-transform:uppercase;letter-spacing:.06em;font-size:9px}.compare-column-head b{color:#9dc8e8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compare-section[hidden]{display:none!important}.compare-results .profile-section-divider{margin:10px 0 7px}.compare-stat-list{display:grid;gap:7px}.compare-stat-row{display:grid;grid-template-columns:minmax(180px,1.15fr) minmax(170px,1fr) minmax(170px,1fr);gap:8px;align-items:stretch}.compare-stat-row[hidden]{display:none!important}.compare-stat-name,.compare-stat-value{min-height:58px;padding:10px 12px;border-radius:12px;border:1px solid rgba(18,215,255,.1);background:rgba(255,255,255,.028)}.compare-stat-name{display:flex;align-items:center;gap:9px}.compare-stat-name b{font-size:13px;line-height:1.15}.compare-stat-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(18,174,251,.08);flex:0 0 auto}.compare-stat-value{display:flex;flex-direction:column;justify-content:center}.compare-stat-value strong{font-size:13px;color:#f5f9ff}.compare-stat-value small{margin-top:2px;color:#7895b6;font-size:10px}.compare-stat-value.is-leading{border-color:rgba(18,215,255,.32);background:linear-gradient(135deg,rgba(18,174,251,.10),rgba(18,215,255,.035))}.compare-stat-value.is-leading strong{color:#8eeaff}.compare-stat-value.is-tied strong{color:#dbe9f8}

@media(max-width:1180px) and (min-width:981px){.store-pill{padding:0 12px}.play-pill{padding:0 12px}.desktop-nav .nav-caret{margin-left:2px}}
@media(max-width:980px){.store-pill{display:none}.skills-hiscores-page .hiscores-shell{padding-top:16px}.compare-picker-grid{grid-template-columns:1fr 56px 1fr}.compare-run-button{grid-column:1/-1;width:100%}}
@media(max-width:760px){.join-modal-box{padding:64px 16px 24px!important}.join-editions{grid-template-columns:1fr}.join-modal-head h3{font-size:36px}.join-address-card{align-items:flex-start}.join-address-card strong{font-size:16px}.join-modal-footer{display:grid}.join-modal-footer .btn{width:100%}.compare-picker-grid{grid-template-columns:1fr!important;padding:12px}.compare-swap-button{width:100%}.compare-toolbar{grid-template-columns:1fr}.compare-empty-toggle{justify-content:center}.compare-player-card{position:static!important;grid-template-columns:1fr!important}.compare-versus{height:28px}.compare-player-identity{grid-template-columns:auto minmax(0,1fr)!important}.compare-player-identity em{display:none}.compare-column-head{display:none}.compare-stat-row{grid-template-columns:1fr 1fr}.compare-stat-name{grid-column:1/-1;min-height:42px}.compare-stat-value{min-height:54px}.skills-hiscores-page .sidebar-banner{font-size:28px;padding:17px 18px}}
@media(max-width:520px){.join-address-card{display:grid}.join-copy-button{width:100%}.compare-stat-row{grid-template-columns:1fr}.compare-stat-name{grid-column:auto}.compare-stat-value:before{content:attr(data-player-label);display:block}}

/* Stormy Lagoon v3.9.17 — platform-aware join flow */
.join-modal-box{width:min(820px,calc(100% - 30px));max-height:min(90vh,900px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:26px}
.join-platform-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
.join-platform-tabs button{min-height:44px;padding:8px 10px;border:1px solid rgba(18,215,255,.13);border-radius:12px;background:rgba(255,255,255,.035);color:#9fb7d4;font:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease}
.join-platform-tabs button:hover{border-color:rgba(18,215,255,.32);color:#fff;transform:translateY(-1px)}
.join-platform-tabs button.active{border-color:rgba(18,215,255,.44);color:#fff;background:linear-gradient(135deg,rgba(255,47,125,.28),rgba(18,174,251,.28));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.join-platform-tabs button:focus-visible{outline:2px solid rgba(18,215,255,.78);outline-offset:2px}
.join-platform-panels{min-height:292px}
.join-platform-panel{padding:17px;border:1px solid rgba(18,215,255,.14);border-radius:17px;background:rgba(255,255,255,.025)}
.join-platform-panel[hidden]{display:none!important}
.join-platform-title{display:flex;align-items:center;gap:11px;margin-bottom:14px}.join-platform-title>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,47,125,.13),rgba(18,174,251,.13));border:1px solid rgba(18,215,255,.18);color:#8eeaff;font-weight:1000}.join-platform-title b{display:block;font-size:16px}.join-platform-title small{display:block;margin-top:1px;color:#8fa9c7;font-size:11px}
.join-detail-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:8px;margin-bottom:14px}.join-detail-grid>div{position:relative;min-width:0;padding:11px 12px;border-radius:12px;border:1px solid rgba(18,215,255,.10);background:#07111f}.join-detail-grid small{display:block;color:#7895b6;text-transform:uppercase;letter-spacing:.07em;font-size:9px}.join-detail-grid strong{display:block;margin-top:3px;color:#fff;font-size:13px;overflow-wrap:anywhere}.join-detail-grid button{position:absolute;top:8px;right:8px;border:1px solid rgba(18,215,255,.18);border-radius:8px;background:rgba(18,174,251,.08);color:#8eeaff;padding:4px 7px;font:inherit;font-size:9px;font-weight:1000;cursor:pointer}.join-detail-grid button:hover{background:rgba(18,174,251,.16);border-color:rgba(18,215,255,.34)}
.join-dns-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.join-console-note{margin:-1px 0 12px;padding:10px 12px;border-left:3px solid rgba(18,215,255,.56);border-radius:8px;background:rgba(18,174,251,.055);color:#a9c0da;font-size:11px;line-height:1.45}
.join-steps{margin:0;padding-left:22px;color:#c9dbef;line-height:1.5;font-size:12px}.join-steps li+li{margin-top:6px}.join-steps b{color:#f5f9ff}
.join-modal-footer{padding-top:2px}
@media(max-width:760px){.join-modal-box{max-height:92vh;padding:58px 14px 18px!important}.join-platform-tabs{grid-template-columns:1fr 1fr}.join-platform-panels{min-height:0}.join-detail-grid,.join-dns-grid{grid-template-columns:1fr}.join-platform-panel{padding:14px}.join-modal-head{margin-bottom:14px}.join-modal-head h3{font-size:34px}}
@media(max-width:460px){.join-platform-tabs{grid-template-columns:1fr}.join-platform-tabs button{min-height:40px}.join-address-card{margin-bottom:12px}.join-platform-title{align-items:flex-start}.join-platform-title small{line-height:1.35}}

/* Stormy Lagoon v4.0.7 — unified public navigation
   Every public page uses the same wide home-style header rail. */
@media(min-width:981px){
  .topbar .nav-inner{
    width:min(var(--nav-wrap),calc(100% - 38px));
    max-width:var(--nav-wrap);
    margin-inline:auto;
    justify-content:space-between;
    gap:22px;
  }
  .topbar .brand{flex:0 0 auto;margin-right:0}
  .topbar .desktop-nav{flex:0 0 auto}
  .topbar .nav-actions{margin-left:0}
}
/* Dropdown triangles were only decorative; modal behavior remains unchanged. */
.desktop-nav .nav-caret{display:none!important}

/* =========================================================
   Stormy Lagoon v3.10.0 — Stormy Teams website integration
   ========================================================= */
.team-hiscores-explore{display:inline-flex;margin-top:7px;color:#76e4ff;text-decoration:none;font-size:13px;font-weight:1000}.team-hiscores-explore:hover{color:#fff}.leaderboard-table.team-board .team-leaderboard-link{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff}.team-leaderboard-link>span:last-child{display:grid;gap:1px}.team-leaderboard-link small{color:#91abc8;font-size:12px}.team-leaderboard-emblem,.profile-team-emblem,.team-directory-emblem,.team-emblem{display:grid;place-items:center;background:linear-gradient(135deg,rgba(18,174,251,.95),rgba(255,47,125,.92));color:#fff;font-family:'Baloo 2',Nunito,sans-serif;font-weight:1000;letter-spacing:.03em;box-shadow:0 12px 28px rgba(18,174,251,.16)}.team-leaderboard-emblem{width:34px;height:34px;border-radius:11px;font-size:11px;flex:0 0 auto}.leaderboard-team-row{cursor:pointer}.leaderboard-team-row:hover .team-leaderboard-emblem{transform:translateY(-1px)}
.profile-team-showcase{scroll-margin-top:105px}.profile-team-card{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:17px;padding:20px;border:1px solid rgba(18,215,255,.2);border-radius:20px;background:linear-gradient(135deg,rgba(18,174,251,.09),rgba(255,47,125,.07));text-decoration:none;color:#fff;transition:.16s ease}.profile-team-card:hover{transform:translateY(-2px);border-color:rgba(18,215,255,.48);box-shadow:0 18px 50px rgba(0,0,0,.18)}.profile-team-emblem{width:62px;height:62px;border-radius:18px;font-size:17px}.profile-team-copy{min-width:0}.profile-team-copy>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.profile-team-name{font-family:'Baloo 2';font-size:28px;line-height:1;font-weight:1000}.profile-team-tag{color:#74e5ff}.profile-team-copy p{margin:5px 0 2px;color:#c3d8f0}.profile-team-copy small{color:#91aac7}.profile-team-open{color:#6fe2ff;white-space:nowrap}.team-role-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:1000;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.team-role-pill.role-owner{background:rgba(255,182,51,.15);color:#ffd27e;border-color:rgba(255,182,51,.28)}.team-role-pill.role-manager{background:rgba(152,118,197,.16);color:#d6baff;border-color:rgba(152,118,197,.3)}
.team-page-surface{padding:42px 0 90px}.team-page-top-actions{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px}.team-back-link{color:#91cce9;text-decoration:none;font-size:13px}.team-back-link:hover{color:#fff}.team-page-card{background:linear-gradient(180deg,rgba(16,29,49,.97),rgba(8,15,28,.97));border:1px solid var(--line);border-radius:28px;padding:clamp(22px,4vw,38px);box-shadow:var(--shadow)}.team-identity{display:flex;align-items:center;gap:22px;scroll-margin-top:105px}.team-emblem{width:96px;height:96px;border-radius:27px;font-size:25px;flex:0 0 auto}.team-identity-copy{min-width:0}.team-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.team-title-line h1{font-family:'Baloo 2';font-size:clamp(45px,6vw,72px);line-height:.92;margin:3px 0 4px;letter-spacing:-.035em}.team-tag-badge{display:inline-flex;padding:6px 10px;border-radius:10px;background:rgba(18,215,255,.09);border:1px solid rgba(18,215,255,.22);color:#7be7ff;font-weight:1000}.team-identity-copy p{margin:5px 0;color:#aec8e3;font-size:16px}.team-identity-copy p a{color:#fff}.team-action-row{display:flex;gap:9px;margin-top:13px;flex-wrap:wrap}.team-quick-nav{margin-top:26px}.team-summary-grid,.teams-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.team-summary-grid{margin:22px 0 8px}.team-summary-grid>div,.teams-stats-grid>div{padding:18px;border-radius:18px;border:1px solid rgba(18,215,255,.15);background:rgba(255,255,255,.035)}.team-summary-grid span,.teams-stats-grid span{display:block;color:#91abc8;text-transform:uppercase;letter-spacing:.055em;font-size:11px}.team-summary-grid strong,.teams-stats-grid strong{display:block;font-family:'Baloo 2';font-size:32px;line-height:1.05;margin:5px 0}.team-summary-grid small,.teams-stats-grid small{color:#9fb8d4}.team-section{scroll-margin-top:105px;padding-top:10px}.team-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}.team-section-head h2{font-family:'Baloo 2';font-size:34px;line-height:1;margin:0 0 4px}.team-section-head p{margin:0;color:#9fb8d4}.team-section-head>a,.team-section-head>span{color:#76e3ff;text-decoration:none;font-size:13px}.team-member-list{display:grid;gap:9px}.team-member-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px;border-radius:17px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.028);text-decoration:none;color:#fff;transition:.15s ease}.team-member-card:hover{border-color:rgba(18,215,255,.34);background:rgba(18,215,255,.045)}.team-member-card img,.team-top-member img{border-radius:10px;image-rendering:auto}.team-member-copy{display:grid;gap:2px;min-width:0}.team-member-copy>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.team-member-copy b{font-size:17px}.team-member-copy small{color:#91abc8}.team-member-arrow{color:#67dcff;font-size:20px}.team-skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.team-skill-card{padding:15px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(18,215,255,.12)}.team-skill-card span{display:block;color:#91abc8;font-size:12px}.team-skill-card strong{display:block;font-size:17px;margin:4px 0}.team-skill-card small{color:#7892b0}.team-two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.team-top-panel{border:1px solid rgba(18,215,255,.14);border-radius:18px;background:rgba(4,10,20,.32);padding:17px}.team-top-panel h3{font-family:'Baloo 2';font-size:25px;margin:0 0 9px}.team-top-member{display:grid;grid-template-columns:32px 34px minmax(0,1fr);gap:9px;align-items:center;text-decoration:none;color:#fff;padding:8px;border-radius:12px}.team-top-member:hover{background:rgba(18,215,255,.05)}.team-top-rank{color:#72e1ff;font-weight:1000}.team-top-member div{display:grid}.team-top-member small{color:#8ea7c4}.team-bank-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.team-bank-main,.team-boost-card{border-radius:20px;padding:22px;border:1px solid rgba(18,215,255,.16);background:linear-gradient(135deg,rgba(18,174,251,.08),rgba(255,255,255,.025))}.team-bank-main>span,.team-boost-card>span{color:#9bb5d2;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.team-bank-main>strong{display:block;font-family:'Baloo 2';font-size:42px;line-height:1;margin:7px 0}.team-bank-main>strong small{font-family:Nunito;font-size:13px;color:#9fb7d4}.team-bank-main p{margin:0;color:#a8c0dc}.team-boost-card.active{border-color:rgba(94,192,145,.32);background:linear-gradient(135deg,rgba(94,192,145,.12),rgba(18,174,251,.06))}.team-boost-card strong{display:block;font-size:20px;margin:7px 0}.team-boost-card small{color:#97b1ce}.team-ranking-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.team-ranking-grid a{display:grid;gap:3px;padding:17px;border-radius:17px;border:1px solid rgba(18,215,255,.14);background:rgba(255,255,255,.03);text-decoration:none;color:#fff}.team-ranking-grid a:hover{border-color:rgba(18,215,255,.4);background:rgba(18,215,255,.05)}.team-ranking-grid span{color:#91abc8;font-size:12px}.team-ranking-grid strong{font-family:'Baloo 2';font-size:29px;line-height:1}.team-ranking-grid small{color:#75dfff}.team-qol-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.team-qol-strip span{padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#a8c1dd;font-size:12px}
.teams-hero{padding:72px 0 38px;text-align:center}.teams-hero h1{font-family:'Baloo 2';font-size:clamp(48px,7vw,82px);line-height:.91;letter-spacing:-.045em;margin:12px auto 13px;max-width:850px}.teams-hero p{max-width:760px;margin:0 auto;color:#b9d0e9;font-size:18px;line-height:1.55}.teams-hero-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:23px}.teams-showcase{padding-bottom:90px}.teams-stats-grid{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.teams-top-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:22px}.team-top-board{border:1px solid var(--line);border-radius:22px;padding:18px;background:linear-gradient(180deg,rgba(16,29,49,.96),rgba(8,15,28,.96))}.team-top-board>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.team-top-board>div:first-child>a{font-size:12px;color:#72e0ff;text-decoration:none}.team-top-board>a{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 7px;text-decoration:none;color:#fff;border-radius:12px}.team-top-board>a:hover{background:rgba(18,215,255,.045)}.team-top-board>a div{display:grid}.team-top-board>a div small{color:#72dbf5}.team-top-board>a div span{color:#819bb9;font-size:11px}.team-top-board>a>strong{font-size:13px;color:#dcecff;text-align:right}.teams-directory-panel{border:1px solid var(--line);border-radius:25px;padding:24px;background:linear-gradient(180deg,rgba(16,29,49,.96),rgba(8,15,28,.96));scroll-margin-top:100px}.teams-directory-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:17px}.teams-directory-head h2{font-family:'Baloo 2';font-size:39px;line-height:1;margin:7px 0 3px}.teams-directory-head p{margin:0;color:#95afcb}.teams-directory-head form{display:flex;gap:8px}.teams-directory-head input{min-height:44px;min-width:240px;border:1px solid rgba(18,215,255,.2);background:#071120;color:#fff;border-radius:13px;padding:0 13px;font:inherit}.teams-directory-results{display:grid;gap:9px}.team-directory-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:17px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);text-decoration:none;color:#fff}.team-directory-card:hover{border-color:rgba(18,215,255,.35);background:rgba(18,215,255,.04)}.team-directory-emblem{width:56px;height:56px;border-radius:16px;font-size:15px}.team-directory-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.team-directory-title b{font-size:18px}.team-directory-title span{color:#70ddf9;font-size:12px}.team-directory-card small{color:#8fa9c6}.team-directory-metrics{display:flex;gap:7px;flex-wrap:wrap;margin-top:5px}.team-directory-metrics span{font-size:10px;color:#a9c1dd;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.045)}.team-directory-card em{font-style:normal;color:#74e1fb;font-size:12px}.teams-directory-pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:17px;color:#91aac7}.teams-directory-pager button{border:1px solid rgba(18,215,255,.16);background:rgba(255,255,255,.04);color:#fff;border-radius:12px;padding:8px 12px;font:inherit;cursor:pointer}.teams-directory-pager button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:900px){.team-summary-grid{grid-template-columns:repeat(2,1fr)}.team-skill-grid{grid-template-columns:repeat(2,1fr)}.team-ranking-grid{grid-template-columns:repeat(2,1fr)}.teams-stats-grid{grid-template-columns:repeat(2,1fr)}.teams-top-grid{grid-template-columns:1fr}.teams-directory-head{display:grid}.teams-directory-head form{width:100%}.teams-directory-head input{min-width:0;flex:1}}
@media(max-width:650px){.team-page-surface{padding-top:22px}.team-page-card{padding:18px;border-radius:21px}.team-identity{align-items:flex-start}.team-emblem{width:66px;height:66px;border-radius:19px;font-size:17px}.team-title-line h1{font-size:42px}.team-summary-grid,.team-skill-grid,.team-ranking-grid,.teams-stats-grid{grid-template-columns:1fr}.team-two-column,.team-bank-showcase{grid-template-columns:1fr}.team-section-head{display:grid;align-items:start}.profile-team-card{grid-template-columns:52px minmax(0,1fr)}.profile-team-emblem{width:52px;height:52px}.profile-team-open{grid-column:2}.team-member-card{grid-template-columns:42px minmax(0,1fr)}.team-member-card img{width:42px;height:42px}.team-member-arrow{display:none}.teams-hero{padding-top:45px}.teams-directory-head form{display:grid}.team-directory-card{grid-template-columns:48px minmax(0,1fr)}.team-directory-emblem{width:48px;height:48px}.team-directory-card>em{grid-column:2}.team-top-board>a{grid-template-columns:30px minmax(0,1fr)}.team-top-board>a>strong{grid-column:2;text-align:left}.team-page-top-actions{font-size:12px}}

.feature-card-link{display:block;text-decoration:none;color:inherit;transition:.16s ease}.feature-card-link:hover{transform:translateY(-3px);border-color:rgba(18,215,255,.42)}

/* Stormy Lagoon v3.11.0 — lightweight LiteBans moderation integration */
.moderation-feed-section{padding-top:10px}
.moderation-feed-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.moderation-feed-heading>div{max-width:760px}
.punishment-feed-card{overflow:hidden;border:1px solid rgba(18,215,255,.13);border-radius:22px;background:linear-gradient(180deg,rgba(13,27,46,.94),rgba(7,15,28,.94));box-shadow:0 18px 52px rgba(0,0,0,.2)}
.punishment-feed-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:110px}
.punishment-feed-row{display:grid;grid-template-columns:34px auto minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:13px 15px;color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.055);transition:background .12s ease,border-color .12s ease}
.punishment-feed-row:nth-child(odd){border-right:1px solid rgba(255,255,255,.055)}
.punishment-feed-row:nth-last-child(-n+2){border-bottom:0}
.punishment-feed-row:hover{background:rgba(18,174,251,.065)}
.punishment-feed-row img{width:34px;height:34px;border-radius:8px;image-rendering:pixelated;background:#0d1b2d;border:1px solid rgba(142,234,255,.2)}
.punishment-type{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:25px;padding:0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}
.punishment-type.type-ban{color:#ff98ae;background:rgba(255,63,99,.1);border-color:rgba(255,76,108,.27)}
.punishment-type.type-mute{color:#ffc57a;background:rgba(255,161,54,.1);border-color:rgba(255,173,77,.25)}
.punishment-type.type-warning{color:#ffe184;background:rgba(255,211,72,.09);border-color:rgba(255,219,96,.22)}
.punishment-type.type-kick{color:#9bc8ff;background:rgba(80,155,255,.09);border-color:rgba(102,169,255,.2)}
.punishment-feed-copy{display:grid;gap:2px;min-width:0}
.punishment-feed-copy>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edf7ff;font-size:12px}
.punishment-feed-copy>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#839fbd;font-size:10px}
.punishment-feed-meta{display:grid;justify-items:end;gap:2px;min-width:76px}
.punishment-feed-meta>b{min-height:13px;color:#7995b4;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.035em}
.punishment-feed-meta>b.is-active{color:#ff8ea6}
.punishment-feed-meta>small{color:#6f8ba9;font-size:9px;white-space:nowrap}
.punishment-feed-loading{grid-column:1/-1;display:grid;gap:8px;padding:14px}
.punishment-feed-loading i{display:block;height:48px;border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(18,174,251,.08),rgba(255,255,255,.03));background-size:220% 100%;animation:stormyModerationShimmer 1.4s linear infinite}
.punishment-empty{grid-column:1/-1;display:grid;place-items:center;min-height:112px;padding:24px;color:#829fbe;text-align:center;font-size:12px}
@keyframes stormyModerationShimmer{to{background-position:-220% 0}}

.player-autocomplete-name{display:flex!important;align-items:center;gap:5px;flex-wrap:wrap}
.player-autocomplete-name>.player-autocomplete-recent{margin-left:0}
.player-autocomplete-moderation{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:999px;font-size:8px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em}
.player-autocomplete-moderation.is-banned{color:#ff93aa;background:rgba(255,63,99,.11);border:1px solid rgba(255,76,108,.25)}
.player-autocomplete-moderation.is-muted{color:#ffc378;background:rgba(255,161,54,.1);border:1px solid rgba(255,173,77,.23)}

.profile-moderation-alerts{display:grid;gap:10px;margin:18px 0 4px}
.profile-moderation-alert{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:center;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1)}
.profile-moderation-alert.is-banned{background:linear-gradient(90deg,rgba(133,20,47,.26),rgba(44,12,29,.35));border-color:rgba(255,76,108,.31);box-shadow:inset 3px 0 0 rgba(255,76,108,.72)}
.profile-moderation-alert.is-muted{background:linear-gradient(90deg,rgba(135,80,16,.22),rgba(41,27,11,.32));border-color:rgba(255,173,77,.27);box-shadow:inset 3px 0 0 rgba(255,173,77,.66)}
.profile-moderation-alert-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.06);font-family:'Baloo 2',Nunito,sans-serif;font-size:25px;font-weight:1000}
.profile-moderation-alert.is-banned .profile-moderation-alert-icon{color:#ff91aa}
.profile-moderation-alert.is-muted .profile-moderation-alert-icon{color:#ffc26f}
.profile-moderation-alert>div{min-width:0}
.profile-moderation-alert b{display:block;color:#fff;font-family:'Baloo 2',Nunito,sans-serif;font-size:18px;line-height:1.1}
.profile-moderation-alert p{margin:2px 0 4px;color:#d5e1ef;font-size:12px;line-height:1.45}
.profile-moderation-alert small{color:#8fa7c2;font-size:10px;font-weight:800}
.profile-moderation-alert-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.profile-moderation-alert-meta a{color:#69ddff;font-size:10px;font-weight:1000;text-decoration:none}
.profile-moderation-alert-meta a:hover,.profile-moderation-alert-meta a:focus-visible{text-decoration:underline}
.profile-moderation-section{margin-top:28px;scroll-margin-top:150px}
.profile-moderation-panel{overflow:hidden;border:1px solid rgba(18,215,255,.12);border-radius:18px;background:rgba(255,255,255,.025)}
.profile-moderation-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:16px 17px;border-bottom:1px solid rgba(255,255,255,.06)}
.profile-moderation-head h2{margin:0 0 2px;font-family:'Baloo 2',Nunito,sans-serif;font-size:23px;line-height:1}
.profile-moderation-head p{margin:0;color:#839fbd;font-size:10px}
.profile-moderation-head>span{color:#718eac;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}
.profile-punishment-list{display:grid}
.profile-punishment-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.05)}
.profile-punishment-row:last-child{border-bottom:0}
.profile-punishment-copy{display:grid;gap:3px;min-width:0}
.profile-punishment-copy>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eaf5ff;font-size:11px}
.profile-punishment-copy>small{color:#7e9ab8;font-size:9px}
.profile-punishment-status{justify-self:end;color:#708ca9;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.profile-punishment-status.is-active{color:#ff91a9}

@media(max-width:820px){
  .moderation-feed-heading{align-items:flex-start;flex-direction:column;gap:8px}
  .punishment-feed-list{grid-template-columns:1fr}
  .punishment-feed-row:nth-child(odd){border-right:0}
  .punishment-feed-row:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.055)}
  .punishment-feed-row:last-child{border-bottom:0}
}
@media(max-width:560px){
  .punishment-feed-row{grid-template-columns:32px auto minmax(0,1fr);padding:11px 12px}
  .punishment-feed-row img{width:32px;height:32px}
  .punishment-feed-meta{grid-column:3;justify-items:start;grid-template-columns:auto auto;gap:7px;margin-top:-4px;min-width:0}
  .profile-moderation-alert{grid-template-columns:34px minmax(0,1fr);padding:12px}
  .profile-moderation-alert-icon{width:32px;height:32px;font-size:21px}
  .profile-punishment-row{grid-template-columns:auto minmax(0,1fr);gap:8px 10px;padding:11px 12px}
  .profile-punishment-status{grid-column:2;justify-self:start;margin-top:-2px}
}


/* v3.11.1 — streamlined homepage/profile hierarchy */
.home-page .hero{min-height:600px}
.home-page .section{padding-top:64px;padding-bottom:64px}
.home-page .weekly-challenge-section{padding-top:50px}
.home-page .section-head{margin-bottom:28px}
.home-page .section-head h2{margin-bottom:7px}
.home-page .split>div:first-child>h2{margin-top:0}
.profile-head .profile-identity-copy>h3{margin-top:0}
.profile-page-identity .profile-page-name{margin-top:0!important}
@media (max-width:760px){
  .home-page .hero{min-height:560px}
  .home-page .section{padding-top:52px;padding-bottom:52px}
  .home-page .weekly-challenge-section{padding-top:44px}
}


/* =========================================================
   Stormy Lagoon v3.11.2 — streamlined navigation / QOL pass
   Decorative eyebrow pills are reserved for actual metadata,
   never as a second title immediately above a title.
   ========================================================= */

/* The header search sits at the very top of the viewport, so its generic
   "above" tooltip would render off-screen. Put this one underneath instead. */
.topbar,.topbar .nav-inner,.topbar .nav-actions,.global-player-search-button{overflow:visible}
.global-player-search-button[data-tooltip]:not([data-tooltip=""])::after{
  top:calc(100% + 8px);bottom:auto;
  transform:translate(-50%,-4px);
}
.global-player-search-button[data-tooltip]:not([data-tooltip=""]):hover::after,
.global-player-search-button[data-tooltip]:not([data-tooltip=""]):focus-visible::after{
  transform:translate(-50%,0);
}
.global-player-search-button[aria-expanded="true"]::after{display:none!important}

/* Hiscores already has search/rank/compare controls directly above the table.
   Do not repeat the same actions in a third desktop column. */
.skills-hiscores-page .skills-only-layout{grid-template-columns:280px minmax(0,1fr)!important}
.skills-hiscores-page .hiscores-tools{display:none!important}
@media(max-width:1120px){
  .skills-hiscores-page .skills-only-layout{grid-template-columns:260px minmax(0,1fr)!important}
}
@media(max-width:860px){
  .skills-hiscores-page .skills-only-layout{grid-template-columns:1fr!important}
}

/* Team leaderboard cards still need a title, but it should read as a title,
   not another pink capsule. */
.team-top-board>div:first-child h3{
  margin:0;color:#f2f8ff;font-family:'Baloo 2',Nunito,sans-serif;
  font-size:20px;line-height:1;font-weight:900;
}

/* With the tiny pre-headings gone, remove the spacing that only existed to
   separate the duplicate label from the real heading. */
.teams-hero h1{margin-top:0}
.teams-directory-head h2{margin-top:0}
.tool-hero h1{margin-top:0}
.compare-modal-head h3{margin-top:0}
.team-identity-copy .team-title-line{margin-top:0}

/* v3.11.4 — moderation state is useful metadata, not a decorative title. */
.leaderboard-player-name{display:inline-flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.leaderboard-player-moderation{display:inline-flex;align-items:center;min-height:18px;padding:1px 6px;border-radius:999px;font-size:8px;font-weight:1000;text-transform:uppercase;letter-spacing:.045em;line-height:1}
.leaderboard-player-moderation.is-banned{color:#ff9ab0;background:rgba(255,63,99,.11);border:1px solid rgba(255,76,108,.25)}
.leaderboard-player-moderation.is-muted{color:#ffc57e;background:rgba(255,161,54,.1);border:1px solid rgba(255,173,77,.25)}

/* Stormy Lagoon v3.11.5 — Team PlayerStats + Hiscores QOL */
.playerstats-browser-actions{display:flex;align-items:stretch;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.playerstats-scope-toggle{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:3px;padding:5px;border:1px solid rgba(18,215,255,.18);border-radius:14px;background:rgba(5,11,21,.62)}
.playerstats-scope-toggle>span{padding:0 8px 0 5px;color:#7898ba;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.playerstats-scope-toggle button{min-height:34px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#94adca;font:inherit;font-size:11px;font-weight:1000;cursor:pointer;transition:background .14s ease,color .14s ease,box-shadow .14s ease}
.playerstats-scope-toggle button:hover{background:rgba(18,215,255,.07);color:#fff}
.playerstats-scope-toggle button.active{background:rgba(18,174,251,.18);box-shadow:inset 0 0 0 1px rgba(18,215,255,.32);color:#8feaff}
.playerstats-team-mode .playerstats-browser{border-color:rgba(18,215,255,.28);background:linear-gradient(145deg,rgba(18,174,251,.09),rgba(70,112,255,.045) 54%,rgba(255,255,255,.025))}
.playerstats-team-mode .team-hiscores-explore{display:inline-flex}
.metric-subline.team-stat-detail{margin-top:3px;color:#8fb1d2}

.team-summary-crowns{background:linear-gradient(135deg,rgba(18,174,251,.075),rgba(255,196,71,.055))!important;border-color:rgba(255,211,100,.18)!important}
.team-playerstats-section{margin-top:8px}
.team-playerstats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.team-playerstats-grid>a,.team-playerstats-grid>div{display:grid;gap:3px;padding:17px;border-radius:17px;border:1px solid rgba(18,215,255,.14);background:rgba(255,255,255,.03);text-decoration:none;color:#fff;min-width:0}
.team-playerstats-grid>a:hover{border-color:rgba(18,215,255,.4);background:rgba(18,215,255,.05)}
.team-playerstats-grid span{color:#91abc8;font-size:11px;text-transform:uppercase;letter-spacing:.055em}
.team-playerstats-grid strong{font-family:'Baloo 2';font-size:27px;line-height:1.05;overflow-wrap:anywhere}
.team-playerstats-grid small{color:#75dfff;line-height:1.35}
.team-stat-explainer{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;margin:12px 0;padding:14px 16px;border:1px solid rgba(18,215,255,.13);border-radius:16px;background:rgba(5,11,21,.38)}
.team-stat-explainer>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(18,215,255,.08);color:#6ce5ff;font-weight:1000}
.team-stat-explainer b{color:#eaf7ff}
.team-stat-explainer p{margin:3px 0 0;color:#91abc8;font-size:12px;line-height:1.55}
.team-crown-panel{margin-top:0}
.team-stat-empty{display:grid;gap:4px;padding:12px;color:#91abc8}
.team-stat-empty b{color:#fff}
.team-stat-empty span{font-size:12px;line-height:1.45}
.team-ranking-grid{grid-template-columns:repeat(5,minmax(0,1fr))}

@media(max-width:1100px){.team-playerstats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-ranking-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.playerstats-browser-actions{display:grid;grid-template-columns:1fr;width:100%}.playerstats-scope-toggle{grid-template-columns:auto 1fr 1fr}.playerstats-catalog-count{width:100%}.team-ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.team-playerstats-grid,.team-ranking-grid{grid-template-columns:1fr}.playerstats-scope-toggle>span{padding-left:7px}.team-stat-explainer{grid-template-columns:1fr}.team-stat-explainer>span{display:none}}
.teams-top-grid>.team-top-board:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:900px){.teams-top-grid>.team-top-board:last-child:nth-child(odd){grid-column:auto}}

/* Stormy Teams v4.0.0 — clean roster-based Team showcase */
.team-motto{font-size:18px!important;color:#e3f4ff!important;font-weight:800;font-style:italic;margin:7px 0!important}
.team-directory-motto{display:block!important;color:#d9edff!important;font-style:italic;margin-top:2px}
/* Let the expanded v3.11.5 Team dashboards use the available width cleanly. */
.teams-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.team-ranking-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}

/* =========================================================
   Stormy Lagoon v4.0.0 — Bans + Team identity / Hiscores QOL
   ========================================================= */

/* Uploaded Team icons. Fallback initials keep the exact same footprint. */
.team-directory-emblem.has-image,.team-emblem.has-image,.team-leaderboard-emblem.has-image,.profile-team-emblem.has-image,.team-hiscore-icon.has-image{overflow:hidden;padding:0;background:#091522}
.team-directory-emblem.has-image img,.team-emblem.has-image img,.team-leaderboard-emblem.has-image img,.profile-team-emblem.has-image img,.team-hiscore-icon.has-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.team-emblem.has-image img{border-radius:26px}
.profile-team-emblem.has-image img{border-radius:17px}
.team-leaderboard-emblem.has-image img{border-radius:10px}
.team-directory-emblem.has-image img{border-radius:15px}
.profile-team-showcase{margin-top:18px}

/* Teams directory — one useful Hiscores hub instead of four duplicated panels. */
.teams-top-grid{display:block;margin-bottom:22px}
.team-hiscores-hub{border:1px solid var(--line);border-radius:24px;padding:22px;background:linear-gradient(180deg,rgba(16,29,49,.97),rgba(8,15,28,.97));box-shadow:0 22px 55px rgba(0,0,0,.14)}
.team-hiscores-head,.team-hiscore-feature-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.team-hiscores-head h2,.team-hiscore-feature-head h3{font-family:'Baloo 2';line-height:1;margin:0;color:#fff}
.team-hiscores-head h2{font-size:36px}.team-hiscore-feature-head h3{font-size:25px}
.team-hiscores-head p,.team-hiscore-feature-head p{margin:5px 0 0;color:#92abc8}
.team-hiscores-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.team-hiscores-links a,.team-hiscore-feature-head>a{color:#72e2ff;text-decoration:none;font-size:12px;font-weight:900}.team-hiscores-links a:hover,.team-hiscore-feature-head>a:hover{color:#fff}
.team-hiscore-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0}
.team-hiscore-metric{appearance:none;text-align:left;border:1px solid rgba(18,215,255,.12);border-radius:16px;background:rgba(255,255,255,.025);padding:14px;color:#fff;cursor:pointer;font:inherit;transition:.15s ease;min-width:0}
.team-hiscore-metric:hover{border-color:rgba(18,215,255,.35);background:rgba(18,215,255,.045)}
.team-hiscore-metric.active{border-color:rgba(18,215,255,.6);background:linear-gradient(135deg,rgba(18,174,251,.12),rgba(255,47,125,.08));box-shadow:inset 0 0 0 1px rgba(18,215,255,.1)}
.team-hiscore-metric span{display:block;color:#7ee7ff;text-transform:uppercase;letter-spacing:.045em;font-size:10px;font-weight:1000}.team-hiscore-metric strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0 1px;font-size:14px}.team-hiscore-metric small{display:block;color:#8fa7c3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}
.team-hiscore-feature{padding:18px;border-radius:19px;background:rgba(3,9,18,.42);border:1px solid rgba(255,255,255,.055)}
.team-hiscore-list{display:grid;gap:5px;margin-top:12px}.team-hiscore-row{display:grid;grid-template-columns:34px 38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:13px;text-decoration:none;color:#fff}.team-hiscore-row:hover{background:rgba(18,215,255,.05)}.team-hiscore-rank{font-weight:1000;color:#7ce7ff;text-align:center}.team-hiscore-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,rgba(18,174,251,.9),rgba(255,47,125,.85));font-size:10px;font-weight:1000}.team-hiscore-row>div{display:grid;min-width:0}.team-hiscore-row>div b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-hiscore-row>div b small{color:#71ddf7}.team-hiscore-row>div span{color:#819ab8;font-size:11px}.team-hiscore-row>strong{font-size:13px;color:#ddecff;text-align:right}
.team-directory-motto{display:block;margin-top:2px;color:#b6cae2!important;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-directory-metrics span b{color:#e9f7ff}.team-directory-emblem,.team-hiscore-icon{flex:0 0 auto}

/* Team profile — top cards are totals; ranking belongs only in the Hiscores section. */
.team-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.team-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.team-playerstats-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.team-playerstats-summary>div{padding:17px;border-radius:17px;border:1px solid rgba(18,215,255,.13);background:rgba(255,255,255,.028)}.team-playerstats-summary span{display:block;color:#91abc8;text-transform:uppercase;letter-spacing:.05em;font-size:10px}.team-playerstats-summary strong{display:block;font-family:'Baloo 2';font-size:30px;line-height:1;margin:6px 0}.team-playerstats-summary small{color:#8fa8c5}
.team-best-standing{display:grid;gap:3px;margin:2px 0 12px;padding:17px 19px;border:1px solid rgba(18,215,255,.32);border-radius:18px;background:linear-gradient(135deg,rgba(18,174,251,.09),rgba(255,47,125,.07));text-decoration:none;color:#fff}.team-best-standing:hover{border-color:rgba(18,215,255,.62);transform:translateY(-1px)}.team-best-standing>span{color:#7fe8ff;text-transform:uppercase;letter-spacing:.065em;font-size:10px;font-weight:1000}.team-best-standing>strong{font-family:'Baloo 2';font-size:25px;line-height:1.1}.team-best-standing>small{color:#9bb5d1}
.team-ranking-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.team-ranking-grid .team-ranking-card{display:block;padding:17px}.team-ranking-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.team-ranking-card-head span{color:#d7e8fa;font-size:12px;font-weight:900}.team-ranking-card-head strong{font-family:'Baloo 2';font-size:29px;line-height:1;color:#fff}.team-ranking-card p{margin:4px 0 10px;color:#82def4;font-size:11px;min-height:30px}.team-ranking-card small{display:block;margin-top:8px;color:#8ea7c4!important;line-height:1.35}.team-rank-bar{height:5px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.team-rank-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#12d7ff,#ff3b82)}

/* Team section in Hiscores gets a real home and a direct all-stat entry point. */
.team-stats-sidebar-link{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:7px;align-items:center;margin:6px 0 2px;padding:10px 11px;border:1px solid rgba(18,215,255,.18);border-radius:13px;background:rgba(18,215,255,.045);text-decoration:none;color:#fff}.team-stats-sidebar-link>span{grid-row:1/3;color:#68e2ff;font-size:17px}.team-stats-sidebar-link b{font-size:11px}.team-stats-sidebar-link small{color:#7f9bb9;font-size:9px}.team-stats-sidebar-link:hover{border-color:rgba(18,215,255,.42);background:rgba(18,215,255,.08)}

/* Dedicated moderation browser. */
.bans-page{background:radial-gradient(circle at 85% 0,rgba(255,47,125,.08),transparent 32%),radial-gradient(circle at 5% 20%,rgba(18,174,251,.08),transparent 32%),var(--bg)}
.bans-main{padding:54px 0 90px}.bans-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:24px}.bans-hero h1{font-family:'Baloo 2';font-size:clamp(58px,8vw,92px);line-height:.85;letter-spacing:-.045em;margin:0 0 13px}.bans-hero p{max-width:760px;margin:0;color:#aec6e1;font-size:17px;line-height:1.55}.bans-hero>.btn{flex:0 0 auto}
.bans-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:17px}.bans-summary-grid>a{display:block;padding:18px;border:1px solid rgba(18,215,255,.14);border-radius:18px;background:rgba(255,255,255,.027);text-decoration:none;color:#fff;transition:.15s ease}.bans-summary-grid>a:hover{transform:translateY(-2px);border-color:rgba(18,215,255,.4);background:rgba(18,215,255,.045)}.bans-summary-grid span{display:block;color:#92aac7;text-transform:uppercase;letter-spacing:.055em;font-size:10px;font-weight:1000}.bans-summary-grid strong{display:block;font-family:'Baloo 2';font-size:36px;line-height:1;margin:5px 0}.bans-summary-grid small{color:#7f9ab8}
.bans-browser{border:1px solid var(--line);border-radius:25px;background:linear-gradient(180deg,rgba(15,28,47,.97),rgba(7,14,26,.98));overflow:hidden;box-shadow:var(--shadow)}
.bans-type-tabs{display:flex;gap:2px;padding:12px 14px 0;border-bottom:1px solid rgba(18,215,255,.1);overflow-x:auto}.bans-type-tabs a{display:block;padding:11px 15px;border-radius:12px 12px 0 0;color:#92abc7;text-decoration:none;font-size:13px;font-weight:900;white-space:nowrap;border:1px solid transparent;border-bottom:0}.bans-type-tabs a:hover{color:#fff;background:rgba(255,255,255,.03)}.bans-type-tabs a.active{color:#fff;border-color:rgba(18,215,255,.18);background:linear-gradient(180deg,rgba(18,174,251,.09),rgba(255,47,125,.06));box-shadow:inset 0 -2px #20d9ff}
.bans-filter-panel{display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(120px,.7fr)) auto auto;gap:9px;align-items:end;padding:16px;border-bottom:1px solid rgba(18,215,255,.1);background:rgba(2,8,17,.25)}.bans-filter-panel label{display:grid;gap:5px;min-width:0}.bans-filter-panel label>span{color:#8faccc;text-transform:uppercase;letter-spacing:.055em;font-size:9px;font-weight:1000}.bans-filter-panel input,.bans-filter-panel select{width:100%;min-width:0;height:42px;border:1px solid rgba(18,215,255,.17);border-radius:12px;background:#06111f;color:#fff;padding:0 11px;font:inherit;font-size:12px;outline:0}.bans-filter-panel input:focus,.bans-filter-panel select:focus{border-color:#19d6ff;box-shadow:0 0 0 3px rgba(18,215,255,.08)}.bans-filter-submit{height:42px;padding-inline:18px}.bans-clear-filter{align-self:center;color:#75dff8;text-decoration:none;font-size:11px;font-weight:900;padding:8px}.bans-clear-filter:hover{color:#fff}.bans-sort-mobile{display:none!important}
.bans-results-bar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 16px;color:#8fa8c5;font-size:11px}.bans-results-bar b{color:#dcecff;font-size:12px}
.bans-table-wrap{overflow-x:auto}.bans-table{width:100%;border-collapse:collapse;table-layout:fixed}.bans-table th{padding:10px 12px;text-align:left;border-top:1px solid rgba(18,215,255,.08);border-bottom:1px solid rgba(18,215,255,.12);background:rgba(18,174,251,.035);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.bans-table th a{color:#78ddf6;text-decoration:none}.bans-table th a:hover{color:#fff}.bans-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle;color:#c8daee;font-size:11px}.bans-table tbody tr{transition:.12s ease}.bans-table tbody tr:hover{background:rgba(18,215,255,.035)}.bans-table td>a:not(.bans-player):not(.punishment-type):not(.bans-status){display:block;color:inherit;text-decoration:none}.bans-table th:nth-child(1){width:14%}.bans-table th:nth-child(2){width:8%}.bans-table th:nth-child(3){width:25%}.bans-table th:nth-child(4){width:10%}.bans-table th:nth-child(5){width:9%}.bans-table th:nth-child(6){width:11%}.bans-table th:nth-child(7){width:13%}.bans-table th:nth-child(8){width:10%}
.bans-player{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;min-width:0}.bans-player img{border-radius:9px;flex:0 0 auto}.bans-player span{display:grid;min-width:0}.bans-player b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bans-player small,.bans-table td small{display:block;color:#728da9;font-size:9px;margin-top:1px}.bans-reason{white-space:normal;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
.punishment-type,.bans-status,.bans-detail-flag{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.055em;font-weight:1000;text-decoration:none;border:1px solid rgba(255,255,255,.12);white-space:nowrap}.punishment-type.type-ban{color:#ff9aab;background:rgba(255,67,100,.1);border-color:rgba(255,67,100,.28)}.punishment-type.type-mute{color:#d5b2ff;background:rgba(161,99,255,.1);border-color:rgba(161,99,255,.27)}.punishment-type.type-warning{color:#ffd47d;background:rgba(255,184,54,.1);border-color:rgba(255,184,54,.26)}.punishment-type.type-kick{color:#8ee9ff;background:rgba(18,215,255,.09);border-color:rgba(18,215,255,.23)}.bans-status.status-active{color:#ff8daf;background:rgba(255,47,125,.1);border-color:rgba(255,47,125,.3)}.bans-status.status-expired,.bans-status.status-completed{color:#a7bdd5;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1)}.bans-status.status-removed{color:#85dfb1;background:rgba(76,199,135,.09);border-color:rgba(76,199,135,.23)}.bans-detail-flag{color:#ffd47d;background:rgba(255,184,54,.1);border-color:rgba(255,184,54,.25)}
.bans-pager{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:17px}.bans-pager>div{display:flex;justify-content:center;gap:5px;align-items:center}.bans-pager a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:6px 9px;border-radius:10px;border:1px solid rgba(18,215,255,.12);background:rgba(255,255,255,.025);color:#b8cee5;text-decoration:none;font-size:11px;font-weight:900}.bans-pager a:hover{border-color:rgba(18,215,255,.37);color:#fff}.bans-pager a.active{background:rgba(18,215,255,.11);border-color:rgba(18,215,255,.4);color:#7ce7ff}.bans-pager a.disabled{opacity:.35;pointer-events:none}.bans-pager span{color:#718aa6}
.bans-empty{padding:50px 22px;text-align:center}.bans-empty h2{font-family:'Baloo 2';font-size:33px;margin:0 0 5px}.bans-empty p{color:#92abc7;margin:0 auto 16px;max-width:590px}

/* Case details keep context in-page rather than throwing people into a separate route. */
.bans-detail-overlay{position:fixed;z-index:9000;inset:0;display:grid;place-items:center;padding:22px}.bans-detail-bg{position:absolute;inset:0;background:rgba(1,5,11,.8);backdrop-filter:blur(10px)}.bans-detail-card{position:relative;width:min(720px,100%);max-height:min(860px,calc(100vh - 44px));overflow:auto;padding:25px;border:1px solid rgba(18,215,255,.25);border-radius:25px;background:linear-gradient(180deg,#102039,#081321);box-shadow:0 36px 100px rgba(0,0,0,.55)}.bans-detail-close{position:absolute;right:15px;top:15px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.06);color:#d8e8f8;text-decoration:none;font-size:20px}.bans-detail-close:hover{background:rgba(255,255,255,.1);color:#fff}.bans-detail-head{display:grid;grid-template-columns:88px minmax(0,1fr);gap:17px;align-items:center;padding-right:38px}.bans-detail-head>img{border-radius:18px}.bans-detail-labels{display:flex;gap:6px;flex-wrap:wrap}.bans-detail-head h2{font-family:'Baloo 2';font-size:42px;line-height:.95;margin:8px 0 3px}.bans-detail-head p{margin:0;color:#90aac8;font-size:11px}.bans-detail-head p a{color:#75def6}.bans-detail-reason{margin:20px 0 12px;padding:17px;border-radius:17px;background:rgba(255,255,255,.035);border:1px solid rgba(18,215,255,.12)}.bans-detail-reason>span,.bans-detail-grid span{display:block;color:#7f9ab8;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:1000}.bans-detail-reason p{font-size:17px;line-height:1.45;margin:5px 0 0;color:#f0f7ff}.bans-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bans-detail-grid>div{padding:13px;border-radius:14px;border:1px solid rgba(255,255,255,.065);background:rgba(2,8,16,.3);min-width:0}.bans-detail-grid strong{display:block;margin-top:4px;color:#e6f3ff;word-break:break-word}.bans-detail-grid small{display:block;color:#7892af;font-size:10px;margin-top:2px}.bans-detail-uuid{font-size:10px}.bans-duration-progress{height:7px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;margin:15px 0 0}.bans-duration-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#15d6ff,#ff3b82)}.bans-detail-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:17px}

@media(max-width:1050px){
  .team-hiscore-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-member-grid{grid-template-columns:1fr}
  .team-ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bans-filter-panel{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(125px,1fr)) auto}.bans-filter-panel label:nth-of-type(4){grid-column:auto}.bans-filter-submit{grid-column:auto}.bans-clear-filter{grid-column:1/-1;padding:0}
  .bans-table{min-width:980px}
}
@media(max-width:760px){
  .team-hiscores-head,.team-hiscore-feature-head{display:grid;align-items:start}.team-hiscores-links{justify-content:flex-start}.team-hiscore-row{grid-template-columns:30px 36px minmax(0,1fr)}.team-hiscore-row>strong{grid-column:3;text-align:left;color:#78e2fa}.team-hiscore-metrics{grid-template-columns:1fr 1fr}.team-summary-grid,.team-playerstats-summary,.team-ranking-grid{grid-template-columns:1fr}.team-emblem.has-image img{border-radius:18px}
  .bans-main{padding-top:30px}.bans-hero{display:grid;align-items:start}.bans-summary-grid{grid-template-columns:1fr 1fr}.bans-filter-panel{grid-template-columns:1fr 1fr}.bans-search-field{grid-column:1/-1}.bans-sort-mobile{display:grid!important}.bans-filter-submit{grid-column:1/-1}.bans-clear-filter{grid-column:1/-1}.bans-results-bar{align-items:flex-start;display:grid;gap:2px}
  .bans-table-wrap{overflow:visible}.bans-table{display:block;min-width:0;table-layout:auto;padding:0 12px 12px}.bans-table thead{display:none}.bans-table tbody{display:grid;gap:10px}.bans-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(18,215,255,.11);border-radius:17px;background:rgba(255,255,255,.025);overflow:hidden}.bans-table td{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.045);min-width:0}.bans-table td::before{content:attr(data-label);color:#7893b0;text-transform:uppercase;letter-spacing:.055em;font-size:8px;font-weight:1000}.bans-table td:first-child,.bans-table td:nth-child(3){grid-column:1/-1}.bans-table td:last-child{border-bottom:0}.bans-table td>a{min-width:0}.bans-reason{-webkit-line-clamp:3}.bans-player{grid-column:auto}.bans-pager{grid-template-columns:1fr 1fr}.bans-pager>div{grid-column:1/-1;grid-row:1;overflow-x:auto;justify-content:flex-start}.bans-pager>a:first-child{grid-column:1}.bans-pager>a:last-child{grid-column:2}.bans-detail-card{padding:20px}.bans-detail-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .team-hiscores-hub{padding:16px;border-radius:20px}.team-hiscore-metrics{grid-template-columns:1fr}.team-hiscores-head h2{font-size:31px}.team-hiscore-feature{padding:13px}.team-summary-grid{grid-template-columns:1fr}.team-title-line h1{font-size:38px}.team-identity{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px}.team-emblem{width:64px;height:64px}.team-identity-copy{grid-column:1/-1}.team-identity-copy .team-title-line{margin-top:-76px;margin-left:78px;min-height:64px;align-content:center}.team-identity-copy>p,.team-identity-copy>.team-action-row{margin-left:0}.profile-team-emblem.has-image img{border-radius:14px}
  .bans-summary-grid{grid-template-columns:1fr}.bans-filter-panel{grid-template-columns:1fr}.bans-search-field{grid-column:auto}.bans-filter-submit{grid-column:auto}.bans-table tr{grid-template-columns:1fr}.bans-table td,.bans-table td:first-child,.bans-table td:nth-child(3){grid-column:1}.bans-detail-head{grid-template-columns:64px minmax(0,1fr)}.bans-detail-head>img{width:64px;height:64px;border-radius:14px}.bans-detail-head h2{font-size:32px}.bans-detail-actions{display:grid}.bans-detail-actions .btn{width:100%}
}

/* Clean section rhythm after removing redundant mini-title dividers. */
.team-page-card .team-section{margin-top:28px;padding-top:28px;border-top:1px solid rgba(18,215,255,.1)}
.team-page-card .team-summary-grid+.team-section{margin-top:22px}
.profile-punishment-row{color:inherit;text-decoration:none;transition:.12s ease}.profile-punishment-row:hover{background:rgba(18,215,255,.04)}
.profile-moderation-head>.profile-leaderboards-link{white-space:nowrap}


/* Stormy Lagoon v4.0.3 — mobile navigation parity */
@media(max-width:980px){
  .mobile-nav a[target="_blank"]{border-top:1px solid rgba(255,255,255,.06)}
}

/* =========================================================
   Stormy Lagoon v4.0.7 — home-style header parity
   Use the same wide desktop header rail on every public page.
   Normal page content keeps the existing 1120px content rail.
   ========================================================= */
@media (min-width:981px){
  .topbar .nav-inner{
    width:min(var(--nav-wrap),calc(100% - 38px))!important;
    max-width:var(--nav-wrap)!important;
    height:76px!important;
    margin-inline:auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:22px!important;
  }
  .topbar .brand{
    flex:0 0 auto!important;
    margin:0!important;
  }
  .topbar .brand img{
    width:180px!important;
    max-width:180px!important;
  }
  .topbar .desktop-nav{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    margin:0!important;
    padding:0!important;
  }
  .topbar .desktop-nav a{
    margin:0!important;
    padding:11px 14px!important;
  }
  .topbar .nav-actions{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
  }
  .topbar .global-player-search-button{
    margin:0!important;
    flex:0 0 auto!important;
  }
}

/* Keep the complete desktop nav usable on narrower laptop widths without
   dropping Bans or changing the page-to-page layout. */
@media (min-width:981px) and (max-width:1320px){
  .topbar .nav-inner{gap:12px!important}
  .topbar .brand img{width:160px!important;max-width:160px!important}
  .topbar .desktop-nav{gap:3px!important}
  .topbar .desktop-nav a{padding:10px 9px!important;font-size:11px!important}
  .topbar .nav-actions{gap:7px!important}
  .topbar .global-player-search-button{min-width:40px!important;width:40px!important;padding:0!important}
  .topbar .global-player-search-button b{display:none!important}
  .topbar .store-pill,.topbar .discord-pill,.topbar .play-pill{padding-left:11px!important;padding-right:11px!important;font-size:12px!important}
}


/* Stormy Lagoon v4.0.9 — centralized vote menu */
.vote-modal-box{width:min(760px,calc(100% - 32px))}
.vote-modal-heading{padding-right:44px}
.vote-modal-kicker{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;margin:0 0 10px;border-radius:999px;border:1px solid rgba(18,215,255,.28);background:rgba(18,215,255,.08);color:#8eeaff;font-size:10px;font-weight:1000;letter-spacing:.075em;text-transform:uppercase}
.vote-modal-heading h3{margin-bottom:8px}
.vote-modal-heading p{margin:0;max-width:620px;line-height:1.5}
.storm-vote-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.storm-vote-list .vote-link{grid-template-columns:38px minmax(0,1fr) auto;min-height:68px;padding:13px 14px}
.storm-vote-list .vote-link:last-child:nth-child(odd){grid-column:1 / -1}
.storm-vote-list .vl-num{font-size:11px;letter-spacing:.03em}
.storm-vote-list .vl-name{font-size:15px;line-height:1.15;overflow:hidden}
.storm-vote-list .vl-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:.025em;font-size:10px}
.storm-vote-list .vl-go{font-size:12px}
.vote-modal-note{margin:14px 2px 0!important;color:#7894b4!important;font-size:11px;line-height:1.45}
@media(max-width:760px){
  .vote-modal-heading{padding-right:0}
  .vote-modal-heading h3{padding-right:38px}
  .storm-vote-list{grid-template-columns:1fr}
  .storm-vote-list .vote-link:last-child:nth-child(odd){grid-column:auto}
  .storm-vote-list .vote-link{min-height:72px}
  .storm-vote-list .vl-name{font-size:17px}
  .storm-vote-list .vl-name small{font-size:10px}
  .vote-modal-note{padding-bottom:10px}
}