:root{--bg:#090a0b;--bg2:#0d0f11;--panel:#121416;--panel2:#171a1d;--line:#2a2d31;--soft:#1d2024;--text:#f6f7f8;--muted:#9ca3ad;--gold:#ffc928;--gold2:#e6a900;--green:#2bd466;--red:#ef4444;--blue:#33aaff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090a;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;background-image:radial-gradient(circle at 15% 0,#32260930,transparent 28%),linear-gradient(180deg,#090a0b,#0a0b0c)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1500px,95vw);margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(7,8,9,.94);backdrop-filter:blur(15px);border-bottom:1px solid #24272a;box-shadow:0 10px 35px #0005}.nav{height:64px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:9px;min-width:max-content}.brand img{width:48px;height:48px;object-fit:contain;image-rendering:auto}.brand b{font-size:19px;letter-spacing:.3px}.brand b span{color:var(--gold)}.brand small{display:block;font-size:9px;letter-spacing:1.7px;color:#7e8792}.nav nav{display:flex;gap:5px;align-items:center;flex:1}.nav nav a{padding:10px 12px;color:#d4d7db;font-size:13px;border-radius:7px;font-weight:700}.nav nav a:hover,.nav nav a.nav-home{background:#2c2207;color:var(--gold)}.top-search{display:flex;width:min(270px,22vw);position:relative}.top-search input{height:38px;padding:0 38px 0 12px;border-radius:8px;background:#111315;border:1px solid #30343a;color:#fff}.top-search button{position:absolute;right:4px;top:4px;width:30px;height:30px;border:0;background:transparent;color:var(--gold);cursor:pointer}.account{display:flex;align-items:center;gap:7px}.account form{margin:0}.btn,.ghost,.danger{border-radius:8px;padding:11px 16px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:.2s ease}.btn{background:linear-gradient(180deg,#ffd94d,#f2b915);color:#161205;border-color:#f8cf35;box-shadow:0 5px 18px #e1a40028}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.ghost{background:#111315;color:#eef0f2;border-color:#363b42}.ghost:hover{border-color:#a78318;color:#ffe273}.danger{background:#381315;color:#ffb7b7;border-color:#752126}.big{padding:13px 20px}.compact{padding:9px 12px;font-size:12px}.user-chip{display:flex;align-items:center;gap:7px;background:#111315;border:1px solid #33373c;border-radius:8px;padding:5px 8px;font-size:12px;font-weight:800}.user-chip img{width:28px;height:28px;border-radius:4px;image-rendering:pixelated}.flash{width:min(900px,92vw);margin:14px auto 0;padding:12px 14px;border-radius:8px;position:relative;z-index:60}.success{background:#0d2b18;border:1px solid #23723d}.error{background:#311316;border:1px solid #7f1d1d}.community-hero{height:330px;position:relative;background-position:center 54%;background-size:cover;background-repeat:no-repeat;border-bottom:1px solid #2b2e31;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050607f2 0,#050607d8 30%,#0506078d 55%,#05060730 100%),linear-gradient(180deg,#0003,#0000 45%,#050607c7)}.hero-shell{position:relative;height:100%;display:flex;align-items:center}.hero-copy{max-width:700px;padding-left:30px}.hero-kicker,.eyebrow{font-size:11px;font-weight:1000;letter-spacing:2.2px;color:var(--gold)}.hero-copy h1{font-size:clamp(42px,4.6vw,70px);line-height:.88;margin:10px 0 14px;font-weight:1000;letter-spacing:-1.5px;text-shadow:0 4px 18px #000}.hero-copy h1 span{color:var(--gold);text-shadow:0 4px 0 #8b6500,0 8px 25px #000}.hero-copy p{font-size:16px;color:#e2e5e8;line-height:1.55;max-width:620px;margin:0}.hero-actions{display:flex;gap:10px;margin-top:20px}.motd-float{position:absolute;right:12px;top:22px;width:395px;background:linear-gradient(180deg,#111416ee,#0c0e10ef);border:1px solid #3a3e42;border-radius:10px;padding:12px;box-shadow:0 16px 40px #0009}.motd-head{display:flex;align-items:center;gap:10px}.motd-head>img{width:53px;height:53px;object-fit:contain}.motd-head div:nth-child(2){flex:1}.motd-head b,.motd-head strong,.motd-head span{display:block}.motd-head b{font-size:15px}.motd-head strong{font-size:16px;color:var(--gold);margin:2px 0}.motd-head span{font-size:11px;color:#d6d9dd}.player-count{font-weight:1000;color:#d7dbe0;font-size:16px}.player-count i,.server-players i{display:inline-block;margin-left:8px;width:17px;height:14px;background:linear-gradient(90deg,var(--green) 0 18%,transparent 18% 27%,var(--green) 27% 45%,transparent 45% 54%,var(--green) 54% 72%,transparent 72% 81%,var(--green) 81% 100%);clip-path:polygon(0 100%,0 70%,18% 70%,18% 48%,45% 48%,45% 26%,72% 26%,72% 0,100% 0,100% 100%)}.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:14px;padding:14px 0 28px}.content-column{min-width:0}.forum-box,.news-box,.side-card{background:#111315;border:1px solid #2b2e32;border-radius:9px;box-shadow:0 12px 30px #0004;overflow:hidden}.box-title,.side-title{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #2a2d31;background:linear-gradient(180deg,#171a1d,#121416)}.box-title h2{font-size:14px;margin:0;color:var(--gold);letter-spacing:.2px}.box-title a,.side-title span{font-size:11px;color:#f2c62e}.forum-list{overflow:hidden}.forum-row{display:grid;grid-template-columns:55px minmax(0,1fr) 80px 90px 315px;gap:12px;align-items:center;padding:10px 13px;border-bottom:1px solid #26292d;background:linear-gradient(90deg,#111315,#101214);transition:.16s}.forum-row:last-child{border-bottom:0}.forum-row:hover{background:#171a1d;transform:translateX(2px)}.forum-icon{width:44px;height:44px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#2f2508,#151309);border:1px solid #594712;color:var(--gold);font-size:22px}.forum-main h3{margin:0;font-size:14px}.forum-main p{margin:3px 0 0;color:#a8aeb7;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-stat{display:flex;flex-direction:column;align-items:flex-start}.forum-stat b{font-size:12px;color:#e8ebee}.forum-stat small{font-size:10px;color:#747c87}.forum-latest{display:grid;grid-template-columns:35px 1fr;gap:8px;align-items:center}.forum-latest img,.mini-placeholder{width:35px;height:35px;border-radius:5px;image-rendering:pixelated;background:#24272c}.mini-placeholder{display:grid;place-items:center;color:var(--gold);font-weight:1000}.forum-latest b,.forum-latest small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-latest b{font-size:11px}.forum-latest small{font-size:10px;color:#8d95a0;margin-top:2px}.news-box{margin-top:14px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}.news-card{height:205px;position:relative;border-radius:7px;overflow:hidden;border:1px solid #33373c}.news-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.25s}.news-card:hover>img{transform:scale(1.035)}.news-overlay{position:absolute;inset:0;padding:80px 12px 10px;background:linear-gradient(180deg,transparent 15%,#050607dc 70%,#050607f6);display:flex;flex-direction:column;justify-content:flex-end}.news-overlay span{align-self:flex-start;background:var(--gold);color:#171200;padding:3px 7px;border-radius:4px;font-size:9px;font-weight:1000}.news-overlay h3{font-size:15px;margin:7px 0 4px}.news-overlay p{font-size:10.5px;line-height:1.35;color:#c5cad1;margin:0 0 5px}.news-overlay small{font-size:9px;color:#e4c55b}.community-sidebar{display:flex;flex-direction:column;gap:10px}.side-card{border-radius:8px}.side-title b{font-size:12px;color:var(--gold)}.status-pill{background:#133821;color:#72ef91;padding:4px 7px;border-radius:5px;font-size:9px!important}.status-pill.off{background:#40171a;color:#ff8c8c}.server-display{display:grid;grid-template-columns:52px 1fr auto;gap:9px;align-items:center;padding:12px}.server-display>img{width:52px;height:52px;border-radius:6px;object-fit:contain;image-rendering:auto}.server-display div:nth-child(2) b,.server-display div:nth-child(2) strong,.server-display div:nth-child(2) small{display:block}.server-display div:nth-child(2) b{font-size:13px}.server-display div:nth-child(2) strong{font-size:14px;color:var(--gold);margin:2px 0}.server-display div:nth-child(2) small{font-size:10px;color:#9da4ae}.server-players{font-weight:1000;font-size:14px;white-space:nowrap}.copy-btn{width:calc(100% - 24px);margin:0 12px 12px;border:1px solid #5e4a0b;border-radius:6px;background:#2b2208;color:#ffe56b;padding:9px;font-weight:900;cursor:pointer}.faces{display:flex;gap:8px;flex-wrap:wrap;padding:12px}.faces img{width:36px;height:36px;border-radius:5px;image-rendering:pixelated;border:1px solid #42464c}.sidebar-posts{padding:3px 11px}.sidebar-posts a{display:grid;grid-template-columns:32px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #292c30}.sidebar-posts a:last-child{border-bottom:0}.sidebar-posts img{width:32px;height:32px;border-radius:4px;image-rendering:pixelated}.sidebar-posts b,.sidebar-posts small{display:block}.sidebar-posts b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-posts small{font-size:9.5px;color:#8c949f;margin-top:3px}.sidebar-posts small span{color:#efbc24}.leaderboard{padding:6px 11px}.leaderboard a{display:grid;grid-template-columns:23px 28px 1fr auto;gap:7px;align-items:center;padding:6px 0;border-bottom:1px solid #282b2f}.leaderboard a:last-child{border-bottom:0}.leaderboard em{font-style:normal;width:20px;height:20px;border-radius:4px;background:#2d250d;color:#ffd437;display:grid;place-items:center;font-size:9px;font-weight:1000}.leaderboard img{width:28px;height:28px;border-radius:4px;image-rendering:pixelated}.leaderboard b,.leaderboard small{display:block}.leaderboard b{font-size:10px}.leaderboard small{font-size:8.5px;color:#7e8791}.leaderboard> a > span{font-size:9px;color:#9fa5ad}.discord-card{min-height:105px;display:flex;align-items:center;justify-content:space-between;padding:15px;background:linear-gradient(120deg,#151936,#3b1c72);border:1px solid #4c4391;border-radius:8px;overflow:hidden}.discord-card b{font-size:15px}.discord-card p{font-size:10px;color:#c6c8e7;max-width:230px}.discord-card span{display:inline-block;background:var(--gold);color:#171200;font-weight:900;padding:7px 9px;border-radius:5px;font-size:10px}.discord-card img{width:76px;height:76px;object-fit:contain}.page{padding:34px 0 55px}.narrow{width:min(820px,94vw)}.crumb{font-size:12px;color:#78818d;margin-bottom:18px}.crumb a{color:#d8dce1}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.category-head h1,.thread-title h1,.panel h1{font-size:34px;margin:8px 0}.category-head p,.thread-title p{color:var(--muted)}.panel{background:#111315;border:1px solid #2e3237;border-radius:10px;padding:22px;box-shadow:0 16px 40px #0005;margin-bottom:18px}.panel form{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#d8dce0}input,select,textarea{width:100%;background:#0b0d0f;border:1px solid #34383e;border-radius:7px;padding:11px 12px;color:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#9d7a11;box-shadow:0 0 0 3px #ffc92812}textarea{resize:vertical}.warning{padding:12px;border-radius:7px;background:#31270c;border:1px solid #655216;color:#f1df9b;margin:14px 0;font-size:12px}.code-box{font:1000 24px ui-monospace,Consolas,monospace;letter-spacing:1px;padding:18px;background:#08090a;border:1px dashed var(--gold);border-radius:8px;margin:17px 0;color:#ffe166;word-break:break-all}.center-card{text-align:center}.success-head{width:96px;height:96px;image-rendering:pixelated;border-radius:10px;border:2px solid #5f4c10;margin-top:14px}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:stretch}.auth-card p{color:#a9b0ba;line-height:1.55}.profile-preview{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:10px;background:#0b0d0f;border:1px solid #30343a;border-radius:8px}.preview-skin img{width:50px;height:50px;image-rendering:pixelated;border-radius:6px}.profile-preview b,.profile-preview small{display:block}.profile-preview small{font-size:10px;color:#89929e;margin-top:4px}.register-art{position:relative;border:1px solid #30343a;border-radius:10px;overflow:hidden;min-height:520px;background:#0b0d0f}.register-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.register-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000,#08090af5 70%)}.register-art>div{position:absolute;z-index:2;inset:auto 0 0;padding:18px;text-align:center}.register-art>div>img{height:250px;max-width:170px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 14px 12px #0008)}.register-art h2{margin:0;font-size:24px}.register-art p{color:#b7bdc6;font-size:12px;line-height:1.5}.thread-list{border:1px solid #2b2e32;border-radius:9px;overflow:hidden;background:#101214}.thread-row{display:grid;grid-template-columns:44px minmax(0,1fr) 85px 85px;gap:12px;align-items:center;padding:13px;border-bottom:1px solid #292c30}.thread-row:last-child{border-bottom:0}.thread-row:hover{background:#171a1d}.thread-face{width:40px;height:40px;border-radius:5px;image-rendering:pixelated}.thread-row h3,.thread-row p{margin:0}.thread-row h3{font-size:13px}.thread-row p{font-size:10px;color:#9199a4;margin-top:4px}.thread-row>div:not(:first-of-type){display:flex;flex-direction:column;text-align:center}.thread-row small{color:#7f8791;font-size:9px}.empty{padding:22px;border:1px dashed #3d4248;border-radius:8px;color:#a8afb8;background:#0d0f11}.post{display:grid;grid-template-columns:175px 1fr;background:#111315;border:1px solid #2d3136;border-radius:9px;overflow:hidden;margin:12px 0}.post aside{padding:18px;background:#0d0f11;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;border-right:1px solid #282c30}.post-avatar{width:78px;height:78px;border-radius:7px;image-rendering:pixelated;border:1px solid #3d4248;background:#181b1e}.post aside b{font-size:13px}.post aside span,.post aside small{font-size:10px}.post-body{padding:18px}.post-meta{font-size:10px;color:#7e8791;padding-bottom:10px;border-bottom:1px solid #292d31}.pre{white-space:pre-wrap;line-height:1.7;padding-top:15px;color:#e5e8eb;font-size:13px}.profile-hero{min-height:520px;background:linear-gradient(90deg,#050607ec,#050607a8),url('/img/hero-basticraft.jpg') center/cover;padding:50px 0}.profile-shell{display:grid;grid-template-columns:300px 1fr;gap:45px;align-items:center}.profile-skin-wrap{height:420px;display:flex;align-items:flex-end;justify-content:center}.profile-skin-wrap img{max-height:400px;max-width:260px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 25px 22px #000b)}.profile-info{max-width:700px}.profile-info h1{font-size:55px;margin:8px 0 12px}.profile-info p{color:#c1c6cd;line-height:1.6}.rank-pill{display:inline-block;border:1px solid;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:1000}.profile-stats{display:flex;gap:10px;margin-top:20px}.profile-stats>div{min-width:110px;background:#0b0d0fbf;border:1px solid #32363b;border-radius:8px;padding:12px}.profile-stats b,.profile-stats small{display:block}.profile-stats b{font-size:25px;color:var(--gold)}.profile-stats small{font-size:10px;color:#8b939e}.muted{color:var(--muted);font-size:12px}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.admin-nav a{padding:9px 12px;border:1px solid #313844;background:#101419;border-radius:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{padding:20px;background:#11151a;border:1px solid #2d333b;border-radius:12px}.stat b{display:block;font-size:32px;color:var(--gold)}.stat span{color:var(--muted)}.table .tr{display:grid;grid-template-columns:160px 180px 1fr 180px;gap:12px;padding:11px 0;border-bottom:1px solid #272d35}.admin-list{display:flex;flex-direction:column;gap:10px}.admin-item{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;gap:10px;align-items:center;padding:14px;background:#101419;border:1px solid #2d333c;border-radius:10px}.admin-item form{display:flex;gap:6px}.admin-item small{display:block;color:var(--muted);margin-top:4px}.grid-form{display:grid!important;grid-template-columns:repeat(4,1fr);gap:12px}.grid-form .perm-grid,.grid-form .btn{grid-column:1/-1}.perm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.check{display:flex;flex-direction:row;align-items:center;background:#0b0e12;border:1px solid #2d333b;padding:9px;border-radius:7px}.check input{width:auto}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.search-form{display:grid!important;grid-template-columns:1fr auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:28px 0;border-top:1px solid #24272a}.footer-grid p{color:#89919c;font-size:11px}.footer-brand img{width:54px;height:54px}.copyright{text-align:center;color:#646c76;font-size:10px;padding:13px;border-top:1px solid #202327}footer{background:#070809}
@media(max-width:1200px){.top-search{display:none}.forum-row{grid-template-columns:55px minmax(0,1fr) 70px 80px 220px}.motd-float{width:350px}.community-layout{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:980px){.nav nav{display:none}.community-hero{height:360px}.motd-float{display:none}.hero-copy{padding-left:0}.community-layout{grid-template-columns:1fr}.forum-row{grid-template-columns:52px minmax(0,1fr) 80px}.forum-row .forum-stat:nth-of-type(2),.forum-latest{display:none}.community-sidebar{grid-template-columns:repeat(2,1fr);display:grid}.discord-card{grid-column:1/-1}.auth-layout{grid-template-columns:1fr}.register-art{min-height:390px}.profile-shell{grid-template-columns:220px 1fr}.profile-skin-wrap{height:350px}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-form,.settings-grid{grid-template-columns:1fr}.perm-grid{grid-template-columns:1fr}.admin-item{grid-template-columns:1fr}.table .tr{grid-template-columns:1fr}}
@media(max-width:680px){.wrap{width:min(94vw,100%)}.nav{height:58px}.brand img{width:40px;height:40px}.brand b{font-size:15px}.brand small{display:none}.account .ghost{display:none}.community-hero{height:330px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:13px}.hero-actions{flex-wrap:wrap}.forum-row{grid-template-columns:45px minmax(0,1fr)}.forum-stat{display:none}.forum-main p{max-width:70vw}.news-grid{grid-template-columns:1fr}.news-card{height:190px}.community-sidebar{display:flex}.auth-layout{padding-top:18px}.profile-preview{grid-template-columns:50px 1fr}.profile-preview .ghost{grid-column:1/-1}.register-art{display:none}.thread-row{grid-template-columns:40px 1fr}.thread-row>div:not(:first-of-type){display:none}.post{grid-template-columns:1fr}.post aside{border-right:0;border-bottom:1px solid #282c30;align-items:flex-start}.post-avatar{width:60px;height:60px}.profile-shell{grid-template-columns:1fr;text-align:center}.profile-skin-wrap{height:300px}.profile-skin-wrap img{max-height:300px}.profile-stats{justify-content:center}.profile-info h1{font-size:40px}.footer-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}

.image-settings-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:14px}.image-setting{background:#0b0d0f;border:1px solid #30343a;border-radius:8px;padding:10px}.image-setting img{width:100%;height:130px;object-fit:cover;border-radius:6px;background:#070809;margin:7px 0}.image-setting input{font-size:11px}@media(max-width:900px){.image-settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.image-settings-grid{grid-template-columns:1fr}}
/* v3 layout refinements */
.hero-community{min-height:340px}.hero-community-grid{min-height:340px;grid-template-columns:minmax(0,1fr) 400px;align-items:center}.hero-copy{padding-left:18px;max-width:760px}.hero-copy h1{max-width:760px}.motd-card{align-self:start;margin-top:18px}.forum-last{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center}.forum-last>img{width:36px;height:36px;image-rendering:pixelated;border-radius:4px;border:1px solid #44493f}.forum-last>div{display:flex;flex-direction:column;min-width:0}.top-members li{grid-template-columns:24px 32px minmax(0,1fr) auto}.msg-count{font-size:9px;color:#9da399}.side-empty{padding:12px;margin:0}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:stretch}.register-art{position:relative;overflow:hidden;border:1px solid #373a32;border-radius:10px;min-height:520px;background:#111}.register-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.48) saturate(1.15)}.register-art>div{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:28px;background:linear-gradient(0deg,rgba(5,6,5,.95),transparent 70%)}.register-art>div>img{width:170px;height:260px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 16px #000)}.register-art h2{margin:5px 0;color:var(--gold)}.register-art p{font-size:12px;color:#d6d8d2}.profile-preview{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;background:#0a0c0a;border:1px solid #363a33;border-radius:8px;padding:10px}.preview-skin img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated;border-radius:5px;background:#20231e}.profile-preview div:nth-child(2){display:flex;flex-direction:column}.profile-preview small{color:#9aa197;margin-top:4px}.center-card{text-align:center}.success-head{width:104px;height:104px;image-rendering:pixelated;object-fit:contain;border-radius:8px;background:#171a15;border:1px solid #3b4037}.profile-hero{padding:42px 0 70px;min-height:520px;background:linear-gradient(90deg,rgba(7,8,6,.95),rgba(7,8,6,.68)),url('/img/hero-basticraft.jpg') center/cover}.profile-shell{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center}.profile-skin-wrap{height:390px;display:flex;align-items:flex-end;justify-content:center}.profile-skin-wrap img{max-height:380px;image-rendering:pixelated;filter:drop-shadow(0 18px 20px #000)}.profile-info{background:rgba(10,12,10,.86);border:1px solid #3c4037;border-radius:12px;padding:28px;backdrop-filter:blur(10px)}.profile-info h1{font-size:46px;margin:7px 0 12px}.profile-info .profile-stats{display:flex;gap:30px;margin-top:22px}.profile-info .profile-stats>div{display:flex;flex-direction:column}.profile-info .profile-stats b{font-size:30px;color:var(--gold)}.profile-info .profile-stats small{color:var(--muted)}
@media(max-width:980px){.hero-community-grid{grid-template-columns:1fr}.motd-card{align-self:auto;margin:0 8px 16px}.auth-layout{grid-template-columns:1fr}.register-art{min-height:420px}.profile-shell{grid-template-columns:1fr}.profile-skin-wrap{height:260px}.profile-skin-wrap img{max-height:260px}}
@media(max-width:650px){.hero-community{min-height:410px}.hero-community-grid{min-height:410px}.profile-preview{grid-template-columns:50px 1fr}.profile-preview .ghost{grid-column:1/-1}.register-art{display:none}.profile-info h1{font-size:34px}.forum-last{display:none}}

/* v3.0 páginas independientes */
.page-hero{min-height:270px;position:relative;background-size:cover;background-position:center;border-bottom:1px solid #2c2f32;display:flex;align-items:flex-end}.page-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050607f2 0,#050607b8 48%,#05060755),linear-gradient(180deg,#0002,#070809e5)}.page-hero-copy{position:relative;z-index:2;padding:58px 18px 38px}.page-hero-copy>span{color:var(--gold);font-size:11px;font-weight:1000;letter-spacing:2px}.page-hero-copy h1{font-size:clamp(34px,4vw,58px);margin:8px 0 8px}.page-hero-copy p{max-width:760px;color:#d3d7dc;line-height:1.55;margin:0}.content-page{padding-top:20px;padding-bottom:44px}.news-grid-page{grid-template-columns:repeat(3,1fr);padding:0;margin-bottom:16px}.simple-list{display:grid;gap:8px}.simple-list a{display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center;background:#0d1013;border:1px solid #2a2f35;border-radius:8px;padding:9px}.simple-list img{width:46px;height:46px;image-rendering:pixelated;border-radius:5px}.simple-list b,.simple-list small{display:block}.simple-list small{color:var(--muted);margin-top:3px}.staff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.staff-card{min-height:360px;background:linear-gradient(180deg,#14171a,#0d0f11);border:1px solid #30343a;border-radius:10px;overflow:hidden;position:relative;display:flex;align-items:flex-end;justify-content:center}.staff-card>img{position:absolute;inset:18px 0 80px;width:100%;height:calc(100% - 95px);object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 16px #000)}.staff-card>div{position:relative;z-index:2;width:100%;padding:16px;background:linear-gradient(180deg,transparent,#08090afb 32%);text-align:center}.staff-card h3{margin:18px 0 3px}.staff-card span,.staff-card small{display:block;font-weight:900}.staff-card small{color:#8e96a1;font-size:10px;margin-top:3px}.prose p{white-space:pre-line;line-height:1.8;color:#d5d9de}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feature-grid>div{background:#0c0f11;border:1px solid #2e3338;border-radius:8px;padding:18px;font-weight:800}.discord-page-hero{min-height:340px}.admin-user-item{grid-template-columns:minmax(220px,1.2fr) minmax(360px,1.5fr) auto auto auto}.admin-user-name{display:flex;gap:10px;align-items:center}.admin-user-name img{width:42px;height:42px;border-radius:5px;image-rendering:pixelated}.mini-form{display:grid!important;grid-template-columns:1fr 105px auto;gap:6px!important}.mini-form input,.mini-form select{min-width:0}
@media(max-width:1100px){.staff-grid{grid-template-columns:repeat(3,1fr)}.admin-user-item{grid-template-columns:1fr}.mini-form{grid-template-columns:1fr 120px auto}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.staff-grid{grid-template-columns:repeat(2,1fr)}.news-grid-page{grid-template-columns:1fr}.mini-form{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.page-hero-copy{padding-left:0}.page-hero{min-height:240px}}
@media(max-width:520px){.staff-grid{grid-template-columns:1fr}}

/* ===== v4 · landing tipo network + postulaciones + temporadas ===== */
.landing-topbar{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(5,6,7,.92),rgba(5,6,7,.58),transparent);border:0;box-shadow:none}.landing-topbar .nav{height:72px}.landing-topbar .nav nav{justify-content:center}.landing-topbar .nav nav a{font-size:12px;text-transform:uppercase;letter-spacing:.35px;padding:13px 14px}.store-nav{margin-left:4px}.landing-hero{min-height:690px;height:100vh;max-height:900px;position:relative;background-size:cover;background-position:center;overflow:hidden;border-bottom:2px solid #d9aa16}.landing-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,6,.96) 0%,rgba(4,5,6,.87) 26%,rgba(4,5,6,.54) 55%,rgba(4,5,6,.16) 100%),linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.05) 55%,rgba(3,4,5,.85))}.landing-glow{position:absolute;inset:0;background:radial-gradient(circle at 75% 50%,rgba(255,198,32,.11),transparent 31%);pointer-events:none}.landing-inner{height:100%;display:grid;grid-template-columns:minmax(0,820px) 1fr;align-items:center;position:relative;z-index:2;padding-top:55px}.landing-copy{padding:50px 20px 30px}.landing-kicker{font-size:12px;letter-spacing:2.1px;font-weight:1000;color:#fff;text-transform:uppercase;margin-bottom:18px}.landing-kicker::before{content:'◆';color:var(--gold);margin-right:8px}.landing-copy h1{margin:0;max-width:780px;font-size:clamp(58px,6vw,94px);line-height:.82;letter-spacing:-3.4px;font-weight:1000;text-transform:uppercase;text-shadow:0 8px 28px #000}.landing-copy h1 span{display:block}.landing-copy h1 .gold-line{color:var(--gold);margin-top:13px;text-shadow:0 3px 0 #8a6500,0 10px 30px #000}.landing-copy>p{max-width:680px;color:#e5e7eb;font-size:16px;line-height:1.75;margin:25px 0 24px}.landing-actions{display:flex;gap:12px;align-items:stretch}.ip-button,.glass-button{min-width:165px;min-height:68px;border-radius:10px;border:1px solid #ffffff1c;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 18px;font-weight:950;cursor:pointer;transition:.25s}.ip-button{background:linear-gradient(180deg,#ffda4e,#f2b919);color:#171300;box-shadow:0 11px 30px #e4a70038;border-color:#ffd84e}.ip-button small{font-size:10px;margin-top:7px;font-weight:800}.glass-button{background:rgba(14,16,18,.66);backdrop-filter:blur(10px);color:#fff;justify-content:center;align-items:center}.glass-button:hover,.ip-button:hover{transform:translateY(-3px)}.platform-strip{display:flex;gap:25px;margin-top:18px}.platform-strip div{display:flex;flex-direction:column}.platform-strip b{font-size:10px;color:var(--gold);letter-spacing:1.3px}.platform-strip span{font-size:11px;color:#c8cdd2;margin-top:4px}.landing-side{display:flex;justify-content:flex-end;padding-right:20px}.server-glass-card{width:330px;background:rgba(9,10,12,.72);border:1px solid #ffffff24;border-radius:12px;padding:15px;backdrop-filter:blur(13px);box-shadow:0 20px 55px #0008}.server-brand-line{display:flex;align-items:center;gap:12px}.server-brand-line img{width:58px;height:58px;object-fit:contain}.server-brand-line div{display:flex;flex-direction:column}.server-brand-line span,.server-brand-line small{font-size:10px;color:#9ca3af}.server-brand-line b{color:var(--gold);font-size:17px;margin:3px 0}.server-live{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;border-top:1px solid #ffffff17;margin-top:12px;padding-top:11px}.live-dot{width:9px;height:9px;border-radius:50%;background:#2bd466;box-shadow:0 0 12px #2bd466}.live-dot.off{background:#ef4444;box-shadow:0 0 12px #ef4444}.server-live b{font-size:11px}.server-live strong{color:#fff}.scroll-cue{position:absolute;z-index:4;bottom:20px;left:50%;font-size:28px;animation:bob 1.8s ease-in-out infinite}.home-section{padding:72px 0;background:#090a0b}.dark-section{background:linear-gradient(180deg,#0a0b0c,#0d0f11)}.section-heading{text-align:center;max-width:850px;margin:0 auto 30px}.section-heading>span,.split-heading span{font-size:10px;letter-spacing:2.2px;font-weight:1000;color:var(--gold)}.section-heading h2{font-size:clamp(32px,4vw,52px);margin:8px 0}.section-heading p{color:#9da5ae;line-height:1.65}.split-heading{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;text-align:left}.split-heading a{color:var(--gold);font-weight:900}.home-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.home-feature{padding:25px;min-height:235px;border:1px solid #2d3135;border-radius:12px;background:linear-gradient(160deg,#15181b,#0c0e10);transition:.25s;box-shadow:inset 0 1px #ffffff08}.home-feature:hover{transform:translateY(-6px);border-color:#7b6014;box-shadow:0 18px 35px #0005}.home-feature i{font-style:normal;font-size:28px;color:var(--gold)}.home-feature h3{font-size:22px;margin:18px 0 8px}.home-feature p{color:#9da5ad;font-size:13px;line-height:1.6;min-height:62px}.home-feature b{font-size:11px;color:var(--gold)}.news-showcase{background:#0d0f10}.home-news-grid{padding:0}.cinematic-card{height:330px;border-radius:12px}.media-team-section{background:radial-gradient(circle at 50% 0,#2a1e0830,transparent 40%),#090a0b}.media-team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.media-member{min-height:390px;border:1px solid #2d3034;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#17191b,#0b0c0d);position:relative;transition:.25s}.media-member:hover{transform:translateY(-7px);border-color:var(--gold)}.media-skin{height:300px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(circle at 50% 55%,#33280e,#111315 60%)}.media-skin img{max-width:92%;max-height:280px;image-rendering:pixelated;filter:drop-shadow(0 18px 18px #000)}.media-member-info{padding:15px;text-align:center}.media-member-info span{color:var(--gold);font-size:9px;letter-spacing:1.4px;font-weight:1000}.media-member-info h3{font-size:20px;margin:5px 0}.media-member-info small{color:#88919b;text-transform:uppercase}.empty-media{display:flex;align-items:center;justify-content:center;gap:25px;max-width:760px;margin:auto;padding:30px;border:1px solid #2e3236;border-radius:12px;background:#101214}.empty-media img{width:100px;height:100px;object-fit:contain}.apply-banner-section{background:#0d0f10}.apply-banner{min-height:220px;background-size:cover;background-position:center;border:1px solid #3a3d3f;border-radius:14px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.apply-banner span{color:var(--gold);font-size:10px;font-weight:1000;letter-spacing:1.8px}.apply-banner h2{font-size:40px;margin:6px 0}.apply-banner p{color:#c8cdd1;max-width:600px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}@keyframes bob{50%{transform:translateY(8px)}}
/* Aplicaciones */
.compact-hero{min-height:320px}.narrow-page{max-width:980px}.application-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.application-choice{padding:28px;border-radius:12px;border:1px solid #30343a;background:linear-gradient(155deg,#15181b,#0c0e10);transition:.25s}.application-choice:hover{transform:translateY(-5px);border-color:#9b7a1b}.application-choice>span{font-size:34px}.application-choice h2{font-size:27px;margin:15px 0 8px}.application-choice p{color:#9ea5ad;line-height:1.6;min-height:60px}.application-choice b{color:var(--gold)}.application-form{display:grid;gap:14px}.form-intro{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid #2b2f34}.form-intro img{width:70px;height:70px;image-rendering:pixelated;border-radius:7px;background:#181b1e}.form-intro h2,.form-intro p{margin:0}.form-intro p{color:#939aa3;margin-top:5px}.form-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.application-form label,.review-form label{display:grid;gap:7px;font-size:12px;font-weight:850;color:#cdd2d8}.application-form input,.application-form select,.application-form textarea,.review-form select,.review-form textarea{width:100%;background:#090b0d;border:1px solid #333941;border-radius:8px;color:#fff;padding:11px;resize:vertical}.my-applications{display:grid;gap:8px}.my-application{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:13px;background:#0b0d0f;border:1px solid #2b3035;border-radius:8px}.my-application small{display:block;color:#8f979f;margin-top:3px}.my-application p{grid-column:1/-1;color:#c6cbd0;margin:0}.application-status{padding:6px 9px;border-radius:999px;font-size:9px;font-weight:1000;text-transform:uppercase}.application-status.pending{background:#3a2c08;color:#ffd753}.application-status.accepted{background:#10331d;color:#63f28d}.application-status.rejected{background:#3b1518;color:#ff8f97}.application-admin-grid{display:grid;gap:14px}.application-review{border-left:3px solid #7b8087}.application-review.accepted{border-left-color:#2bd466}.application-review.rejected{border-left-color:#ef4444}.application-review.pending{border-left-color:#f5c32d}.application-review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.app-user{display:flex;align-items:center;gap:12px}.app-user img{width:64px;height:64px;image-rendering:pixelated;border-radius:7px;background:#191c1f}.app-user h3{margin:3px 0}.app-user small{color:#8f97a0}.app-type{font-size:9px;color:var(--gold);font-weight:1000;letter-spacing:1.4px}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.answers-grid>div{padding:11px;background:#0a0c0e;border:1px solid #282d32;border-radius:8px}.answers-grid b{text-transform:capitalize;color:#f4c934;font-size:10px}.answers-grid p{white-space:pre-wrap;color:#c9ced4;line-height:1.5;font-size:12px;margin:7px 0 0}.review-note{padding:10px;background:#14100a;border:1px solid #4c3b0e;border-radius:8px}.review-form{display:grid;grid-template-columns:220px 1fr;gap:10px;margin-top:12px}.review-actions{grid-column:1/-1;display:flex;gap:8px}.seasonal-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.seasonal-form label{display:grid;gap:6px}.seasonal-form select{background:#0b0d0f;border:1px solid #34393f;border-radius:8px;color:#fff;padding:11px}
/* Reglas */
.rules-panel{max-width:1000px;margin:auto}.rules-head{display:flex;gap:14px;align-items:center;border-bottom:1px solid #2d3136;padding-bottom:14px}.rules-head>span{font-size:30px}.rules-head h2,.rules-head p{margin:0}.rules-head p{color:#929aa4;margin-top:4px}.rule-list{display:grid;gap:9px;margin-top:14px}.rule-item{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;background:#0b0d0f;border:1px solid #292e33;border-radius:8px;padding:12px}.rule-item>b{width:40px;height:40px;border-radius:7px;background:#2d2308;color:var(--gold);display:grid;place-items:center}.rule-item p{margin:0;color:#d8dce0;line-height:1.55}
/* Festividades */
#festive-layer{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.festive-particle{position:absolute;top:-40px;animation:festiveFall linear infinite;opacity:.8;filter:drop-shadow(0 2px 4px #000)}@keyframes festiveFall{to{transform:translate3d(var(--drift),110vh,0) rotate(360deg)}}.theme-halloween body{}.theme-halloween .landing-hero::after{content:'🎃';position:absolute;right:2.5vw;bottom:18px;font-size:58px;z-index:3;filter:drop-shadow(0 8px 12px #000)}.theme-halloween .landing-hero::before{content:'🦇  🦇';position:absolute;right:13%;top:18%;font-size:25px;letter-spacing:20px;z-index:3;animation:bats 3s ease-in-out infinite}.theme-halloween .topbar{border-bottom-color:#6a3d0e66}.theme-halloween{--gold:#ff9d19;--gold2:#d86b08}.theme-christmas{--gold:#f1d55a;--green:#26c464}.theme-christmas .landing-hero::after{content:'🎄';position:absolute;right:3vw;bottom:18px;font-size:66px;z-index:3}.theme-valentine{--gold:#ff6f9f;--gold2:#d93673}.theme-valentine .landing-hero::after{content:'❤';position:absolute;right:4vw;bottom:20px;font-size:68px;color:#ff3d76;z-index:3;text-shadow:0 0 25px #ff3d76}.theme-summer{--gold:#ffd23f;--gold2:#f0a900}.theme-summer .landing-hero::after{content:'☀️';position:absolute;right:4vw;top:16%;font-size:64px;z-index:3}@keyframes bats{50%{transform:translateY(-12px) rotate(-4deg)}}
@media(max-width:1200px){.landing-copy h1{font-size:70px}.landing-inner{grid-template-columns:1fr 320px}.home-feature-grid{grid-template-columns:repeat(2,1fr)}.media-team-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.landing-topbar{position:sticky;background:#08090af5}.landing-hero{height:auto;min-height:650px}.landing-inner{grid-template-columns:1fr}.landing-side{display:none}.landing-copy{padding-top:100px}.landing-copy h1{font-size:64px}.media-team-grid{grid-template-columns:repeat(2,1fr)}.seasonal-form{grid-template-columns:1fr 1fr}.seasonal-form .btn{grid-column:1/-1}.application-review-head{flex-direction:column}.review-form{grid-template-columns:1fr}.answers-grid{grid-template-columns:1fr}}
@media(max-width:680px){.landing-hero{min-height:620px}.landing-copy{padding:110px 0 45px}.landing-copy h1{font-size:45px;line-height:.88;letter-spacing:-2px}.landing-copy>p{font-size:14px}.landing-actions{flex-direction:column;align-items:flex-start}.ip-button,.glass-button{width:100%;max-width:310px}.platform-strip{flex-direction:column;gap:8px}.home-feature-grid,.application-choice-grid,.form-grid-two,.media-team-grid{grid-template-columns:1fr}.apply-banner{flex-direction:column;align-items:flex-start}.split-heading{align-items:flex-start;gap:10px;flex-direction:column}.seasonal-form{grid-template-columns:1fr}.review-actions{flex-wrap:wrap}}

/* ===== BastiCraft v5 refinements ===== */
.mobile-menu-btn{display:none;background:#151719;border:1px solid #34383d;color:#fff;border-radius:10px;width:42px;height:42px;font-size:20px;cursor:pointer}.vote-nav{color:#ffe06b!important}.landing-hero.summer-landing{min-height:700px;background-position:center;background-size:cover}.summer-landing .landing-shade{background:linear-gradient(90deg,rgba(4,6,7,.88) 0%,rgba(4,6,7,.68) 34%,rgba(4,6,7,.25) 68%,rgba(4,6,7,.18) 100%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.3) 74%,#08090a 100%)}
.animated-hero-title .white-line,.animated-hero-title .gold-line,.animated-section-title{display:block;will-change:transform,filter;text-shadow:0 8px 24px rgba(0,0,0,.5)}.animated-hero-title.visible .white-line,.animated-hero-title .white-line{animation:titleFloat 4.8s ease-in-out infinite}.animated-hero-title.visible .gold-line,.animated-hero-title .gold-line{animation:titleGlow 3s ease-in-out infinite}.animated-section-title{animation:sectionPulse 5s ease-in-out infinite}@keyframes titleFloat{50%{transform:translateY(-4px) scale(1.008)}}@keyframes titleGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(255,201,40,0))}50%{filter:drop-shadow(0 0 16px rgba(255,201,40,.34));transform:translateY(-2px)}}@keyframes sectionPulse{50%{letter-spacing:.25px;text-shadow:0 0 20px rgba(255,201,40,.12)}}
.hero-action-grid{display:grid;grid-template-columns:minmax(250px,1.15fr) minmax(210px,.9fr) minmax(210px,.9fr);gap:12px;margin:28px 0 18px;max-width:900px}.hero-cta{min-height:76px;border-radius:14px;border:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:50px 1fr 28px;align-items:center;gap:10px;padding:13px 15px;box-shadow:0 14px 30px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.08);transition:.22s;overflow:hidden;position:relative}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.38)}.hero-cta.primary{background:linear-gradient(135deg,#ffe267,#f6b915);color:#151007;border-color:#ffe978}.hero-cta.vote{background:linear-gradient(135deg,#0b8ff0,#1760d8);color:#fff;border-color:#4fb8ff}.hero-cta.dark{background:linear-gradient(135deg,rgba(31,34,39,.97),rgba(13,15,18,.96));color:#fff}.hero-cta .cta-icon{font-size:25px}.hero-cta b{font-size:14px;display:block;letter-spacing:.2px}.hero-cta small{font-size:10px;display:block;margin-top:4px;opacity:.78}.hero-cta i{font-style:normal;font-size:24px;opacity:.9}.pretty-platforms{background:rgba(8,10,12,.54);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 15px;backdrop-filter:blur(12px);max-width:500px}.modern-status{padding:18px;border-radius:16px;background:linear-gradient(180deg,rgba(14,17,21,.94),rgba(8,10,13,.94));border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 55px rgba(0,0,0,.42)}.status-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #30343a}.online-pill{font-size:10px;background:#10351c;color:#7aff9e;border:1px solid #236d38;border-radius:999px;padding:6px 9px;display:flex;align-items:center;gap:5px}.player-count{display:flex;align-items:end;gap:8px;padding:20px 0}.player-count strong{font-size:46px;color:var(--gold)}.player-count span{font-weight:800}.player-count small{display:block;color:#8f98a2;font-size:10px;margin-top:4px}.connection-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.connection-cards>div{padding:12px;border:1px solid #30343a;border-radius:10px;background:#101317}.connection-cards b{display:block;color:var(--gold);font-size:10px}.connection-cards span{display:block;font-size:10px;margin-top:5px;color:#dce0e4;word-break:break-all}
.application-config-panel,.question-manager,.rules-admin-panel{margin-bottom:18px}.toggle-grid{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:end}.switch-card{padding:14px;border:1px solid #30343a;border-radius:10px;background:#0c0f12;display:grid;gap:10px}.switch-card span b,.switch-card span small{display:block}.switch-card small{color:#8e97a1;margin-top:4px;line-height:1.4}.switch-card select,.add-question-form select,.add-question-form input{background:#090b0d;color:#fff;border:1px solid #363c43;border-radius:8px;padding:10px}.panel-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.count-badge{background:#2d2308;color:#ffda56;border:1px solid #5e4913;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900}.question-list{display:grid;gap:8px;margin:15px 0}.question-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px;background:#0b0d10;border:1px solid #2b3035;border-radius:10px}.question-number{width:34px;height:34px;border-radius:8px;background:#2d2308;color:#ffd74d;display:grid;place-items:center;font-weight:1000}.question-info small{display:block;color:#8e97a0;margin-top:4px}.question-actions{display:flex;gap:7px;align-items:center}.question-actions form{display:flex;gap:5px;margin:0}.question-actions button:disabled{opacity:.3;cursor:not-allowed}.add-question-form{display:grid;grid-template-columns:2fr 1fr 1.4fr .8fr auto;gap:10px;align-items:end;padding-top:14px;border-top:1px solid #2c3136}.add-question-form label{display:grid;gap:6px;font-size:11px;font-weight:800}.applications-list-head{margin-top:30px}
.rules-hero{min-height:360px}.rules-intro{display:flex;align-items:center;gap:18px;max-width:1000px;margin:0 auto 18px}.rules-shield{font-size:48px}.rules-intro h2{margin:0 0 5px}.rules-intro p{margin:0;color:#9ba3ac}.rule-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:1100px;margin:auto}.rule-card{position:relative;display:grid;grid-template-columns:58px 1fr;gap:14px;padding:20px;border-radius:13px;background:linear-gradient(145deg,#121519,#0b0d0f);border:1px solid #2d3238;box-shadow:inset 0 1px rgba(255,255,255,.03);transition:.22s}.rule-card:hover{transform:translateY(-3px);border-color:#6d5515}.rule-card-number{width:48px;height:48px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#3a2d0a,#221a05);color:#ffd84d;border:1px solid #705815;font-weight:1000}.rule-card h3{margin:0 0 6px;font-size:18px}.rule-card p{margin:0;color:#b3bac1;line-height:1.6}.rules-admin-list{display:grid;gap:10px;margin:16px 0}.rule-admin-row{display:grid;grid-template-columns:50px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #2c3136;background:#0b0d0f;border-radius:10px}.rule-index{width:40px;height:40px;border-radius:8px;background:#2d2308;color:#ffd94d;display:grid;place-items:center;font-weight:1000}.rule-edit-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.rule-edit-fields{display:grid;grid-template-columns:220px 1fr;gap:8px}.rule-edit-fields input,.rule-edit-fields textarea,.add-rule-form input,.add-rule-form textarea{background:#090b0d;border:1px solid #343a41;color:#fff;border-radius:8px;padding:10px}.add-rule-form{display:grid;grid-template-columns:220px 1fr auto;gap:10px;align-items:end;padding-top:15px;border-top:1px solid #2c3136}.add-rule-form h3{grid-column:1/-1;margin:0}.add-rule-form label{display:grid;gap:6px;font-size:11px;font-weight:800}
.image-save-row{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding-top:8px}.image-save-row small{color:#9098a2}.image-setting img{transition:.2s}.image-setting.previewing img{outline:2px solid var(--gold);box-shadow:0 0 0 5px rgba(255,201,40,.12)}
.theme-summer .topbar{border-bottom-color:rgba(255,207,65,.22)}.theme-summer .landing-hero::after{content:'🌴';position:absolute;right:2.5vw;bottom:30px;font-size:54px;z-index:3;filter:drop-shadow(0 7px 12px #000)}.theme-summer .landing-hero::before{content:'✦  ✧  ✦';position:absolute;right:15%;top:12%;font-size:18px;color:#ffe898;letter-spacing:14px;z-index:3;animation:sparkFloat 3.2s ease-in-out infinite}@keyframes sparkFloat{50%{transform:translateY(-9px);opacity:.65}}
@media(max-width:1180px){.hero-action-grid{grid-template-columns:1fr 1fr}.hero-action-grid .dark{grid-column:1/-1}.toggle-grid{grid-template-columns:1fr 1fr}.toggle-grid .btn{grid-column:1/-1}.add-question-form{grid-template-columns:1fr 1fr}.add-question-form .btn{grid-column:1/-1}.rule-edit-fields{grid-template-columns:1fr}.rule-card-grid{grid-template-columns:1fr}}
@media(max-width:900px){.mobile-menu-btn{display:grid;place-items:center;margin-left:auto}.nav{height:auto;min-height:64px;flex-wrap:wrap;padding:8px 0}.nav nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;padding:8px 0 12px}.nav nav.open{display:flex}.nav nav a{width:100%;padding:12px 14px}.account{margin-left:auto}.store-nav{display:none}.landing-inner{padding-top:18px}.hero-action-grid{grid-template-columns:1fr}.hero-action-grid .dark{grid-column:auto}.toggle-grid{grid-template-columns:1fr}.question-row{grid-template-columns:38px 1fr}.question-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.add-question-form{grid-template-columns:1fr}.rule-admin-row{grid-template-columns:44px 1fr}.rule-admin-row>form:last-child{grid-column:2}.rule-edit-form{grid-template-columns:1fr}.add-rule-form{grid-template-columns:1fr}.rule-edit-fields{grid-template-columns:1fr}.modern-status{display:none}}
@media(max-width:620px){.wrap{width:min(94vw,1500px)}.account .ghost.compact,.account .btn.compact:not(.store-nav){display:none}.brand span{display:none}.brand img{width:42px;height:42px}.landing-hero.summer-landing{min-height:620px}.landing-copy{padding-top:42px}.animated-hero-title{font-size:42px!important}.hero-action-grid{margin-top:20px}.hero-cta{min-height:68px;grid-template-columns:42px 1fr 24px}.pretty-platforms{max-width:none}.home-section{padding:48px 0}.section-heading h2{font-size:34px}.panel-title-row{flex-direction:column}.rule-card{grid-template-columns:48px 1fr;padding:15px}.rules-intro{align-items:flex-start}.image-settings-grid{grid-template-columns:1fr!important}.image-save-row{flex-direction:column;align-items:flex-start}.review-actions .btn,.review-actions .danger,.review-actions .ghost{flex:1}.application-choice-grid{grid-template-columns:1fr}.page{padding-left:0;padding-right:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

body[data-animations="0"] .animated-hero-title .white-line,body[data-animations="0"] .animated-hero-title .gold-line,body[data-animations="0"] .animated-section-title{animation:none!important}

/* ===== BastiCraft Home v6: interfaz real inspirada en el mockup tropical ===== */
.bc-home-v6{background:#07110d;min-height:100vh;overflow:hidden}.bc-hero-v6{position:relative;min-height:690px;background-image:var(--hero-bg);background-size:cover;background-position:center 48%;isolation:isolate}.bc-hero-v6:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 62% 37%,transparent 0 22%,rgba(0,0,0,.08) 50%,rgba(0,0,0,.42) 100%);z-index:-1}.bc-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,8,.9) 0,rgba(4,10,8,.58) 34%,rgba(4,10,8,.08) 62%,rgba(4,10,8,.22) 100%),linear-gradient(180deg,rgba(2,6,8,.08) 58%,rgba(5,10,8,.76) 100%);z-index:-1}.bc-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr);gap:42px;padding-top:58px;align-items:start}.bc-hero-main{max-width:780px}.bc-kicker{font-size:12px;letter-spacing:1.7px;font-weight:900;color:#f6f7f3;text-shadow:0 2px 8px #000;margin-bottom:12px}.bc-kicker span{color:#fff}.bc-title-stack{width:min(680px,100%);line-height:.82;text-transform:uppercase;filter:drop-shadow(0 12px 13px rgba(0,0,0,.7))}.bc-title-stack>span{display:block;font-family:Impact,'Arial Black',sans-serif;letter-spacing:-1px}.bc-title-white{font-size:clamp(42px,5vw,78px);color:#f7f8fa;-webkit-text-stroke:1px #dfe5ed;text-shadow:0 5px 0 #aeb6c0,0 9px 14px #000}.bc-title-gold{font-size:clamp(54px,6.2vw,96px);color:#ffc928;-webkit-text-stroke:2px #7d4e00;text-shadow:0 6px 0 #b36b00,0 10px 18px #000;margin-top:6px}.bc-title-mini{font-size:clamp(18px,1.9vw,28px);letter-spacing:7px!important;color:#fff;margin:14px 0 10px;text-shadow:0 4px 6px #000}.bc-title-blue{font-size:clamp(52px,5.7vw,88px);color:#2db7ff;-webkit-text-stroke:2px #0d4772;text-shadow:0 6px 0 #126eae,0 10px 18px #000}.bc-hero-desc{max-width:610px;font-size:16px;line-height:1.65;color:#f0f3f2;text-shadow:0 2px 9px #000;margin:20px 0}.bc-primary-actions{display:grid;grid-template-columns:1.1fr 1.15fr 1.05fr;gap:12px;margin-top:24px}.bc-action{min-height:76px;border-radius:12px;padding:12px 15px;display:grid;grid-template-columns:46px 1fr 28px;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 30px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.14);cursor:pointer;transition:.22s;text-align:left}.bc-action:hover{transform:translateY(-4px) scale(1.01);filter:brightness(1.06)}.bc-action-icon{font-size:28px}.bc-action b{display:block;font-size:14px}.bc-action small{display:block;font-size:11px;margin-top:4px;opacity:.8}.bc-action i{font-style:normal;font-size:26px}.bc-action-play{background:linear-gradient(135deg,#ffe565,#f7b913);color:#1d1603}.bc-action-vote{background:linear-gradient(135deg,#118fea,#1764db);color:#fff}.bc-action-news{background:linear-gradient(145deg,rgba(31,35,41,.96),rgba(13,16,20,.96));color:#fff}.bc-hero-side{display:grid;gap:14px}.bc-status-card,.bc-discord-card{background:linear-gradient(180deg,rgba(12,17,22,.94),rgba(8,11,15,.96));border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 20px 55px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(12px)}.bc-status-card{padding:16px}.bc-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:13px;border-bottom:1px solid #303943;font-size:12px}.bc-status-pill{display:flex;align-items:center;gap:6px;color:#51f582;background:#0c351b;border:1px solid #1d6934;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:900}.bc-player-row{display:flex;align-items:center;gap:16px;padding:16px 8px}.bc-bars{font-size:29px;letter-spacing:-5px;color:#eaf2ff}.bc-player-row strong{font-size:36px;color:#ffc934}.bc-player-row b{font-size:18px}.bc-player-row small{display:block;color:#aab2bc;font-size:10px;margin-top:3px}.bc-platform-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bc-platform{display:grid;grid-template-columns:32px 1fr 18px;gap:8px;align-items:center;text-align:left;background:#111820;border:1px solid #303b45;border-radius:10px;color:#fff;padding:10px;cursor:pointer}.bc-platform>span:first-child{font-size:24px}.java-logo{color:#ff6f41}.bedrock-logo{color:#a5d442}.bc-platform b{font-size:10px;color:#ffb72c}.bc-platform small{display:block;font-size:9px;color:#dbe2e9;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.bc-platform i{font-style:normal;color:#aeb7c1}.bc-enter-button{width:100%;margin-top:12px;border:0;border-radius:9px;background:linear-gradient(180deg,#ffdd4f,#f5b916);color:#181303;font-weight:1000;padding:13px;box-shadow:0 7px 18px rgba(255,190,16,.22);cursor:pointer}.bc-discord-card{min-height:106px;padding:14px 16px;display:grid;grid-template-columns:58px 1fr 24px;gap:12px;align-items:center;background:linear-gradient(135deg,rgba(41,25,111,.96),rgba(20,20,50,.96))}.bc-discord-icon{width:54px;height:54px;border-radius:12px;background:#5b5fed;display:grid;place-items:center;font-size:28px}.bc-discord-card b{display:block;font-size:12px}.bc-discord-card span,.bc-discord-card small{display:block;font-size:10px;margin-top:4px;color:#c6c9dd}.bc-discord-card i{font-size:28px;font-style:normal;color:#c8cdfb}.bc-mode-strip{display:grid;grid-template-columns:repeat(10,1fr);gap:10px;margin-top:48px;padding-bottom:18px}.bc-mode-card{min-height:118px;border-radius:11px;background:linear-gradient(180deg,rgba(14,20,23,.86),rgba(9,12,14,.94));border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 24px rgba(0,0,0,.36);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;transition:.2s;backdrop-filter:blur(9px)}.bc-mode-card:hover{transform:translateY(-5px);border-color:#f1c333;box-shadow:0 14px 30px rgba(0,0,0,.5),0 0 0 1px rgba(255,201,40,.2)}.bc-mode-card span{font-size:31px}.bc-mode-card b{font-size:11px;margin-top:8px}.bc-mode-card small{font-size:8.5px;color:#c7ced4;margin-top:4px}.bc-lower-zone{position:relative;background:linear-gradient(180deg,rgba(6,13,10,.85),#08100d 90%);padding:10px 0 54px}.bc-dashboard-grid{display:grid;grid-template-columns:1.05fr 1.55fr .65fr;gap:14px}.bc-panel{background:linear-gradient(180deg,#0e1417,#0a0f11);border:1px solid #283037;border-radius:14px;box-shadow:0 18px 38px #0005;overflow:hidden}.bc-panel-head{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #293139}.bc-panel-head h2{font-size:13px;margin:0;letter-spacing:.2px}.bc-panel-head p{font-size:9.5px;color:#abb3bb;margin:5px 0 0}.bc-panel-head a{font-size:9.5px;color:#ffd43e;font-weight:900}.bc-feature-news{display:grid;grid-template-columns:46% 1fr;gap:14px;padding:12px}.bc-feature-news img{width:100%;height:170px;object-fit:cover;border-radius:9px}.bc-news-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.bc-news-meta span{background:#6f39d9;border-radius:6px;padding:5px 7px;font-size:8px;font-weight:900}.bc-news-meta small{font-size:9px;color:#abb3ba}.bc-feature-news h3{font-size:18px;margin:12px 0 6px}.bc-feature-news p{font-size:11px;color:#c5ccd2;line-height:1.55;margin:0 0 12px}.bc-mini-btn{display:inline-flex;background:linear-gradient(180deg,#ffd94d,#f4ba16);color:#171204;border-radius:8px;padding:9px 14px;font-size:10px;font-weight:1000}.bc-media-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px}.bc-media-person{position:relative;border-radius:10px;background:#10151a;border:1px solid #7e2cff;padding:10px 8px;text-align:center;overflow:hidden;box-shadow:0 0 18px rgba(125,44,255,.18)}.bc-media-color-1{border-color:#ae58ff}.bc-media-color-2{border-color:#ff2b4d}.bc-media-color-3{border-color:#25d6ff}.bc-media-avatar{height:118px;display:grid;place-items:end center;overflow:hidden}.bc-media-avatar img{max-height:120px;max-width:100%;object-fit:contain;image-rendering:pixelated}.bc-media-person b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-media-person span{display:inline-block;margin-top:5px;background:#6e28de;color:#fff;border-radius:5px;padding:3px 7px;font-size:8px;font-weight:900}.bc-media-empty{display:flex;align-items:center;gap:14px;padding:24px}.bc-media-empty img{width:72px;height:72px;object-fit:contain}.bc-media-empty b{font-size:15px}.bc-media-empty p{font-size:10px;color:#aab2b9}.bc-media-empty a{color:#ffd43f;font-size:10px;font-weight:900}.bc-event-panel{display:flex;flex-direction:column}.bc-event-card{flex:1;min-height:190px;background-size:cover;background-position:center;border-radius:0 0 13px 13px;display:flex;align-items:flex-end;padding:14px}.bc-event-card>div{width:100%;text-align:center}.bc-event-card span{font-size:18px;font-weight:1000;color:#ffd33e;text-shadow:0 3px 7px #000}.bc-event-card p{font-size:10px;line-height:1.45;color:#f2f3f3}.bc-event-card .bc-mini-btn{margin-top:4px}.bc-home-v6+.site-footer{margin-top:0}
@keyframes bcTitleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bcTitleGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12) drop-shadow(0 0 13px rgba(255,198,30,.24))}}body[data-animations="1"] .bc-title-stack{animation:bcTitleFloat 5.5s ease-in-out infinite}body[data-animations="1"] .bc-title-gold,body[data-animations="1"] .bc-title-blue{animation:bcTitleGlow 3.4s ease-in-out infinite}
@media(max-width:1280px){.bc-mode-strip{grid-template-columns:repeat(5,1fr)}.bc-dashboard-grid{grid-template-columns:1fr 1fr}.bc-event-panel{grid-column:1/-1}.bc-event-card{min-height:250px}.bc-primary-actions{grid-template-columns:1fr 1fr}.bc-action-news{grid-column:1/-1}}
@media(max-width:980px){.bc-hero-v6{min-height:auto;padding-bottom:24px}.bc-hero-grid{grid-template-columns:1fr;padding-top:34px}.bc-hero-side{grid-template-columns:1fr 1fr}.bc-title-stack{width:min(620px,100%)}.bc-mode-strip{grid-template-columns:repeat(5,1fr);margin-top:24px}.bc-dashboard-grid{grid-template-columns:1fr}.bc-event-panel{grid-column:auto}.bc-lower-zone{padding-top:18px}.bc-primary-actions{grid-template-columns:1fr 1fr}.bc-action-news{grid-column:1/-1}}
@media(max-width:720px){.bc-hero-grid{padding-top:24px}.bc-kicker{font-size:9px}.bc-title-white{font-size:clamp(37px,12vw,58px)}.bc-title-gold{font-size:clamp(48px,15vw,72px)}.bc-title-mini{font-size:16px;letter-spacing:4px!important}.bc-title-blue{font-size:clamp(45px,13vw,68px)}.bc-hero-desc{font-size:13px;max-width:94%}.bc-primary-actions{grid-template-columns:1fr}.bc-action-news{grid-column:auto}.bc-action{min-height:68px}.bc-hero-side{grid-template-columns:1fr}.bc-mode-strip{grid-template-columns:repeat(2,1fr)}.bc-mode-card{min-height:105px}.bc-feature-news{grid-template-columns:1fr}.bc-feature-news img{height:190px}.bc-media-row{grid-template-columns:repeat(2,1fr)}.bc-media-avatar{height:145px}.bc-media-avatar img{max-height:150px}.bc-platform-row{grid-template-columns:1fr}.bc-dashboard-grid{gap:12px}.bc-panel-head{align-items:flex-start}.bc-panel-head>div{max-width:80%}}
@media(max-width:420px){.bc-mode-strip{gap:7px}.bc-mode-card{padding:8px}.bc-mode-card span{font-size:26px}.bc-mode-card b{font-size:10px}.bc-title-stack{line-height:.86}.bc-action{grid-template-columns:38px 1fr 20px;padding:10px}.bc-action-icon{font-size:22px}.bc-player-row strong{font-size:31px}}

/* ============================================================
   BASTICRAFT V7 — PORTADA 1:1 CON LA REFERENCIA APROBADA
   El lienzo de escritorio mantiene exactamente la composición
   1024x682 de la referencia. Las zonas funcionales son DOM real.
   ============================================================ */
.pixel-home-desktop{display:block;background:#07100b;min-height:100vh;overflow:hidden}.pixel-canvas{position:relative;width:100%;max-width:1536px;margin:0 auto;aspect-ratio:1024/682;background:#07100b;overflow:hidden}.pixel-design-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;user-select:none;pointer-events:none}.pixel-hotspot{position:absolute;z-index:5;border:0;background:transparent;cursor:pointer;display:block}.pixel-hotspot:focus-visible{outline:2px solid #ffd429;outline-offset:-2px;border-radius:6px}.pixel-hotspot:hover{background:rgba(255,214,47,.035);box-shadow:inset 0 0 0 1px rgba(255,213,41,.16);border-radius:7px}
/* navbar */
.hs-home{left:24.6%;top:1.45%;width:6.8%;height:5%}.hs-news{left:32.4%;top:1.45%;width:6.6%;height:5%}.hs-staff{left:39.4%;top:1.45%;width:5.6%;height:5%}.hs-rules{left:45.6%;top:1.45%;width:5.7%;height:5%}.hs-support{left:51.6%;top:1.45%;width:6.5%;height:5%}.hs-store{left:58.6%;top:1.45%;width:6.5%;height:5%}.hs-discord{left:65.7%;top:1.45%;width:7.1%;height:5%}.hs-vote{left:73.3%;top:1.45%;width:6.4%;height:5%}.hs-account{left:83.0%;top:.9%;width:14.2%;height:6.0%}
/* hero */
.hs-play{left:6.5%;top:45.9%;width:21.7%;height:8.1%}.hs-vote-main{left:29.0%;top:45.9%;width:20.9%;height:8.1%}.hs-novedades{left:50.7%;top:45.9%;width:20.1%;height:8.1%}.hs-java{left:75.1%;top:24.2%;width:11.0%;height:6.8%}.hs-bedrock{left:86.5%;top:24.2%;width:10.4%;height:6.8%}.hs-enter{left:75.1%;top:31.6%;width:21.7%;height:5.6%}.hs-discord-card{left:75.1%;top:38.8%;width:21.8%;height:8.2%}
/* modalidades */
.hs-mode-1{left:3.9%;top:60.7%;width:8.4%;height:10.6%}.hs-mode-2{left:13.0%;top:60.7%;width:8.4%;height:10.6%}.hs-mode-3{left:22.2%;top:60.7%;width:8.4%;height:10.6%}.hs-mode-4{left:31.3%;top:60.7%;width:8.4%;height:10.6%}.hs-mode-5{left:40.4%;top:60.7%;width:8.4%;height:10.6%}.hs-mode-6{left:49.5%;top:60.7%;width:8.4%;height:10.6%}.hs-mode-7{left:58.6%;top:60.7%;width:8.4%;height:10.6%}.hs-mode-8{left:67.7%;top:60.7%;width:8.4%;height:10.6%}.hs-mode-9{left:76.8%;top:60.7%;width:8.4%;height:10.6%}.hs-mode-10{left:85.9%;top:60.7%;width:10.2%;height:10.6%}
/* inferiores */
.hs-news-all{left:32.8%;top:74.9%;width:5.6%;height:3.2%}.hs-news-open{left:20.7%;top:91.4%;width:8.1%;height:5.1%}.hs-media-all{left:71.0%;top:74.9%;width:6.2%;height:3.2%}.hs-event{left:83.9%;top:91.4%;width:8.6%;height:5.1%}
.pixel-live-count{position:absolute;z-index:7;left:82.8%;top:17.4%;width:10.2%;height:4%;display:flex;align-items:center;justify-content:center;gap:5px;font-weight:1000;text-shadow:0 2px 4px #000}.pixel-live-count strong{font-size:clamp(15px,1.55vw,24px);color:#ffc927}.pixel-live-count span{font-size:clamp(10px,1vw,15px);color:#fff}.pixel-user-real{position:absolute;z-index:9;left:83.0%;top:.75%;width:14.3%;height:6.2%}.pixel-user-button{width:100%;height:100%;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(8,12,16,.88);backdrop-filter:blur(10px);color:#fff;display:grid;grid-template-columns:36px 1fr 18px;gap:8px;align-items:center;padding:4px 8px;cursor:pointer;text-align:left}.pixel-user-button img{width:32px;height:32px;border-radius:4px;image-rendering:pixelated}.pixel-user-button b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pixel-user-button small{display:inline-block;margin-top:2px;background:#7137d9;color:#fff;border-radius:4px;padding:2px 5px;font-size:7px;font-weight:1000;text-transform:uppercase}.pixel-user-button i{font-style:normal}.pixel-user-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:170px;background:#0d1217;border:1px solid #2b353f;border-radius:9px;box-shadow:0 15px 35px #0008;padding:6px}.pixel-user-menu.open{display:block}.pixel-user-menu a,.pixel-user-menu button{display:block;width:100%;border:0;background:transparent;color:#e9edf1;padding:9px 10px;border-radius:6px;text-align:left;font-size:11px;cursor:pointer}.pixel-user-menu a:hover,.pixel-user-menu button:hover{background:#1a222b;color:#ffd234}.pixel-user-menu form{margin:0}
.pixel-real-media-team{position:absolute;z-index:8;left:40.5%;top:80.0%;width:36.3%;height:17.3%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.8%;padding:.3%}.pixel-real-media{position:relative;border-radius:7px;background:linear-gradient(180deg,#10131a,#090b0e);border:1px solid #8b36ff;overflow:hidden;text-align:center;box-shadow:0 0 16px rgba(137,54,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:2% 4% 5%;color:#fff}.pixel-real-media.media-1{border-color:#9a4dff}.pixel-real-media.media-2{border-color:#ff2754}.pixel-real-media.media-3{border-color:#20d7ff}.pixel-real-media img{position:absolute;inset:3% 8% 22%;width:84%;height:75%;object-fit:contain;image-rendering:pixelated}.pixel-real-media b{z-index:2;font-size:clamp(7px,.76vw,12px);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pixel-real-media small{z-index:2;margin-top:3px;background:#6b2fde;border-radius:4px;padding:2px 7px;font-size:clamp(5px,.52vw,8px);font-weight:1000}.pixel-crown{position:absolute;z-index:3;top:1px;color:#ffd02b;font-size:clamp(8px,.9vw,14px)}.pixel-toast{position:absolute;z-index:30;left:50%;top:7%;transform:translate(-50%,-15px);opacity:0;pointer-events:none;background:#0b1411;border:1px solid #2bcf68;color:#8effad;padding:9px 14px;border-radius:8px;font-weight:900;font-size:11px;transition:.2s}.pixel-toast.show{opacity:1;transform:translate(-50%,0)}
.pixel-home-mobile{display:none}

/* móvil: misma identidad, pero funcional y legible */
@media(max-width:899px){body:has(.pixel-home-mobile){background:#06100c}.pixel-home-desktop{display:none}.pixel-home-mobile{display:block;position:relative;min-height:100vh;background-image:linear-gradient(180deg,rgba(3,7,7,.14),#07100be8 72%,#07100b 100%),var(--mobile-bg);background-size:cover;background-position:center top;background-attachment:scroll}.mobile-home-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.25) 45%,#07100b 78%);pointer-events:none}.mobile-home-content{position:relative;z-index:2;padding:20px 14px 50px}.mobile-brand-line{display:flex;align-items:center;gap:8px;margin-bottom:28px}.mobile-brand-line img{width:50px;height:50px;object-fit:contain}.mobile-brand-line b{font-size:20px}.mobile-brand-line span{color:#ffc92c}.mobile-kicker{font-size:9px;letter-spacing:1.2px;color:#fff;font-weight:900;text-shadow:0 2px 6px #000}.mobile-home-content h1{margin:8px 0 14px;line-height:.84;text-transform:uppercase}.mobile-home-content h1 span,.mobile-home-content h1 strong,.mobile-home-content h1 small,.mobile-home-content h1 em{display:block;font-style:normal;font-weight:1000}.mobile-home-content h1 span{font-size:clamp(38px,13vw,64px);color:#fff;text-shadow:0 5px 0 #9ca5ad,0 9px 15px #000}.mobile-home-content h1 strong{font-size:clamp(52px,18vw,82px);color:#ffc925;text-shadow:0 5px 0 #a85c00,0 10px 17px #000}.mobile-home-content h1 small{font-size:16px;letter-spacing:6px;margin:13px 0 8px}.mobile-home-content h1 em{font-size:clamp(45px,16vw,76px);color:#28b8ff;text-shadow:0 5px 0 #116eab,0 10px 17px #000}.mobile-home-content>p{font-size:13px;line-height:1.6;text-shadow:0 2px 6px #000}.mobile-play{width:100%;display:grid;grid-template-columns:34px 1fr 24px;gap:10px;align-items:center;text-align:left;border:0;border-radius:12px;background:linear-gradient(135deg,#ffe665,#f4b713);color:#171202;padding:13px;margin-top:18px;font-size:20px;font-weight:1000}.mobile-play b,.mobile-play small{display:block}.mobile-play b{font-size:15px}.mobile-play small{font-size:10px}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.mobile-actions a{padding:14px 10px;border-radius:10px;background:#1377d8;color:#fff;text-align:center;font-size:11px;font-weight:1000}.mobile-actions a:last-child{background:#151b22}.mobile-status{margin-top:12px;background:rgba(8,13,17,.94);border:1px solid #38424b;border-radius:14px;padding:14px;box-shadow:0 15px 35px #0007}.mobile-status>div:first-child{display:flex;justify-content:space-between;font-size:11px}.mobile-status>div:first-child span{color:#39e878}.mobile-status>strong{font-size:36px;color:#ffca2a}.mobile-status>small{font-size:12px}.mobile-ips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.mobile-ips button{background:#111922;border:1px solid #31404c;border-radius:9px;color:#ffbd34;padding:10px;font-weight:900}.mobile-ips small{color:#dfe7ec}.mobile-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:14px 0}.mobile-modes a{min-height:95px;border-radius:11px;background:rgba(8,13,16,.9);border:1px solid #31404a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.mobile-modes span{font-size:30px}.mobile-modes b{font-size:11px}.mobile-panel{background:#0b1115;border:1px solid #2d3740;border-radius:13px;padding:13px;margin-top:10px}.mobile-panel h2{font-size:13px}.mobile-panel>img{width:100%;height:190px;object-fit:cover;border-radius:8px}.mobile-panel h3{margin:10px 0 5px}.mobile-panel p{font-size:11px;color:#c6ccd1}.mobile-panel>a{display:inline-flex;background:#ffd13a;color:#171204;padding:9px 13px;border-radius:7px;font-size:10px;font-weight:1000}.mobile-media{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mobile-media a{background:#10151a;border:1px solid #8539ff;border-radius:9px;text-align:center;padding:7px}.mobile-media img{height:125px;max-width:100%;object-fit:contain;image-rendering:pixelated}.mobile-media b,.mobile-media small{display:block}.mobile-media b{font-size:10px}.mobile-media small{display:inline-block;background:#6b2bdd;border-radius:4px;padding:2px 6px;font-size:7px}.mobile-event img{height:150px}body:has(.pixel-home-mobile) footer{display:none}}

/* ========================================================================
   BASTICRAFT HOME V8 — portada real en DOM basada 1:1 en la referencia.
   Ninguna captura completa se usa como interfaz: todos los bloques, enlaces,
   textos, estados, botones y tarjetas de la portada son elementos reales.
   ======================================================================== */
body:has(.bc-home){background:#06100b;overflow-x:hidden}body:has(.bc-home)>main{padding:0}body:has(.bc-home) footer{display:none}.bc-home{min-height:100vh;color:#fff;background:#08120e;font-family:Inter,Segoe UI,Arial,sans-serif}.bc-nav-shell{position:absolute;z-index:50;left:0;right:0;top:0;height:72px;background:rgba(8,14,18,.84);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.bc-nav{width:min(1370px,92vw);height:100%;margin:auto;display:flex;align-items:center;gap:20px}.bc-brand{display:flex;align-items:center;gap:9px;min-width:210px;font-size:20px;font-weight:1000;letter-spacing:.3px}.bc-brand img{width:52px;height:52px;object-fit:contain}.bc-brand>span>span{color:#ffd12b}.bc-links{display:flex;align-items:center;gap:4px;flex:1}.bc-links a{display:flex;align-items:center;gap:7px;padding:11px 13px;border-radius:7px;font-size:12px;font-weight:900;color:#f2f4f6;transition:.18s}.bc-links a:hover,.bc-links a.active{background:linear-gradient(180deg,#40320d,#2a2108);color:#ffd42e;box-shadow:inset 0 0 0 1px rgba(255,213,46,.34),0 5px 16px rgba(0,0,0,.25)}.bc-account-wrap{position:relative;width:190px}.bc-account{width:100%;height:51px;display:grid;grid-template-columns:38px 1fr 18px;gap:9px;align-items:center;padding:5px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(12,17,23,.9);color:#fff;cursor:pointer;text-align:left;box-shadow:0 7px 18px rgba(0,0,0,.28)}.bc-account img{width:36px;height:36px;border-radius:4px;image-rendering:pixelated}.bc-account b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.bc-account small{display:inline-block;background:#7139d9;border-radius:4px;padding:2px 6px;margin-top:2px;font-size:7px;font-weight:1000}.bc-account i{font-style:normal;text-align:center}.bc-login{grid-template-columns:1fr 18px;text-decoration:none}.bc-account-menu{display:none;position:absolute;right:0;top:58px;width:190px;background:#0e1419;border:1px solid #313c45;border-radius:9px;padding:6px;box-shadow:0 20px 45px #0009}.bc-account-menu.open{display:block}.bc-account-menu a,.bc-account-menu button{display:block;width:100%;background:transparent;border:0;color:#fff;padding:10px;border-radius:6px;text-align:left;font-weight:700;font-size:12px;cursor:pointer}.bc-account-menu a:hover,.bc-account-menu button:hover{background:#1a2228;color:#ffd32c}.bc-account-menu form{margin:0}.bc-mobile-toggle{display:none}
.bc-hero{position:relative;min-height:612px;background-image:linear-gradient(90deg,rgba(0,0,0,.23) 0%,rgba(0,0,0,.03) 54%,rgba(0,0,0,.12) 100%),var(--hero-bg);background-size:cover;background-position:center 48%;overflow:hidden}.bc-hero:after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(180deg,transparent,rgba(4,11,8,.55));pointer-events:none}.bc-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 55% 24%,rgba(255,255,255,.03),transparent 35%),linear-gradient(180deg,rgba(4,9,10,.03),rgba(5,13,10,.05));pointer-events:none}.bc-hero-inner{position:relative;z-index:2;width:min(1390px,92vw);margin:auto;padding-top:104px;display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:48px}.bc-hero-copy{max-width:780px}.bc-kicker{font-size:11px;letter-spacing:1.2px;font-weight:900;text-shadow:0 2px 6px #000;margin:10px 0 7px}.bc-title{width:min(620px,100%);line-height:.84;text-transform:uppercase;filter:drop-shadow(0 10px 12px rgba(0,0,0,.55))}.bc-title-white,.bc-title-gold,.bc-title-blue{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-weight:1000;letter-spacing:-1px}.bc-title-white{font-size:72px;color:#f4f5f7;text-shadow:0 5px 0 #9da4ab,0 8px 0 #5c646b,0 12px 16px #000}.bc-title-gold{font-size:102px;color:#ffd42c;text-shadow:0 6px 0 #d28400,0 10px 0 #8d4a00,0 15px 18px #000}.bc-title-mini{margin:11px 0 8px 154px;font-size:18px;letter-spacing:7px;font-weight:1000;color:#fff;text-shadow:0 3px 5px #000}.bc-title-blue{font-size:75px;color:#42c8ff;text-shadow:0 5px 0 #1686c8,0 9px 0 #0b568a,0 13px 16px #000}.bc-hero-text{max-width:610px;font-size:14px;line-height:1.55;margin:22px 0 20px;color:#f4f5f5;text-shadow:0 2px 5px #000}.bc-hero-actions{display:grid;grid-template-columns:1.1fr 1.1fr 1fr;gap:12px;width:min(760px,100%)}.bc-action{min-height:66px;border:1px solid rgba(255,255,255,.15);border-radius:10px;display:grid;grid-template-columns:42px 1fr 26px;gap:10px;align-items:center;padding:10px 12px;color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16);transition:transform .17s,filter .17s;cursor:pointer;text-align:left}.bc-action:hover{transform:translateY(-2px);filter:brightness(1.06)}.bc-action-play{background:linear-gradient(135deg,#ffe464,#f7b814);color:#151004;border-color:#ffe87a}.bc-action-vote{background:linear-gradient(135deg,#1185ee,#1268c9);border-color:#4eb5ff}.bc-action-news{background:linear-gradient(135deg,#212832,#15191f);border-color:#3c4650}.bc-action-icon{font-size:27px;text-align:center}.bc-action b,.bc-action small{display:block}.bc-action b{font-size:13px;font-weight:1000}.bc-action small{font-size:10px;margin-top:3px;opacity:.92}.bc-action-side{font-size:28px;text-align:center}.bc-side{padding-top:12px}.bc-status-card{background:linear-gradient(180deg,rgba(13,19,24,.96),rgba(10,14,18,.96));border:1px solid #38434d;border-radius:15px;padding:15px;box-shadow:0 18px 40px rgba(0,0,0,.52),inset 0 0 24px rgba(255,255,255,.015)}.bc-status-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303941;padding-bottom:11px;font-size:11px;font-weight:1000}.bc-status-head span{display:flex;align-items:center;gap:8px}.bc-status-head i{width:8px;height:8px;border-radius:50%;background:#25df68;box-shadow:0 0 11px #25df68}.bc-status-head b{color:#42ed7d;font-size:10px}.bc-player-row{display:flex;align-items:center;gap:18px;padding:17px 10px}.bc-player-row strong{font-size:32px;color:#ffc933}.bc-player-row b{font-size:20px}.bc-player-row small{display:block;font-size:10px;color:#d4d9dd;margin-top:2px}.bc-bars{height:47px;display:flex;gap:4px;align-items:flex-end}.bc-bars i{width:6px;background:#fff;border-radius:4px;box-shadow:0 0 7px rgba(255,255,255,.35)}.bc-bars i:nth-child(1){height:14px}.bc-bars i:nth-child(2){height:24px}.bc-bars i:nth-child(3){height:35px}.bc-bars i:nth-child(4){height:44px}.bc-ips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bc-ips button{min-width:0;border:1px solid #313c46;border-radius:9px;background:linear-gradient(180deg,#151c22,#10161b);color:#fff;display:grid;grid-template-columns:33px 1fr 16px;gap:7px;align-items:center;text-align:left;padding:9px;cursor:pointer}.bc-ips button:hover{border-color:#ffc932}.bc-ips button>span:first-child{font-size:24px;text-align:center}.bc-java-icon{color:#ff7045}.bc-grass-icon{color:#7dd340}.bc-ips b,.bc-ips small{display:block}.bc-ips b{font-size:10px;color:#ffbd30}.bc-ips small{font-size:8px;color:#e2e7ea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-ips i{font-style:normal}.bc-enter{width:100%;border:0;border-radius:8px;background:linear-gradient(180deg,#ffda48,#f4b91d);color:#151004;padding:13px;margin-top:11px;font-size:13px;font-weight:1000;cursor:pointer;box-shadow:0 6px 16px rgba(255,191,22,.2)}.bc-discord-card{display:grid;grid-template-columns:60px 1fr 24px;gap:12px;align-items:center;margin-top:14px;padding:13px;border-radius:14px;background:linear-gradient(110deg,rgba(46,24,120,.94),rgba(19,21,57,.95));border:1px solid #41417a;box-shadow:0 15px 35px rgba(0,0,0,.38);color:#fff}.bc-discord-icon{width:54px;height:54px;border-radius:13px;background:linear-gradient(145deg,#7458ff,#4932ca);display:grid;place-items:center;font-size:30px}.bc-discord-card b,.bc-discord-card small,.bc-discord-card strong{display:block}.bc-discord-card b{font-size:12px}.bc-discord-card small{font-size:10px;margin-top:4px}.bc-discord-card strong{font-size:11px;color:#73a0ff;margin-top:4px}.bc-discord-card i{font-size:29px;font-style:normal;text-align:center}
.bc-mode-strip{position:relative;z-index:3;width:min(1450px,96vw);margin:-7px auto 0;display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.bc-mode{height:112px;border-radius:10px;background:linear-gradient(180deg,rgba(17,25,29,.92),rgba(9,13,15,.96));border:1px solid #3a4246;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 22px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);transition:.17s}.bc-mode:hover{transform:translateY(-3px);border-color:#ffca32;box-shadow:0 12px 25px rgba(0,0,0,.42),0 0 0 1px rgba(255,202,50,.24)}.bc-mode-icon{font-size:33px;line-height:1}.bc-mode b{font-size:11px;margin-top:7px}.bc-mode small{font-size:8px;color:#d0d5d8;margin-top:4px}.bc-bottom-grid{width:min(1450px,96vw);margin:12px auto 22px;display:grid;grid-template-columns:1.12fr 1.16fr .58fr;gap:12px}.bc-panel{min-height:235px;border-radius:11px;background:linear-gradient(180deg,rgba(9,14,17,.98),rgba(7,11,13,.98));border:1px solid #303b41;box-shadow:0 15px 33px rgba(0,0,0,.38);overflow:hidden}.bc-panel-title{height:43px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #273037;font-size:12px;font-weight:1000}.bc-panel-title a{font-size:9px;color:#ffd237}.bc-panel-subtitle{font-size:10px;color:#d1d5d8;margin:8px 17px 0}.bc-news-content{display:grid;grid-template-columns:43% 1fr;gap:13px;padding:12px}.bc-news-content>img{width:100%;height:162px;object-fit:cover;border-radius:8px;border:1px solid #3a444a}.bc-news-copy{padding:3px 2px}.bc-news-meta{display:flex;align-items:center;gap:9px}.bc-news-meta span{background:#6e32d9;color:#fff;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:1000}.bc-news-meta small{font-size:8px;color:#d6d9dc}.bc-news-copy h3{font-size:17px;margin:10px 0 7px}.bc-news-copy p{font-size:10px;line-height:1.45;color:#d1d5d8;margin:0 0 13px}.bc-news-copy>a{display:inline-block;background:linear-gradient(180deg,#ffdd4b,#f5bb1d);color:#161103;border-radius:7px;padding:9px 13px;font-size:9px;font-weight:1000}.bc-media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:8px 14px 14px}.bc-media-card{height:154px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:linear-gradient(180deg,#17121d,#0e1014);border:1px solid #9148ff;border-radius:8px;overflow:hidden;padding:7px;box-shadow:inset 0 0 18px rgba(145,72,255,.1),0 0 12px rgba(145,72,255,.15)}.bc-media-card.purple{border-color:#9a47ff}.bc-media-card.red{border-color:#ff2f58}.bc-media-card.cyan{border-color:#24d7ff}.bc-media-card img{position:absolute;inset:6px 5px 37px;width:calc(100% - 10px);height:calc(100% - 43px);object-fit:contain;image-rendering:pixelated}.bc-media-card b{position:relative;z-index:2;max-width:100%;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-media-card small{position:relative;z-index:2;background:#6d30db;border-radius:4px;padding:2px 7px;font-size:7px;font-weight:1000;margin-top:3px}.bc-crown{position:absolute;z-index:3;top:2px;color:#ffd32d;font-size:13px}.bc-media-empty .bc-silhouette{position:absolute;inset:24px 13px 38px;border-radius:8px;background:linear-gradient(180deg,#30343a,#15191d);display:grid;place-items:center;font-size:36px;color:#67717a}.bc-event-art{height:192px;margin:0;background-size:cover;background-position:center;position:relative}.bc-event-art>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:0 10px 12px}.bc-event-art h3{font-family:Impact,Arial Black,sans-serif;font-size:25px;line-height:.9;color:#ffd02d;text-shadow:0 3px 0 #a65700,0 5px 8px #000;margin:0 0 8px}.bc-event-art p{font-size:9px;line-height:1.35;margin:0 0 9px}.bc-event-art a{background:linear-gradient(180deg,#ffdf4d,#f5bc1f);color:#171104;border-radius:6px;padding:8px 20px;font-size:9px;font-weight:1000}.bc-toast{position:fixed;z-index:200;left:50%;top:85px;transform:translate(-50%,-15px);opacity:0;pointer-events:none;background:#0c1713;border:1px solid #2ddd70;color:#9bffba;padding:10px 15px;border-radius:8px;font-size:11px;font-weight:900;transition:.2s}.bc-toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes bcTitleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}body[data-animations="1"] .bc-title{animation:bcTitleFloat 4s ease-in-out infinite}
@media(max-width:1180px){.bc-nav{width:96vw}.bc-links a{padding:10px 8px;font-size:11px}.bc-brand{min-width:170px}.bc-account-wrap{width:170px}.bc-hero-inner{width:94vw;grid-template-columns:minmax(0,1fr) 315px;gap:24px}.bc-title-white{font-size:59px}.bc-title-gold{font-size:84px}.bc-title-blue{font-size:63px}.bc-title-mini{margin-left:120px}.bc-mode-strip,.bc-bottom-grid{width:98vw}.bc-mode-strip{gap:6px}.bc-mode{height:104px}.bc-bottom-grid{grid-template-columns:1fr 1fr .55fr}}
@media(max-width:900px){.bc-nav-shell{position:relative;height:64px}.bc-nav{width:100%;padding:0 13px}.bc-brand{min-width:0;flex:1}.bc-brand img{width:44px;height:44px}.bc-brand{font-size:17px}.bc-mobile-toggle{display:block;border:1px solid #4a4d50;background:#11171b;color:#fff;border-radius:7px;width:42px;height:39px;font-size:20px}.bc-links{display:none;position:absolute;left:10px;right:10px;top:64px;z-index:80;background:#0b1115;border:1px solid #333e46;border-radius:10px;padding:8px;box-shadow:0 18px 40px #000a;grid-template-columns:1fr 1fr}.bc-links.open{display:grid}.bc-links a{font-size:11px}.bc-account-wrap{width:auto}.bc-account{width:48px;height:48px;display:block;padding:5px}.bc-account>span,.bc-account>i{display:none}.bc-login{display:none}.bc-account img{width:36px;height:36px}.bc-account-menu{right:0}.bc-hero{min-height:auto;background-position:center top}.bc-hero-inner{width:100%;padding:34px 14px 20px;display:block}.bc-hero-copy{max-width:none}.bc-kicker{font-size:9px}.bc-title{width:100%;max-width:610px}.bc-title-white{font-size:clamp(41px,12vw,64px)}.bc-title-gold{font-size:clamp(58px,17vw,92px)}.bc-title-mini{font-size:12px;letter-spacing:4px;margin-left:20%;}.bc-title-blue{font-size:clamp(48px,14vw,72px)}.bc-hero-text{font-size:12px;max-width:540px}.bc-hero-actions{grid-template-columns:1fr;gap:8px}.bc-action{min-height:59px}.bc-side{padding-top:14px}.bc-status-card{max-width:none}.bc-discord-card{margin-bottom:8px}.bc-mode-strip{width:100%;padding:0 10px;grid-template-columns:repeat(2,1fr);gap:8px;margin:0}.bc-mode{height:105px}.bc-bottom-grid{width:100%;padding:0 10px 20px;grid-template-columns:1fr;gap:10px}.bc-panel{min-height:unset}.bc-news-content{grid-template-columns:1fr}.bc-news-content>img{height:210px}.bc-media-grid{grid-template-columns:repeat(2,1fr)}.bc-media-card{height:175px}.bc-event-art{height:220px}}
@media(max-width:520px){.bc-brand>span{font-size:15px}.bc-title-white{font-size:39px}.bc-title-gold{font-size:58px}.bc-title-blue{font-size:48px}.bc-title-mini{font-size:10px;letter-spacing:3px}.bc-action{grid-template-columns:38px 1fr 22px}.bc-action b{font-size:12px}.bc-action small{font-size:9px}.bc-ips{grid-template-columns:1fr}.bc-player-row strong{font-size:28px}.bc-media-grid{gap:7px;padding:8px}.bc-media-card{height:160px}}

/* ================= BastiCraft v9: portada veraniega continua ================= */
body:has(.bc-home){background:#06120f;min-height:100vh}
.bc-home{
  position:relative;
  min-height:100vh;
  background-image:linear-gradient(180deg,rgba(2,8,8,.10) 0%,rgba(2,9,8,.15) 52%,rgba(2,12,9,.48) 100%),var(--hero-bg);
  background-size:cover;
  background-position:center top;
  background-attachment:fixed;
  background-repeat:no-repeat;
}
.bc-home:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.12),transparent 34%),linear-gradient(180deg,transparent 0 60%,rgba(1,11,8,.26) 100%)}
.bc-home>*{position:relative;z-index:1}
.bc-hero{background:transparent!important;min-height:612px}
.bc-hero:after{height:90px;background:linear-gradient(180deg,transparent,rgba(3,15,11,.28))}
.bc-mode-strip,.bc-bottom-grid{position:relative;z-index:3}
.bc-mode-strip:before,.bc-bottom-grid:before{content:"";position:absolute;inset:-10px -18px;border-radius:18px;background:rgba(4,18,14,.20);backdrop-filter:blur(2px);z-index:-1;pointer-events:none}
.bc-panel{background:linear-gradient(180deg,rgba(7,15,18,.92),rgba(5,11,13,.93));backdrop-filter:blur(12px)}

/* Título 3D más cercano al mockup veraniego */
.bc-title{transform:skewY(-1deg);transform-origin:left center;filter:drop-shadow(0 14px 14px rgba(0,0,0,.58));}
.bc-title-white,.bc-title-gold,.bc-title-blue{
  font-family:Impact,Haettenschweiler,'Arial Narrow Bold','Franklin Gothic Heavy',sans-serif;
  font-stretch:condensed;
  letter-spacing:-2.5px;
  line-height:.82;
}
.bc-title-white{color:#fff;font-size:74px;-webkit-text-stroke:2px #dce4ec;text-shadow:0 3px 0 #c3cbd3,0 6px 0 #939da7,0 9px 0 #545d66,0 14px 22px #000}
.bc-title-gold{font-size:104px;color:#ffd12d;-webkit-text-stroke:3px #8f5400;text-shadow:0 3px 0 #ffc235,0 7px 0 #d47b00,0 11px 0 #8d4e00,0 17px 24px #000}
.bc-title-mini{font-family:'Arial Black',Arial,sans-serif;font-size:18px;letter-spacing:8px;margin:12px 0 10px 150px;color:#fff;text-shadow:0 4px 8px #000}
.bc-title-blue{font-size:78px;color:#43cfff;-webkit-text-stroke:3px #0b5685;text-shadow:0 3px 0 #44c5ff,0 7px 0 #158bc8,0 11px 0 #075b8f,0 17px 24px #000}
@keyframes bcTitleFloatV9{0%,100%{transform:skewY(-1deg) translateY(0) scale(1)}50%{transform:skewY(-1deg) translateY(-4px) scale(1.005)}}
body[data-animations="1"] .bc-title{animation:bcTitleFloatV9 4.8s ease-in-out infinite}

/* Carrusel de medias: admite decenas de creadores */
.bc-media-panel{overflow:hidden}
.bc-media-marquee{overflow:hidden;padding:8px 0 14px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.bc-media-track{display:flex;gap:10px;width:max-content;padding:0 12px;will-change:transform;animation:bcMediaScroll max(24s,calc(var(--media-count) * 3.2s)) linear infinite}
.bc-media-marquee:hover .bc-media-track{animation-play-state:paused}
.bc-media-card{flex:0 0 112px;width:112px;height:160px}
.bc-media-card small{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes bcMediaScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 5px))}}
.bc-media-empty-wide{min-height:155px;margin:8px 14px 14px;border:1px dashed #55616a;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:14px;background:rgba(4,9,12,.55);text-align:left}.bc-media-empty-wide>span{font-size:32px}.bc-media-empty-wide b,.bc-media-empty-wide small{display:block}.bc-media-empty-wide small{color:#aab4bc;margin-top:5px;font-size:10px}

/* Editor de perfil Media */
.media-profile-editor{max-width:760px;margin:0 auto}.media-editor-preview{display:flex;align-items:center;gap:24px;margin-bottom:22px;padding:18px;border-radius:12px;background:linear-gradient(135deg,#171127,#0b1117);border:1px solid #6032a8}.media-editor-preview img{width:130px;height:180px;object-fit:contain;image-rendering:pixelated}.media-editor-preview h2{margin:0 0 8px;font-size:28px}.stack-form{display:grid;gap:15px}.stack-form label{display:grid;gap:7px;font-weight:800}.stack-form input,.stack-form select{width:100%;background:#0e1216;border:1px solid #363e46;border-radius:9px;padding:12px;color:#fff}.stack-form .muted{color:#aeb7c0;font-size:12px;line-height:1.55}

@media(max-width:900px){
  .bc-home{background-attachment:scroll;background-size:auto 100%;background-position:center top}
  .bc-title-white{font-size:clamp(40px,12vw,62px)}.bc-title-gold{font-size:clamp(58px,17vw,88px)}.bc-title-blue{font-size:clamp(48px,14vw,70px)}
  .bc-media-card{flex-basis:104px;width:104px;height:154px}
  .bc-media-track{animation-duration:max(22s,calc(var(--media-count) * 2.8s))}
}
@media(prefers-reduced-motion:reduce){.bc-media-track,.bc-title{animation:none!important}}

/* ================= BastiCraft v10.3 · apartados con fondo completo + cristal ================= */
.inner-page-body{
  min-height:100vh;
  background-image:linear-gradient(180deg,rgba(2,8,12,.28),rgba(1,9,12,.50)),var(--site-page-bg)!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
.inner-page-body main{min-height:calc(100vh - 64px);background:transparent!important;position:relative}
.inner-page-body main:before{content:"";position:fixed;inset:64px 0 0;pointer-events:none;background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.10),transparent 30%),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,7,11,.32));z-index:-1}
.inner-glass-hero{min-height:320px!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.12)!important;overflow:hidden}
.inner-glass-hero .page-hero-shade{background:linear-gradient(90deg,rgba(2,8,12,.76),rgba(2,8,12,.38) 55%,rgba(2,8,12,.12)),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,6,10,.54))!important;backdrop-filter:blur(1.5px)}
.inner-glass-hero .page-hero-copy{padding-top:72px;padding-bottom:48px}
.inner-glass-page{position:relative;padding-top:28px!important;padding-bottom:58px!important}
.glass-panel,
.inner-page-body .panel,
.inner-page-body .rules-intro,
.inner-page-body .rule-card,
.inner-page-body .feature-grid>a,
.inner-page-body .feature-grid>div,
.inner-page-body .auth-card,
.inner-page-body .application-card,
.inner-page-body .admin-item,
.inner-page-body .stat{
  background:linear-gradient(145deg,rgba(13,22,28,.67),rgba(5,12,18,.52))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(16px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(135%)!important;
}
.inner-page-body footer{background:rgba(4,9,13,.76)!important;backdrop-filter:blur(18px)}
.page-hero-copy h1{font-weight:1000;letter-spacing:-1.8px;text-shadow:0 4px 18px rgba(0,0,0,.65)}
.animated-section-title{animation:innerTitleGlow 4.2s ease-in-out infinite}
@keyframes innerTitleGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(255,205,47,0));transform:translateY(0)}50%{filter:drop-shadow(0 0 14px rgba(255,205,47,.22));transform:translateY(-2px)}}

/* Noticias completas */
.news-clickable{display:block;cursor:pointer;box-shadow:0 16px 38px rgba(0,0,0,.28)}
.news-clickable:hover{border-color:rgba(255,205,47,.65)!important;transform:translateY(-4px)}
.news-clickable .news-overlay small{color:#ffd84d;font-weight:900}
.news-detail{max-width:1050px;margin:0 auto;overflow:hidden;border-radius:18px;padding:0!important}
.news-detail-cover{width:100%;height:min(46vw,460px);object-fit:cover;display:block}
.news-detail-body{padding:28px 30px 34px}
.news-detail-tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#2563eb);font-weight:1000;font-size:11px}
.news-detail-body h2{font-size:clamp(30px,4vw,52px);margin:12px 0 18px}
.news-detail-content{white-space:pre-line;line-height:1.85;color:#e5e9ee;font-size:15px}
.news-detail-actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}

/* Staff premium por jerarquías */
.staff-page{display:grid;gap:22px}
.staff-rank-section{padding:18px;border-radius:18px;overflow:hidden;position:relative}
.staff-rank-section:before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:18px;padding:1px;background:linear-gradient(110deg,#ff3cac,#784ba0,#2b86c5,#00f5a0,#ffd54a,#ff5f6d,#ff3cac);background-size:300% 300%;animation:rgbBorder 8s linear infinite;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor}
@keyframes rgbBorder{0%{background-position:0 50%}100%{background-position:300% 50%}}
.staff-rank-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px;padding:2px 4px 10px;border-bottom:1px solid rgba(255,255,255,.10)}
.staff-rank-heading span{font-size:10px;letter-spacing:2px;color:#ffd34b;font-weight:1000}.staff-rank-heading h2{font-size:30px;margin:3px 0 0}.staff-rank-heading>b{font-size:11px;color:#b9c5d1}
.staff-grid-premium{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.staff-card-rgb{min-height:330px;background:linear-gradient(180deg,rgba(8,14,20,.52),rgba(4,8,13,.76))!important;border-color:color-mix(in srgb,var(--rank-color) 65%,white 10%)!important;box-shadow:0 14px 35px rgba(0,0,0,.32),0 0 24px color-mix(in srgb,var(--rank-color) 24%,transparent)!important;backdrop-filter:blur(10px);transition:.25s ease;animation-delay:var(--card-delay)}
.staff-card-rgb:hover{transform:translateY(-7px) scale(1.015);box-shadow:0 20px 48px rgba(0,0,0,.40),0 0 32px color-mix(in srgb,var(--rank-color) 40%,transparent)!important}
.staff-card-rgb .staff-glow{position:absolute;inset:auto 10% 8% 10%;height:40%;background:radial-gradient(circle,color-mix(in srgb,var(--rank-color) 36%,transparent),transparent 68%);filter:blur(24px);pointer-events:none}
.staff-card-rgb>img{inset:12px 0 70px;height:calc(100% - 82px);z-index:1}
.staff-card-info{position:relative!important;z-index:2!important;padding:18px 12px 14px!important;background:linear-gradient(180deg,transparent,rgba(3,7,11,.94) 34%)!important}
.staff-card-info h3{font-size:18px!important;margin:18px 0 4px!important}.staff-card-info span{font-size:12px}.staff-card-info small{color:#dce7f1!important}
.rank-owners{--section-accent:#ffd335}.rank-ceos{--section-accent:#ff3ca6}.rank-admins{--section-accent:#ff4141}.rank-managers{--section-accent:#a855f7}.rank-mods{--section-accent:#38bdf8}.rank-helpers{--section-accent:#22c55e}
.rgb-title{background:linear-gradient(90deg,#fff,#ffd43b,#ff5fa2,#8b5cf6,#38bdf8,#4ade80,#fff);background-size:250% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:rgbText 7s linear infinite!important;text-shadow:none!important}
@keyframes rgbText{to{background-position:250% center}}

/* Favicon preview más pequeño dentro de admin */
.image-setting input[name="favicon_image"]~*{}

@media(max-width:760px){
  .inner-page-body{background-attachment:scroll!important;background-position:center top!important}
  .inner-glass-hero{min-height:270px!important}.inner-glass-hero .page-hero-copy{padding-top:46px;padding-bottom:34px}
  .staff-rank-heading{align-items:flex-start;flex-direction:column}.staff-rank-heading h2{font-size:26px}.staff-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-card-rgb{min-height:290px}
  .news-detail-body{padding:20px 18px 26px}.news-detail-cover{height:240px}
}
@media(max-width:480px){.staff-grid-premium{grid-template-columns:1fr}.staff-card-rgb{min-height:320px}}
.staff-empty-slot{grid-column:1/-1;min-height:92px;border:1px dashed rgba(255,255,255,.16);border-radius:12px;display:grid;place-items:center;color:#9fb0bf;background:rgba(4,10,15,.30);font-size:12px}

/* v10.4 · Staff limpio: solo muestra rangos con miembros y usa avatares/cabezas */
.staff-page-clean{display:grid;gap:34px;padding-top:30px!important}
.staff-rank-section-clean{position:relative;padding:6px 2px 24px}
.staff-rank-section-clean+.staff-rank-section-clean{border-top:1px solid rgba(255,255,255,.08);padding-top:30px}
.staff-rank-heading-clean{display:flex;align-items:center;gap:14px;margin:0 0 20px;padding:0 8px}
.staff-rank-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--rank-accent) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--rank-accent) 9%,rgba(6,10,15,.72));color:var(--rank-accent);font-size:18px;box-shadow:inset 0 0 18px rgba(255,255,255,.02),0 0 24px color-mix(in srgb,var(--rank-accent) 10%,transparent)}
.staff-rank-heading-clean h2{margin:0;color:#fff;font-size:clamp(25px,2.3vw,34px);line-height:1;font-weight:1000;letter-spacing:-.6px}
.staff-rank-heading-clean p{margin:5px 0 0;color:#aebac7;font-size:12px}
.staff-face-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:0 8px}
.staff-face-grid.is-single{justify-content:center}
.staff-face-card{--rank-color:#ffd84a;position:relative;width:270px;min-height:164px;display:flex;align-items:center;gap:15px;padding:20px 18px;border:1px solid color-mix(in srgb,var(--rank-color) 25%,rgba(255,255,255,.10));border-radius:18px;background:linear-gradient(145deg,rgba(14,20,27,.68),rgba(7,11,16,.52));backdrop-filter:blur(15px) saturate(125%);-webkit-backdrop-filter:blur(15px) saturate(125%);box-shadow:0 18px 36px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden;text-decoration:none;color:#fff;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;animation-delay:var(--card-delay)}
.staff-face-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 18%,color-mix(in srgb,var(--rank-color) 12%,transparent),transparent 66%);transform:translateX(-110%);transition:transform .55s ease;pointer-events:none}
.staff-face-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--rank-color) 68%,white 8%);box-shadow:0 22px 48px rgba(0,0,0,.34),0 0 25px color-mix(in srgb,var(--rank-color) 18%,transparent)}
.staff-face-card:hover:before{transform:translateX(110%)}
.staff-face-aura{position:absolute;right:-28px;bottom:-38px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rank-color) 18%,transparent),transparent 70%);filter:blur(14px);pointer-events:none}
.staff-face-frame{position:relative;flex:0 0 92px;width:92px;height:92px;border-radius:18px;padding:5px;background:linear-gradient(145deg,color-mix(in srgb,var(--rank-color) 60%,#fff 5%),rgba(255,255,255,.10));box-shadow:0 8px 22px rgba(0,0,0,.34),0 0 18px color-mix(in srgb,var(--rank-color) 14%,transparent)}
.staff-face-frame:after{content:"";position:absolute;inset:5px;border-radius:13px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);pointer-events:none}
.staff-face-frame img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;border-radius:13px;background:rgba(0,0,0,.28)}
.staff-mini-crown{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:20px;color:var(--rank-color);text-shadow:0 0 12px color-mix(in srgb,var(--rank-color) 70%,transparent);line-height:1}
.staff-face-info{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.staff-face-info h3{margin:0 0 5px;color:#fff;font-size:18px;line-height:1.1;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.staff-face-info span{font-size:12px;font-weight:1000;letter-spacing:.6px;text-transform:uppercase}
.staff-face-info small{display:block;color:#99a8b8;font-size:10px;margin-top:7px;line-height:1.35}
@media(max-width:680px){.staff-page-clean{gap:26px}.staff-rank-heading-clean{align-items:flex-start}.staff-face-grid{display:grid;grid-template-columns:1fr}.staff-face-card{width:100%;min-height:146px}.staff-face-frame{width:82px;height:82px;flex-basis:82px}.staff-face-info h3{max-width:190px}.staff-rank-section-clean+.staff-rank-section-clean{padding-top:24px}}

/* v10.5 · Staff showcase: rediseño visual + descripción editable por miembro */
.staff-showcase-page{display:grid;gap:44px;padding-top:34px!important;padding-bottom:70px!important}
.staff-showcase-group{position:relative;padding:26px 20px 30px;border:1px solid rgba(255,255,255,.10);border-radius:26px;background:linear-gradient(160deg,rgba(5,12,18,.42),rgba(8,13,20,.20));backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);box-shadow:0 26px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.staff-showcase-group:before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:26px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--group-accent) 18%,transparent),transparent 38%)}
.staff-showcase-heading{position:relative;z-index:2;text-align:center;margin-bottom:25px}
.staff-showcase-kicker{display:flex;align-items:center;justify-content:center;gap:13px;color:#fff}
.staff-showcase-kicker span{height:1px;width:min(120px,18vw);background:linear-gradient(90deg,transparent,var(--group-accent))}.staff-showcase-kicker span:last-child{background:linear-gradient(90deg,var(--group-accent),transparent)}
.staff-showcase-kicker b{font-size:clamp(24px,2.8vw,38px);letter-spacing:1.5px;text-shadow:0 0 20px color-mix(in srgb,var(--group-accent) 38%,transparent)}
.staff-showcase-heading p{max-width:690px;margin:8px auto 0;color:#b7c4d0;font-size:12px;line-height:1.55}
.staff-orbit-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,250px));justify-content:center;gap:22px}
.staff-orbit-grid.one-member{grid-template-columns:minmax(220px,280px)}
.staff-orbit-card{--staff-accent:#ffd84a;position:relative;min-height:286px;padding:25px 18px 20px;border:1px solid color-mix(in srgb,var(--staff-accent) 38%,rgba(255,255,255,.08));border-radius:24px;background:linear-gradient(180deg,rgba(15,23,33,.56),rgba(4,9,14,.46));backdrop-filter:blur(13px) saturate(130%);-webkit-backdrop-filter:blur(13px) saturate(130%);text-align:center;color:#fff;text-decoration:none;overflow:hidden;box-shadow:0 20px 38px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.07);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;animation:staffCardIn .55s ease both;animation-delay:var(--delay)}
@keyframes staffCardIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.staff-orbit-card:hover{transform:translateY(-8px) scale(1.02);border-color:color-mix(in srgb,var(--staff-accent) 78%,white 8%);box-shadow:0 28px 60px rgba(0,0,0,.38),0 0 32px color-mix(in srgb,var(--staff-accent) 20%,transparent)}
.staff-orbit-glow{position:absolute;left:50%;top:-60px;width:180px;height:180px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--staff-accent) 22%,transparent),transparent 69%);filter:blur(10px);pointer-events:none}
.staff-orbit-avatar-wrap{position:relative;width:112px;height:112px;margin:0 auto 15px;display:grid;place-items:center}
.staff-orbit-ring{position:absolute;inset:0;border-radius:28px;border:1px solid color-mix(in srgb,var(--staff-accent) 55%,rgba(255,255,255,.12));background:linear-gradient(145deg,color-mix(in srgb,var(--staff-accent) 16%,rgba(10,15,21,.72)),rgba(5,9,13,.42));box-shadow:0 0 28px color-mix(in srgb,var(--staff-accent) 17%,transparent),inset 0 0 24px rgba(255,255,255,.025);transform:rotate(5deg)}
.staff-orbit-avatar{position:relative;z-index:2;width:88px;height:88px;object-fit:cover;image-rendering:pixelated;border-radius:17px;background:#111820;box-shadow:0 12px 22px rgba(0,0,0,.34)}
.staff-orbit-crown{position:absolute;z-index:3;right:4px;top:-8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0b1118;border:1px solid color-mix(in srgb,var(--staff-accent) 60%,transparent);color:var(--staff-accent);font-size:13px;box-shadow:0 0 18px color-mix(in srgb,var(--staff-accent) 30%,transparent)}
.staff-orbit-meta h3{margin:0;color:#fff;font-size:20px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.staff-orbit-rank{display:inline-flex;margin-top:7px;padding:4px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--staff-accent) 42%,transparent);background:color-mix(in srgb,var(--staff-accent) 11%,transparent);color:var(--staff-accent);font-size:10px;font-weight:1000;letter-spacing:.8px;text-transform:uppercase}
.staff-orbit-meta small{display:block;margin-top:7px;color:#8293a4;font-size:9px;letter-spacing:1px}
.staff-orbit-description{min-height:44px;margin:13px 0 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.07);color:#c3cdd6;font-size:11px;line-height:1.45;font-style:italic}
.admin-user-item textarea[name="staff_description"]{min-width:260px;max-width:420px;resize:vertical}
@media(max-width:720px){.staff-showcase-page{gap:28px;padding-left:12px!important;padding-right:12px!important}.staff-showcase-group{padding:22px 12px}.staff-orbit-grid,.staff-orbit-grid.one-member{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-orbit-card{min-height:258px;padding:19px 10px 16px}.staff-orbit-avatar-wrap{width:92px;height:92px}.staff-orbit-avatar{width:72px;height:72px}.staff-orbit-meta h3{font-size:16px}.staff-orbit-description{font-size:10px}.staff-showcase-kicker b{font-size:22px}.admin-user-item textarea[name="staff_description"]{min-width:100%;max-width:100%}}
@media(max-width:430px){.staff-orbit-grid,.staff-orbit-grid.one-member{grid-template-columns:1fr}.staff-orbit-card{max-width:310px;width:100%;margin:auto}}

/* v10.6 — Login: campo de código siempre interactivo */
.login-card-fixed{position:relative;z-index:10}
.login-form-fixed{position:relative;z-index:11}
.login-form-fixed label,.login-form-fixed input,.login-form-fixed select,.login-form-fixed button{position:relative;z-index:12;pointer-events:auto!important}
.login-code-wrap{position:relative;display:block;z-index:20}
.login-code-wrap input{display:block;width:100%;height:46px;padding-right:52px!important;background:rgba(5,9,12,.92)!important;color:#fff!important;caret-color:#ffd43b!important;border:1px solid rgba(255,205,47,.7)!important;box-shadow:inset 0 0 0 1px rgba(255,205,47,.08);cursor:text!important;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important}
.login-code-wrap input:focus{border-color:#ffd43b!important;box-shadow:0 0 0 3px rgba(255,201,40,.16),0 0 20px rgba(255,201,40,.08)!important;outline:none!important}
.login-code-masked{-webkit-text-security:disc!important;text-security:disc}
.login-code-toggle{position:absolute!important;z-index:30!important;right:6px;top:50%;transform:translateY(-50%);width:38px;height:34px;border:0;border-left:1px solid rgba(255,255,255,.10);background:transparent;color:#fff;cursor:pointer;border-radius:5px;font-size:16px;pointer-events:auto!important}
.login-code-toggle:hover{background:rgba(255,255,255,.07)}
.login-code-help{font-size:10px;color:#aeb7c0;font-weight:600}

/* v10.7 — las tarjetas de Staff son informativas, no enlaces */
.staff-orbit-card-static{cursor:default;text-decoration:none;user-select:text}
.staff-orbit-card-static:hover{transform:translateY(-4px) scale(1.01)}

/* v10.8 · CTA de postulaciones dentro del hero de Staff */
.staff-hero .page-hero-copy{max-width:920px}
.staff-hero-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.staff-apply-btn{position:relative;display:flex;align-items:center;gap:13px;min-width:min(100%,430px);padding:14px 17px;border-radius:16px;text-decoration:none;color:#071018;background:linear-gradient(105deg,#ffe35a,#ffc21f 52%,#ff9f1c);border:1px solid rgba(255,244,173,.82);box-shadow:0 12px 34px rgba(255,180,20,.26),0 0 0 1px rgba(0,0,0,.18) inset;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;isolation:isolate}
.staff-apply-btn:before{content:"";position:absolute;z-index:-1;inset:-40% auto -40% -22%;width:28%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:staffApplyShine 3.2s ease-in-out infinite}
.staff-apply-btn:hover{transform:translateY(-3px) scale(1.012);box-shadow:0 18px 42px rgba(255,183,19,.36),0 0 28px rgba(255,202,44,.22)}
.staff-apply-btn.is-closed{filter:saturate(.3);background:linear-gradient(105deg,#59616b,#363d46);color:#e6ebf0;border-color:rgba(255,255,255,.16);box-shadow:0 12px 30px rgba(0,0,0,.24)}
.staff-apply-btn.is-closed:before{display:none}
.staff-apply-icon{flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(5,10,15,.88);color:#ffd43b;font-size:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.20)}
.staff-apply-copy{display:grid;gap:2px;min-width:0;text-align:left}.staff-apply-copy b{font-size:14px;letter-spacing:.5px}.staff-apply-copy small{font-size:10px;font-weight:800;color:rgba(8,14,20,.68);line-height:1.35}.staff-apply-btn.is-closed .staff-apply-copy small{color:#b8c1ca}
.staff-apply-arrow{margin-left:auto;font-size:22px;font-weight:1000;transition:transform .2s ease}.staff-apply-btn:hover .staff-apply-arrow{transform:translateX(4px)}
.staff-requirements-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 17px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(7,14,21,.42);backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%);color:#fff;text-decoration:none;font-weight:1000;font-size:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.22);transition:.2s ease}
.staff-requirements-btn:hover{border-color:rgba(255,209,49,.62);background:rgba(16,22,29,.62);transform:translateY(-2px)}
@keyframes staffApplyShine{0%,55%{left:-35%}82%,100%{left:135%}}
.staff-requirements-wrap{margin-top:18px!important;margin-bottom:-4px!important;scroll-margin-top:90px}
.staff-requirements-glass{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:16px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(120deg,rgba(6,14,21,.58),rgba(10,18,25,.28));backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 18px 45px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)}
.staff-requirements-title{display:flex;align-items:center;gap:11px;min-width:230px}.staff-requirements-title>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,205,47,.12);border:1px solid rgba(255,205,47,.30);color:#ffd43b}.staff-requirements-title b{display:block;font-size:12px;color:#fff}.staff-requirements-title small{display:block;margin-top:3px;font-size:9px;color:#a9b6c2}
.staff-requirements-list{display:flex;flex-wrap:wrap;gap:7px 12px;color:#dbe5ee;font-size:10px;font-weight:800}.staff-requirements-list span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}
.staff-requirements-go{white-space:nowrap;text-decoration:none;color:#0b1117;background:#ffd43b;padding:10px 13px;border-radius:11px;font-size:10px;font-weight:1000;box-shadow:0 8px 22px rgba(255,190,20,.19)}
@media(max-width:860px){.staff-requirements-glass{grid-template-columns:1fr}.staff-requirements-go{justify-self:start}.staff-hero-cta{align-items:stretch}.staff-apply-btn{min-width:100%}.staff-requirements-btn{justify-content:center}}
@media(max-width:520px){.staff-hero-cta{margin-top:18px}.staff-apply-btn{padding:12px}.staff-apply-copy b{font-size:12px}.staff-apply-copy small{font-size:9px}.staff-apply-icon{width:38px;height:38px;flex-basis:38px}.staff-requirements-glass{padding:14px}.staff-requirements-title{min-width:0}}

/* v11.0 — panel compacto + tematización global */
:root{--site-accent:#facc15;--site-accent2:#38bdf8;--site-glass:#071118;--title-primary:#56b8ff;--title-secondary:#ffd43b}
body{--gold:var(--site-accent);--blue:var(--site-accent2)}
.page-hero h1,.animated-section-title,.rgb-title{color:var(--title-primary)!important;text-shadow:0 0 24px color-mix(in srgb,var(--title-primary) 28%,transparent)}
.title-font-block .page-hero h1,.title-font-block .animated-section-title{font-family:Impact,'Arial Black',sans-serif;letter-spacing:.5px}.title-font-modern .page-hero h1,.title-font-modern .animated-section-title{font-family:'Arial Black',Inter,sans-serif;letter-spacing:-1px}.title-font-rounded .page-hero h1,.title-font-rounded .animated-section-title{font-family:'Trebuchet MS',Verdana,sans-serif}.title-font-classic .page-hero h1,.title-font-classic .animated-section-title{font-family:Georgia,serif}
.glass-panel,.inner-glass-page .panel,.admin .panel{background:linear-gradient(135deg,color-mix(in srgb,var(--site-glass) 64%,transparent),rgba(6,10,14,.42));border-color:color-mix(in srgb,var(--site-accent) 18%,rgba(255,255,255,.14));backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}
.btn{background:linear-gradient(180deg,color-mix(in srgb,var(--site-accent) 88%,white 12%),var(--site-accent));border-color:var(--site-accent)}
.admin-compact{max-width:1450px}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0}.admin-toolbar h1{margin:.2rem 0}.admin-inbox-btn{gap:10px}.admin-count{display:grid;place-items:center;min-width:26px;height:26px;border-radius:999px;background:#0b1118;color:#fff;padding:0 7px}.admin-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 14px}.admin-kpi{padding:13px 15px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(6,12,17,.52);backdrop-filter:blur(12px);display:flex;flex-direction:column}.admin-kpi b{font-size:22px;color:var(--site-accent)}.admin-kpi span{font-size:10px;color:#aeb9c4}.compact-panel{padding:16px!important;margin-bottom:12px!important}.compact-toggle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}.compact-toggle-grid .switch-card{min-height:92px}.admin-details>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:2px}.admin-details>summary::-webkit-details-marker{display:none}.admin-details>summary>div{display:flex;flex-direction:column;gap:3px}.admin-details>summary small{color:#9ba8b4;font-size:10px}.admin-details[open]>summary{margin-bottom:14px}.compact-questions .question-row{padding:8px 10px}.compact-add-form{grid-template-columns:2fr 1fr 1.2fr .8fr auto!important}.page-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.admin-page-card{padding:0!important;overflow:hidden}.admin-page-card summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer}.admin-page-card summary>div{display:flex;flex-direction:column}.admin-page-card summary small{color:#8da0ae}.admin-page-fields{display:grid;gap:10px;padding:0 16px 16px}.page-state{padding:5px 9px;border-radius:999px;background:#153a27;color:#5df29a;font-size:10px;font-weight:900}.page-state.off{background:#3a1717;color:#ff8585}.multi-rank-form select[multiple]{min-height:116px}.multi-rank-form small{display:block;color:#8394a1;font-size:9px;margin:4px 0}.compact-user-card{grid-template-columns:minmax(180px,.8fr) 1.5fr 1fr .8fr!important}.user-admin-actions{display:grid;gap:7px}.admin-settings-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.appearance-grid button{align-self:end}.report-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.report-card header{display:grid;gap:3px}.report-type{width:max-content;padding:4px 8px;border-radius:999px;background:rgba(56,189,248,.14);color:#72d5ff;font-size:9px;font-weight:900}.report-card>p{white-space:pre-wrap;line-height:1.55}.report-private{padding:9px;border-radius:9px;background:rgba(255,255,255,.04);font-size:10px;color:#aeb8c1}.report-card form{display:grid;gap:7px;margin-top:9px}.reward-form{grid-template-columns:1fr auto!important}.support-layout{display:grid;gap:16px}.anonymous-report{border-color:color-mix(in srgb,var(--site-accent2) 35%,rgba(255,255,255,.12))!important}.anonymous-shield{font-size:36px}.anonymous-report-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.anonymous-report-form .full{grid-column:1/-1}.login-required-card{padding:18px;border-radius:14px;background:rgba(255,255,255,.04)}.my-report-list{margin-top:18px;display:grid;gap:8px}.my-report-row{display:flex;gap:10px;align-items:center;padding:10px;border-radius:10px;background:rgba(255,255,255,.04)}.my-report-row div{display:flex;flex-direction:column}.my-report-row small{color:#9aa7b2}
@media(max-width:900px){.admin-kpi-row,.compact-toggle-grid,.page-toggle-grid,.admin-settings-columns,.report-admin-grid{grid-template-columns:1fr 1fr}.compact-user-card{grid-template-columns:1fr!important}.compact-add-form{grid-template-columns:1fr 1fr!important}.anonymous-report-form{grid-template-columns:1fr}.anonymous-report-form .full{grid-column:auto}}
@media(max-width:560px){.admin-toolbar{align-items:stretch;flex-direction:column}.admin-kpi-row,.compact-toggle-grid,.page-toggle-grid,.admin-settings-columns,.report-admin-grid,.appearance-grid{grid-template-columns:1fr}.compact-add-form{grid-template-columns:1fr!important}.reward-form{grid-template-columns:1fr!important}}


/* v11.1 — tipografías y efectos configurables por zona */
.hero-font-block .v10-title{font-family:Impact,'Arial Black',sans-serif}.hero-font-rounded .v10-title{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif}.hero-font-bubble .v10-title{font-family:'Cooper Black','Arial Rounded MT Bold',sans-serif}.hero-font-soft .v10-title{font-family:'Trebuchet MS',Verdana,sans-serif}.hero-font-playful .v10-title{font-family:'Comic Sans MS','Trebuchet MS',cursive}.hero-font-retro .v10-title{font-family:'Franklin Gothic Heavy',Impact,sans-serif}.hero-font-techno .v10-title{font-family:'Arial Black','Segoe UI Black',sans-serif;letter-spacing:.04em}.hero-font-comic .v10-title{font-family:'Comic Sans MS',cursive}.hero-font-elegant .v10-title{font-family:Georgia,'Times New Roman',serif}.hero-font-classic .v10-title{font-family:Georgia,serif}
.page-font-block .page-hero h1{font-family:Impact,'Arial Black',sans-serif}.page-font-rounded .page-hero h1{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif}.page-font-bubble .page-hero h1{font-family:'Cooper Black','Arial Rounded MT Bold',sans-serif}.page-font-soft .page-hero h1{font-family:'Trebuchet MS',Verdana,sans-serif}.page-font-playful .page-hero h1{font-family:'Comic Sans MS','Trebuchet MS',cursive}.page-font-retro .page-hero h1{font-family:'Franklin Gothic Heavy',Impact,sans-serif}.page-font-techno .page-hero h1{font-family:'Arial Black','Segoe UI Black',sans-serif;letter-spacing:.04em}.page-font-comic .page-hero h1{font-family:'Comic Sans MS',cursive}.page-font-elegant .page-hero h1{font-family:Georgia,'Times New Roman',serif}.page-font-classic .page-hero h1{font-family:Georgia,serif}
.section-font-block .v10-panel>header b,.section-font-block .v10-community>header b,.section-font-block .panel-title-row h2{font-family:Impact,'Arial Black',sans-serif}.section-font-rounded .v10-panel>header b,.section-font-rounded .v10-community>header b,.section-font-rounded .panel-title-row h2{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif}.section-font-bubble .v10-panel>header b,.section-font-bubble .v10-community>header b,.section-font-bubble .panel-title-row h2{font-family:'Cooper Black','Arial Rounded MT Bold',sans-serif}.section-font-soft .v10-panel>header b,.section-font-soft .v10-community>header b,.section-font-soft .panel-title-row h2{font-family:'Trebuchet MS',sans-serif}.section-font-playful .v10-panel>header b,.section-font-playful .v10-community>header b,.section-font-playful .panel-title-row h2{font-family:'Comic Sans MS',cursive}.section-font-retro .v10-panel>header b,.section-font-retro .v10-community>header b,.section-font-retro .panel-title-row h2{font-family:'Franklin Gothic Heavy',Impact,sans-serif}.section-font-techno .v10-panel>header b,.section-font-techno .v10-community>header b,.section-font-techno .panel-title-row h2{font-family:'Arial Black',sans-serif}.section-font-comic .v10-panel>header b,.section-font-comic .v10-community>header b,.section-font-comic .panel-title-row h2{font-family:'Comic Sans MS',cursive}.section-font-elegant .v10-panel>header b,.section-font-elegant .v10-community>header b,.section-font-elegant .panel-title-row h2{font-family:Georgia,serif}.section-font-classic .v10-panel>header b,.section-font-classic .v10-community>header b,.section-font-classic .panel-title-row h2{font-family:Georgia,serif}
.hero-effect-glow .v10-title,.page-effect-glow .page-hero h1,.section-effect-glow .v10-panel>header b,.section-effect-glow .v10-community>header b{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--title-primary) 70%,transparent))}.hero-effect-neon .v10-title,.page-effect-neon .page-hero h1,.section-effect-neon .v10-panel>header b,.section-effect-neon .v10-community>header b{text-shadow:0 0 4px #fff,0 0 10px var(--title-primary),0 0 24px var(--title-primary)}.hero-effect-rgb .v10-title,.page-effect-rgb .page-hero h1,.section-effect-rgb .v10-panel>header b,.section-effect-rgb .v10-community>header b{animation:bcRgbText 4s linear infinite}.hero-effect-gradient .v10-title,.page-effect-gradient .page-hero h1,.section-effect-gradient .v10-panel>header b,.section-effect-gradient .v10-community>header b{background:linear-gradient(90deg,var(--title-primary),var(--title-secondary),#ff4fd8,var(--title-primary));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:bcGradientText 5s linear infinite}.hero-effect-pulse .v10-title,.page-effect-pulse .page-hero h1,.section-effect-pulse .v10-panel>header b,.section-effect-pulse .v10-community>header b{animation:bcTitlePulse 2.1s ease-in-out infinite}.hero-effect-shadow .v10-title,.page-effect-shadow .page-hero h1{filter:drop-shadow(0 5px 0 rgba(0,0,0,.5)) drop-shadow(0 10px 18px rgba(0,0,0,.55))}
@keyframes bcRgbText{0%{filter:hue-rotate(0deg) drop-shadow(0 0 7px #ff3b3b)}100%{filter:hue-rotate(360deg) drop-shadow(0 0 7px #ff3b3b)}}@keyframes bcGradientText{to{background-position:300% 0}}@keyframes bcTitlePulse{50%{filter:brightness(1.35) drop-shadow(0 0 13px var(--title-primary));transform:translateY(-1px)}}
.delete-application-form{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end}
.custom-links-admin{margin-top:16px}.custom-link-list{display:grid;gap:9px;margin:12px 0}.custom-link-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.025)}.custom-link-edit{display:grid;grid-template-columns:64px 1fr minmax(220px,2fr) 100px auto auto;gap:7px;align-items:center}.custom-link-add{display:grid;grid-template-columns:64px 1fr minmax(220px,2fr) 100px auto auto;gap:8px;align-items:end;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.custom-link-add h3{grid-column:1/-1;margin:0}.inline-check{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;white-space:nowrap}.inline-check input{width:auto!important}
@media(max-width:900px){.custom-link-edit,.custom-link-add{grid-template-columns:1fr 1fr}.custom-link-edit input:nth-of-type(2),.custom-link-add input:nth-of-type(2){grid-column:1/-1}.custom-link-row{grid-template-columns:1fr}.custom-link-row>form:last-child{justify-self:end}}

/* v11.1.1 — familias extra redondas/gorditas */
.hero-font-fredoka .v10-title>div,.page-font-fredoka .page-hero h1{font-family:'Fredoka','Arial Rounded MT Bold',sans-serif!important}.hero-font-baloo .v10-title>div,.page-font-baloo .page-hero h1{font-family:'Baloo 2','Arial Rounded MT Bold',sans-serif!important}.hero-font-nunito .v10-title>div,.page-font-nunito .page-hero h1{font-family:'Nunito','Trebuchet MS',sans-serif!important}.hero-font-luckiest .v10-title>div,.page-font-luckiest .page-hero h1{font-family:'Luckiest Guy','Arial Black',cursive!important}.hero-font-russo .v10-title>div,.page-font-russo .page-hero h1{font-family:'Russo One','Arial Black',sans-serif!important}.hero-font-pixel .v10-title>div,.page-font-pixel .page-hero h1{font-family:'Press Start 2P',monospace!important;letter-spacing:-.03em!important}
.hero-font-block .v10-title>div{font-family:Impact,'Arial Black',sans-serif!important}.hero-font-rounded .v10-title>div{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif!important}.hero-font-bubble .v10-title>div{font-family:'Cooper Black','Arial Rounded MT Bold',sans-serif!important}.hero-font-soft .v10-title>div{font-family:'Trebuchet MS',Verdana,sans-serif!important}.hero-font-playful .v10-title>div{font-family:'Comic Sans MS','Trebuchet MS',cursive!important}.hero-font-retro .v10-title>div{font-family:'Franklin Gothic Heavy',Impact,sans-serif!important}.hero-font-techno .v10-title>div{font-family:'Arial Black','Segoe UI Black',sans-serif!important}.hero-font-comic .v10-title>div{font-family:'Comic Sans MS',cursive!important}.hero-font-elegant .v10-title>div{font-family:Georgia,'Times New Roman',serif!important}.hero-font-classic .v10-title>div{font-family:Georgia,serif!important}
.section-font-fredoka .v10-panel>header b,.section-font-fredoka .v10-community>header b,.section-font-fredoka .panel-title-row h2{font-family:'Fredoka',sans-serif!important}.section-font-baloo .v10-panel>header b,.section-font-baloo .v10-community>header b,.section-font-baloo .panel-title-row h2{font-family:'Baloo 2',sans-serif!important}.section-font-nunito .v10-panel>header b,.section-font-nunito .v10-community>header b,.section-font-nunito .panel-title-row h2{font-family:'Nunito',sans-serif!important}.section-font-luckiest .v10-panel>header b,.section-font-luckiest .v10-community>header b,.section-font-luckiest .panel-title-row h2{font-family:'Luckiest Guy',cursive!important}.section-font-russo .v10-panel>header b,.section-font-russo .v10-community>header b,.section-font-russo .panel-title-row h2{font-family:'Russo One',sans-serif!important}.section-font-pixel .v10-panel>header b,.section-font-pixel .v10-community>header b,.section-font-pixel .panel-title-row h2{font-family:'Press Start 2P',monospace!important;font-size:.8em}
.hero-effect-neon .v10-title>div{text-shadow:0 0 4px #fff,0 0 10px var(--title-primary),0 0 24px var(--title-primary)!important}.hero-effect-gradient .v10-title>div{background:linear-gradient(90deg,var(--title-primary),var(--title-secondary),#ff4fd8,#5effe8,var(--title-primary));background-size:320% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important;animation:bcGradientText 5s linear infinite;text-shadow:none!important;-webkit-text-stroke:0!important}.hero-effect-glow .v10-title>div{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--title-primary) 78%,transparent))}.hero-effect-pulse .v10-title>div{animation:bcTitlePulse 2.1s ease-in-out infinite}

/* v12 extra display fonts */
.hero-font-titan .v10-title,.page-font-titan .page-hero-copy h1,.section-font-titan h2,.section-font-titan .panel-title-row h2{font-family:'Titan One',sans-serif!important}
.hero-font-lilita .v10-title,.page-font-lilita .page-hero-copy h1,.section-font-lilita h2,.section-font-lilita .panel-title-row h2{font-family:'Lilita One',sans-serif!important}
.hero-font-chewy .v10-title,.page-font-chewy .page-hero-copy h1,.section-font-chewy h2,.section-font-chewy .panel-title-row h2{font-family:'Chewy',cursive!important}
.hero-font-concert .v10-title,.page-font-concert .page-hero-copy h1,.section-font-concert h2,.section-font-concert .panel-title-row h2{font-family:'Concert One',sans-serif!important}
.hero-font-paytone .v10-title,.page-font-paytone .page-hero-copy h1,.section-font-paytone h2,.section-font-paytone .panel-title-row h2{font-family:'Paytone One',sans-serif!important}
.hero-font-righteous .v10-title,.page-font-righteous .page-hero-copy h1,.section-font-righteous h2,.section-font-righteous .panel-title-row h2{font-family:'Righteous',sans-serif!important}
.hero-font-rubikmono .v10-title,.page-font-rubikmono .page-hero-copy h1,.section-font-rubikmono h2,.section-font-rubikmono .panel-title-row h2{font-family:'Rubik Mono One',sans-serif!important}
.hero-font-kanit .v10-title,.page-font-kanit .page-hero-copy h1,.section-font-kanit h2,.section-font-kanit .panel-title-row h2{font-family:'Kanit',sans-serif!important}
.text-editor-grid textarea{min-height:68px}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.security-grid>div{padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(0,0,0,.25)}.security-grid strong,.security-grid small{display:block;margin-top:6px}

/* =========================================================
   v12.3 MOBILE RESPONSIVE HARDENING — INNER + ADMIN PAGES
   ========================================================= */
@media (max-width: 900px){
  html,body{max-width:100%;overflow-x:hidden!important}
  body.inner-page-body main{width:100%;max-width:100%;overflow-x:hidden}
  .wrap{width:min(94vw,100%)!important;max-width:100%!important}
  .topbar{position:sticky!important;top:0;z-index:999;height:auto!important;min-height:62px!important}
  .nav{min-height:62px!important;height:auto!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:7px 10px!important}
  .brand{min-width:0!important;max-width:calc(100% - 100px)!important}
  .brand img{flex:0 0 auto}.brand span{min-width:0!important}.brand b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
  .mobile-menu-btn{display:grid!important;flex:0 0 42px}
  .nav nav{order:10!important;width:100%!important;max-height:calc(100svh - 80px)!important;overflow-y:auto!important;overscroll-behavior:contain;background:rgba(7,13,18,.98);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:7px!important;margin-top:3px}
  .nav nav.open{display:flex!important}
  .nav nav a{width:100%!important;min-height:42px!important;display:flex!important;align-items:center!important;padding:10px 12px!important;white-space:normal!important}
  .account{min-width:0!important;gap:5px!important;margin-left:auto!important}
  .account .user-chip{max-width:46px!important;width:46px!important;overflow:hidden!important;padding:4px!important}.account .user-chip span{display:none!important}.account .user-chip img{width:36px!important;height:36px!important}
  .account form,.account .ghost.compact,.account .btn.compact{display:none!important}

  .page-hero{min-height:220px!important;height:auto!important;padding:34px 0 28px!important;background-position:center!important}
  .page-hero-copy{padding:0 14px!important;max-width:100%!important}.page-hero-copy h1{font-size:clamp(34px,10vw,52px)!important;line-height:1!important;overflow-wrap:anywhere}.page-hero-copy p{max-width:100%!important;font-size:13px!important;line-height:1.5!important}
  .page-content,.inner-content,.admin-shell,.admin-content,.content-shell{width:100%!important;max-width:100%!important;padding-left:10px!important;padding-right:10px!important}
  .glass,.glass-card,.panel,.admin-panel,.settings-card,.application-card,.report-card{max-width:100%!important;min-width:0!important}

  .news-grid-page,.staff-grid,.staff-grid-premium,.feature-grid,.application-choice-grid,.form-grid-two,.settings-grid,.grid-form,.stats-grid,.security-grid,.image-settings-grid,.appearance-grid,.admin-kpi-row,.compact-toggle-grid,.page-toggle-grid,.admin-settings-columns,.report-admin-grid{grid-template-columns:1fr!important}
  .rule-card-grid{grid-template-columns:1fr!important}.rule-card{grid-template-columns:46px minmax(0,1fr)!important;padding:14px!important}.rule-card p{overflow-wrap:anywhere}
  .rules-intro{align-items:flex-start!important;padding:14px!important}.rules-shield{font-size:36px!important;flex:0 0 auto}
  .staff-orbit-grid,.staff-orbit-grid.one-member{grid-template-columns:1fr!important}.staff-orbit-card{width:100%!important;max-width:340px!important;margin:0 auto!important}
  .staff-showcase-group{padding:16px 10px!important}.staff-showcase-kicker{gap:8px!important;flex-wrap:wrap}.staff-showcase-kicker b{font-size:20px!important}

  .auth-layout,.profile-shell,.community-layout{grid-template-columns:1fr!important}.auth-card,.register-card,.login-card{width:100%!important;max-width:100%!important}.register-art{display:none!important}
  .profile-skin-wrap{height:auto!important;min-height:240px}.profile-skin-wrap img{max-width:100%!important;height:auto!important;max-height:330px!important}

  .admin-layout,.admin-grid,.admin-dashboard-grid{display:block!important;width:100%!important;max-width:100%!important}
  .admin-sidebar{position:static!important;width:100%!important;max-width:100%!important;margin-bottom:12px!important;display:flex!important;overflow-x:auto!important;gap:7px!important;padding:8px!important;scrollbar-width:thin}.admin-sidebar a{flex:0 0 auto!important;white-space:nowrap!important}
  .admin-main{width:100%!important;max-width:100%!important;min-width:0!important;padding:10px!important}
  .admin-toolbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
  .admin-user-item,.admin-item,.compact-user-card{grid-template-columns:1fr!important;min-width:0!important}
  .admin-user-item input,.admin-user-item select,.admin-user-item textarea,.admin-item input,.admin-item select,.admin-item textarea,.compact-user-card input,.compact-user-card select,.compact-user-card textarea{width:100%!important;max-width:100%!important;min-width:0!important}
  .mini-form,.compact-add-form,.custom-link-edit,.custom-link-add,.add-question-form,.rule-edit-fields,.add-rule-form,.review-form,.seasonal-form,.reward-form{grid-template-columns:1fr!important}
  .custom-link-row{grid-template-columns:1fr!important}.custom-link-edit>* ,.custom-link-add>*{grid-column:auto!important}

  .table,.table-wrap,.responsive-table{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.table .tr{min-width:620px!important}.table .th,.table .td{white-space:normal!important;overflow-wrap:anywhere}
  pre,code{max-width:100%;overflow-x:auto}
  img,video,iframe{max-width:100%!important;height:auto}
  input,select,textarea,button{max-width:100%;font-size:16px}
  textarea{min-height:100px}
  .btn,.ghost{min-height:42px}
}

@media (max-width: 560px){
  .page-hero{min-height:190px!important;padding:28px 0 22px!important}.page-hero-copy h1{font-size:32px!important}
  .wrap{width:100%!important;padding-left:9px!important;padding-right:9px!important}
  .nav{padding-left:8px!important;padding-right:8px!important}.brand img{width:40px!important;height:40px!important}.brand b{font-size:14px!important}
  .rule-card{grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important}.rule-card-number{width:38px!important;height:38px!important}.rule-card h3{font-size:15px!important}
  .flash{margin-left:9px!important;margin-right:9px!important}
  .admin-main{padding:8px!important}
  .admin-sidebar{margin-left:0!important;margin-right:0!important}
  .table .tr{min-width:560px!important}
}


/* =========================================================
   v12.4 LOGIN — registro, recuperación y soporte
   ========================================================= */
.auth-login-page{padding-top:28px;padding-bottom:34px}
.login-card-fixed{overflow:hidden}
.login-submit-btn{width:100%;margin-top:2px}
.login-extra-links{margin-top:17px;padding-top:2px;text-align:center}
.login-register-cta{margin:0;display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;color:#d9dee4;font-size:13px;font-weight:700}
.login-register-cta a{color:var(--site-accent);font-weight:1000;text-decoration:none}
.login-register-cta a:hover{text-decoration:underline;text-underline-offset:3px}
.login-forgot-link{display:inline-block;margin-top:11px;color:#b8c2cb;font-size:11px;font-weight:800;text-decoration:none;transition:.18s ease}
.login-forgot-link:hover{color:#fff}
.login-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:17px 0 14px;color:#76818b}
.login-divider span{height:1px;background:rgba(255,255,255,.10)}
.login-divider b{font-size:10px;font-weight:900;text-transform:uppercase}
.login-secondary-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.login-secondary-link{color:#c5ccd3;font-size:11px;font-weight:800;text-decoration:none;transition:.18s ease}
.login-secondary-link:hover{color:var(--site-accent)}
.login-support-link{margin-left:auto;text-align:right}

.recover-code-page{padding-top:30px;padding-bottom:40px}
.recover-code-card{max-width:760px!important;margin:0 auto;padding:28px!important}
.recover-code-card h1{margin:8px 0 12px;font-size:clamp(30px,5vw,44px)}
.recover-lead{margin:0 0 18px;color:#c6d0d9;line-height:1.65;font-size:13px}
.recover-info-box{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;padding:16px;border:1px solid color-mix(in srgb,var(--site-accent) 34%,rgba(255,255,255,.12));border-radius:14px;background:rgba(255,204,35,.055)}
.recover-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:rgba(255,204,35,.10);font-size:24px}
.recover-info-box b{display:block;margin-bottom:5px;color:#fff}
.recover-info-box p{margin:0;color:#b9c3cc;font-size:12px;line-height:1.55}
.recover-steps{display:grid;gap:9px;margin:16px 0}
.recover-steps>div{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.recover-steps span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--site-accent);color:#101215;font-size:12px;font-weight:1000}
.recover-steps p{margin:0;color:#c6d0d8;font-size:11px;line-height:1.45}
.recover-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.recover-bottom-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.09)}
.recover-bottom-links a{font-size:11px;color:#b8c3cc;font-weight:800}
.recover-bottom-links a:hover{color:var(--site-accent)}

@media(max-width:650px){
  .auth-login-page,.recover-code-page{padding-top:14px!important;padding-bottom:24px!important}
  .login-secondary-actions{flex-direction:column;align-items:center;gap:10px}
  .login-support-link{margin-left:0;text-align:center}
  .recover-code-card{padding:20px 15px!important}
  .recover-info-box{grid-template-columns:42px 1fr;padding:13px;gap:10px}
  .recover-icon{width:42px;height:42px;font-size:20px}
  .recover-actions{grid-template-columns:1fr}
  .recover-bottom-links{flex-direction:column;align-items:center}
}


/* =========================================================
   v12.5 · Buscador instantáneo Admin > Usuarios
   ========================================================= */
.admin-user-search-panel{display:flex;align-items:center;gap:14px;justify-content:space-between;margin:10px 0 16px;padding:12px 14px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(8,12,15,.72);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.admin-user-search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:0}.admin-user-search{width:100%;height:46px;padding:0 46px 0 43px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#0b0f12;color:#fff;font:inherit;font-weight:700;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.admin-user-search::placeholder{color:#8d959e;font-weight:600}.admin-user-search:focus{border-color:#ffd224;box-shadow:0 0 0 3px rgba(255,210,36,.14);background:#090d10}.admin-user-search-icon{position:absolute;left:14px;z-index:2;color:#ffd224;font-size:22px;line-height:1;pointer-events:none}.admin-user-search-clear{position:absolute;right:8px;width:32px;height:32px;border:0;border-radius:8px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer;font-weight:900}.admin-user-search-clear:hover{background:rgba(255,210,36,.14);color:#ffd224}.admin-user-search-meta{white-space:nowrap;color:#b9c0c7;font-size:12px;font-weight:800}.admin-user-empty-search{margin:0 0 16px;text-align:center;padding:26px!important}.admin-user-empty-search b{display:block;color:#ffd224;font-size:18px;margin-bottom:4px}.admin-user-empty-search span{color:#aeb5bd;font-size:13px}

/* =========================================================
   v12.6 · Usuarios, skins y galería
   ========================================================= */
.ghost.danger,.user-delete-btn{border-color:rgba(255,78,78,.38)!important;color:#ff9a9a!important}.ghost.danger:hover,.user-delete-btn:hover{background:rgba(255,70,70,.13)!important;border-color:#ff6666!important;color:#fff!important}
.skins-directory-page{padding-top:34px!important;padding-bottom:64px!important}.skins-directory-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.skins-directory-head h1{margin:5px 0 7px;font-size:clamp(34px,5vw,58px)}.skins-directory-head p{max-width:760px;margin:0;color:#b9c4ce;line-height:1.55}.skin-search-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:22px;padding:11px 14px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(7,12,17,.78);backdrop-filter:blur(14px)}.skin-search-box>span{color:var(--site-accent);font-size:24px}.skin-search-box input{width:100%;min-width:0;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff;font-size:15px;font-weight:800;outline:none}.skin-search-box small{color:#9facb8;font-weight:900}.skin-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.skin-gallery-card{position:relative;display:flex;flex-direction:column;min-height:320px;padding:13px;border:1px solid rgba(255,255,255,.10);border-radius:19px;background:linear-gradient(180deg,rgba(16,23,31,.83),rgba(5,10,15,.79));box-shadow:0 18px 36px rgba(0,0,0,.22);color:#fff;text-decoration:none;overflow:hidden;transition:.22s ease}.skin-gallery-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--site-accent) 54%,white 5%);box-shadow:0 25px 50px rgba(0,0,0,.34),0 0 25px color-mix(in srgb,var(--site-accent) 12%,transparent)}.skin-gallery-preview{height:225px;display:grid;place-items:center;border-radius:14px;background:radial-gradient(circle at 50% 25%,rgba(255,210,36,.12),transparent 58%),rgba(0,0,0,.19);overflow:hidden}.skin-gallery-preview>img{display:block;max-width:95%;max-height:210px;width:auto;height:auto;object-fit:contain;image-rendering:pixelated}.skin-gallery-info{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;margin-top:12px}.skin-gallery-info>img{width:42px;height:42px;border-radius:9px;image-rendering:pixelated;background:#10151b}.skin-gallery-info b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-gallery-info small{display:block;color:#9ca8b3;font-size:10px;margin-top:2px}.skin-source-badge{position:absolute;top:22px;right:21px;padding:5px 8px;border-radius:999px;background:rgba(12,18,24,.86);border:1px solid rgba(255,255,255,.12);font-size:8px;font-weight:1000;letter-spacing:.6px;text-transform:uppercase}.skin-source-badge.custom{color:#ffd527;border-color:rgba(255,213,39,.34)}.skin-source-badge.automatic{color:#72e5ff}.skin-gallery-empty{text-align:center;padding:30px!important;color:#aeb9c4}
.profile-skin-status{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:6px;margin:2px 0 8px;padding:6px 9px;border:1px solid rgba(100,220,255,.23);border-radius:999px;background:rgba(60,190,255,.08);color:#9aeaff;font-size:10px;font-weight:900}.profile-skin-status.custom{border-color:rgba(255,213,39,.30);background:rgba(255,213,39,.08);color:#ffd527}.skin-manager-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:24px;padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(145deg,rgba(8,13,19,.89),rgba(18,22,28,.74));backdrop-filter:blur(16px);box-shadow:0 25px 60px rgba(0,0,0,.28)}.skin-manager-copy h2{margin:5px 0 10px;font-size:clamp(27px,4vw,40px)}.skin-manager-copy>p{color:#b8c3ce;line-height:1.62;font-size:13px}.skin-refresh-note{margin:15px 0;padding:12px 14px;border-left:3px solid var(--site-accent);border-radius:8px;background:rgba(255,255,255,.045);color:#acb7c1;font-size:11px;line-height:1.5}.skin-refresh-note b{color:#fff}.skin-upload-zone-wrap{display:grid;gap:10px}.skin-upload-form{display:grid;gap:11px}.skin-drop-zone{position:relative;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px;border:2px dashed rgba(255,255,255,.18);border-radius:17px;background:rgba(1,6,10,.38);text-align:center;cursor:pointer;transition:.2s ease;overflow:hidden}.skin-drop-zone:hover,.skin-drop-zone.dragging{border-color:var(--site-accent);background:rgba(255,210,36,.055);transform:translateY(-1px)}.skin-drop-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:rgba(255,213,39,.12);color:var(--site-accent);font-size:24px;font-weight:1000}.skin-drop-zone>b{font-size:16px}.skin-drop-zone>span{color:#bbc5cd;font-size:12px}.skin-drop-zone>small{color:#7f8c98;font-size:9px}.skin-drop-zone>img{position:absolute;inset:10px;margin:auto;max-width:calc(100% - 20px);max-height:calc(100% - 20px);width:auto;height:auto;image-rendering:pixelated;background:rgba(4,8,12,.94);padding:8px;border-radius:12px}.skin-drop-zone.has-file>div,.skin-drop-zone.has-file>b,.skin-drop-zone.has-file>span,.skin-drop-zone.has-file>small{opacity:.12}.skin-upload-form button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.skin-reset-form{display:flex}.skin-reset-form button{width:100%}.skin-site-only{text-align:center;font-size:9px!important;line-height:1.45;margin:1px 0 0}
@media(max-width:900px){.skin-manager-card{grid-template-columns:1fr}.skin-drop-zone{min-height:220px}.skins-directory-head{align-items:flex-start;flex-direction:column}.skins-directory-head .btn{width:100%;text-align:center}}
@media(max-width:700px){.admin-user-search-panel{align-items:stretch;flex-direction:column;gap:8px}.admin-user-search-meta{text-align:right}.admin-user-search{font-size:16px}.skin-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.skin-gallery-card{min-height:270px;padding:8px;border-radius:14px}.skin-gallery-preview{height:185px}.skin-gallery-preview>img{max-height:174px}.skin-gallery-info{grid-template-columns:34px minmax(0,1fr);gap:7px}.skin-gallery-info>img{width:34px;height:34px}.skin-source-badge{top:13px;right:12px;font-size:7px}.skin-search-box{grid-template-columns:auto minmax(0,1fr)}.skin-search-box small{grid-column:2}.skin-manager-card{padding:15px}.skin-drop-zone{min-height:200px}}
@media(max-width:420px){.skin-gallery-grid{grid-template-columns:1fr 1fr}.skin-gallery-preview{height:165px}.skin-gallery-card{min-height:248px}.skin-gallery-info b{font-size:12px}}


/* =========================================================
   v12.7 · Perfiles de creador + NameMC social
   ========================================================= */
.profile-hero{background:transparent!important;position:relative;isolation:isolate}.profile-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,12,.78),rgba(3,8,12,.50) 52%,rgba(3,8,12,.24));z-index:-1}.creator-public-profile{padding:42px 0 52px;min-height:620px}.creator-profile-shell{grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:34px}.profile-skin-stage{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center}.skin-3d-viewer{width:min(100%,360px);height:470px;display:grid;place-items:center;cursor:grab;filter:drop-shadow(0 28px 20px rgba(0,0,0,.6))}.skin-3d-viewer:active{cursor:grabbing}.skin-3d-viewer canvas{max-width:100%;height:auto!important}.skin-view-hint{margin-top:-18px;padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(2,8,12,.62);color:#aeb9c4;font-size:10px;font-weight:800}.creator-profile-card{position:relative;border-color:color-mix(in srgb,var(--profile-accent) 32%,transparent)!important;box-shadow:0 26px 70px rgba(0,0,0,.36),0 0 38px color-mix(in srgb,var(--profile-accent) 10%,transparent)!important;overflow:hidden}.creator-profile-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--profile-accent),var(--profile-accent2),transparent)}.creator-title{margin:-4px 0 11px!important;color:var(--profile-accent)!important;font-weight:900;font-size:16px}.profile-ranks{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.creator-bio{max-width:760px}.creator-cta{display:inline-flex;margin:3px 0 14px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--profile-accent) 11%,transparent);border:1px solid color-mix(in srgb,var(--profile-accent) 28%,transparent);color:#fff;font-size:12px;font-weight:900}.social-icon-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 15px}.social-icon-row a{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(5,10,14,.72);font-size:11px;font-weight:900;transition:.18s}.social-icon-row a:hover{transform:translateY(-2px);border-color:var(--profile-accent);background:color-mix(in srgb,var(--profile-accent) 10%,#071017)}.social-icon-row img{width:18px;height:18px}.skin-social-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.skin-social-actions form{margin:0}.skin-action{min-width:118px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:0 6px;align-items:center;padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(7,12,17,.8);color:#fff;cursor:pointer;text-align:left}.skin-action>b{color:var(--profile-accent);font-size:14px}.skin-action>span{grid-column:1/-1;margin-top:2px;color:#8f9aa6;font-size:8px;text-transform:uppercase;letter-spacing:.5px}.skin-action.liked{border-color:#ff4f7c;color:#ff7d9f}.creator-edit-btn{margin-top:14px}.profile-sparkles i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--profile-accent);box-shadow:0 0 14px var(--profile-accent);animation:profileSpark 5s ease-in-out infinite}.profile-sparkles i:nth-child(1){left:8%;top:18%}.profile-sparkles i:nth-child(2){left:31%;top:72%;animation-delay:-1.2s}.profile-sparkles i:nth-child(3){right:12%;top:22%;animation-delay:-2.1s}.profile-sparkles i:nth-child(4){right:28%;bottom:15%;animation-delay:-3s}.profile-sparkles i:nth-child(5){left:55%;top:10%;animation-delay:-4s}@keyframes profileSpark{0%,100%{opacity:.15;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(2) rotate(180deg)}}
.public-portfolio{padding-top:28px}.section-heading h2{margin:6px 0 18px;font-size:clamp(25px,4vw,38px)}.public-portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.public-portfolio-grid a{display:block;border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#091016;box-shadow:0 18px 35px rgba(0,0,0,.25)}.public-portfolio-grid img{width:100%;height:260px;object-fit:cover;display:block;transition:.25s}.public-portfolio-grid a:hover img{transform:scale(1.035)}
.namemc-card{padding:0!important;min-height:345px}.skin-gallery-profile-link{padding:13px 13px 7px;display:block;color:inherit}.namemc-card-actions{display:flex;justify-content:flex-end;gap:6px;padding:0 13px 12px;margin-top:auto}.namemc-card-actions form{margin:0}.mini-skin-action{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:34px;padding:0 9px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#1a222a;color:#dbe2e8;font-weight:900;font-size:11px;cursor:pointer}.mini-skin-action:hover{border-color:#fff;color:#fff}.mini-skin-action.liked{background:#8e1941;border-color:#d83a6d;color:#fff}.mini-skin-action.download{background:#07875b;border-color:#13aa78}.namemc-card .skin-source-badge{z-index:2}
.profile-editor-page{padding-top:34px;padding-bottom:70px}.profile-editor-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}.profile-editor-head h1{font-size:clamp(34px,5vw,58px);margin:5px 0}.profile-editor-head p{max-width:760px;color:#acb7c2}.creator-editor-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:18px;align-items:start}.creator-settings-form,.portfolio-editor{padding:22px!important}.creator-settings-form h2,.portfolio-editor h2{margin:0 0 14px}.creator-settings-form label{display:grid;gap:6px;margin-bottom:12px;color:#dce4ea;font-size:11px;font-weight:900}.creator-settings-form input,.creator-settings-form textarea{width:100%;background:#091016;border:1px solid #313b44;border-radius:9px;padding:11px 12px;color:#fff;outline:none}.creator-settings-form input:focus,.creator-settings-form textarea:focus{border-color:var(--profile-accent)}.palette-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.palette-row input[type=color]{height:48px;padding:5px}.toggle-line{display:flex!important;grid-template:none!important;align-items:center;gap:8px}.toggle-line input{width:auto!important}.portfolio-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.portfolio-mini-grid>div{position:relative}.portfolio-mini-grid img{width:100%;height:145px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.12)}.portfolio-delete{position:absolute;right:7px;top:7px;width:30px;height:30px;border:0;border-radius:50%;background:#b91c1c;color:#fff;font-size:20px;cursor:pointer}.portfolio-drop{display:grid;place-items:center;gap:4px;margin:14px 0 8px;min-height:120px;border:2px dashed rgba(255,255,255,.18);border-radius:12px;background:rgba(0,0,0,.18);cursor:pointer}.portfolio-drop span{color:#8c98a3;font-size:10px}.portfolio-drop input{max-width:90%}.creator-tip{margin-top:15px;padding:12px;border-left:3px solid var(--profile-accent);background:rgba(255,255,255,.04);color:#9eabb6;font-size:11px;line-height:1.55}
@media(max-width:980px){.creator-profile-shell,.creator-editor-grid{grid-template-columns:1fr!important}.profile-skin-stage{min-height:430px}.public-portfolio-grid{grid-template-columns:repeat(2,1fr)}.profile-editor-head{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.creator-public-profile{padding-top:15px}.profile-skin-stage{min-height:360px}.skin-3d-viewer{height:380px}.creator-profile-card{padding:18px!important}.social-icon-row a span{display:none}.social-icon-row a{padding:10px}.public-portfolio-grid{grid-template-columns:1fr}.public-portfolio-grid img{height:220px}.palette-row{grid-template-columns:1fr}.portfolio-mini-grid{grid-template-columns:1fr 1fr}.skin-social-actions{display:grid;grid-template-columns:1fr 1fr}.skin-action{min-width:0}.profile-editor-head .btn{width:100%}}


/* ================= BastiCraft v12.8 · perfiles creativos, moderación y portafolio ================= */
.public-profile-page{position:relative;min-height:calc(100vh - 64px);background-image:var(--profile-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;isolation:isolate}
.public-profile-page:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,7,10,.42),rgba(2,7,10,.72));pointer-events:none;z-index:-1}
.public-profile-page .creator-public-profile,.public-profile-page .public-portfolio,.public-profile-page .content-section{background:transparent!important}
.creator-profile-card{background:rgba(7,13,18,calc(var(--profile-opacity,78)/100))!important;backdrop-filter:blur(var(--profile-blur,8px));-webkit-backdrop-filter:blur(var(--profile-blur,8px))}
.profile-display-name{display:inline-block;margin-bottom:10px!important;color:var(--profile-name,#fff)!important}
.name-effect-neon{text-shadow:0 0 calc(var(--profile-neon,18px)*.45) var(--profile-name),0 0 var(--profile-neon,18px) var(--profile-name),0 0 calc(var(--profile-neon,18px)*1.7) var(--profile-name2)}
.name-effect-gradient{background:linear-gradient(90deg,var(--profile-name),var(--profile-name2));-webkit-background-clip:text;background-clip:text;color:transparent!important}
.name-effect-rainbow{background:linear-gradient(90deg,#ff3158,#ffcc27,#42f56f,#3ac7ff,#9b5cff,#ff4ecb,#ff3158);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:profileNameRainbow 5s linear infinite}
@keyframes profileNameRainbow{to{background-position:300% 0}}
.frame-pulse .animated-profile-frame{animation:profileFramePulse 2.2s ease-in-out infinite}@keyframes profileFramePulse{50%{box-shadow:0 0 36px color-mix(in srgb,var(--profile-accent) 46%,transparent),0 0 70px color-mix(in srgb,var(--profile-accent2) 20%,transparent)!important}}
.frame-flow .animated-profile-frame:before{height:4px;background:linear-gradient(90deg,var(--profile-accent),var(--profile-accent2),var(--profile-accent));background-size:220% 100%;animation:profileFrameFlow 2.4s linear infinite}@keyframes profileFrameFlow{to{background-position:220% 0}}
.frame-rainbow .animated-profile-frame{border-color:transparent!important;background:linear-gradient(rgba(7,13,18,calc(var(--profile-opacity,78)/100)),rgba(7,13,18,calc(var(--profile-opacity,78)/100))) padding-box,linear-gradient(90deg,#ff3158,#ffcc27,#42f56f,#3ac7ff,#9b5cff,#ff4ecb,#ff3158) border-box!important;background-size:auto,300% 100%!important;animation:profileBorderRainbow 5s linear infinite}@keyframes profileBorderRainbow{to{background-position:0 0,300% 0}}
.profile-policy-alert{display:grid;gap:6px;margin:0 0 18px;padding:14px 16px;border:1px solid #7c5f13;border-radius:12px;background:rgba(73,53,8,.48);color:#f7df93}.profile-policy-alert span{font-size:12px;line-height:1.55}.profile-policy-alert.suspended{border-color:#a52d36;background:rgba(91,18,24,.52);color:#ffd4d7}.policy-check{display:flex!important;grid-template:none!important;gap:9px;align-items:flex-start;padding:11px 12px;border-radius:10px;border:1px solid rgba(255,205,46,.26);background:rgba(255,205,46,.06);line-height:1.45}.policy-check input{width:auto!important;margin-top:2px}.field-help{font-size:11px;color:#9daab5;line-height:1.45}.creator-settings-form select{width:100%;background:#091016;border:1px solid #313b44;border-radius:9px;padding:11px 12px;color:#fff}.range-value{float:right;color:var(--profile-accent)}.profile-side-stack{display:grid;gap:18px}.background-editor{padding:22px!important}.profile-bg-preview{width:100%;height:180px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.13);margin:8px 0 12px}
.public-portfolio-grid button{appearance:none;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:15px;overflow:hidden;background:#091016;cursor:zoom-in;box-shadow:0 18px 35px rgba(0,0,0,.25)}.public-portfolio-grid button:hover img{transform:scale(1.035)}
.portfolio-lightbox[hidden]{display:none}.portfolio-lightbox{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(0,0,0,.91);backdrop-filter:blur(10px);padding:38px}.portfolio-lightbox img{max-width:min(1100px,92vw);max-height:86vh;object-fit:contain;border-radius:12px;box-shadow:0 28px 90px #000}.portfolio-lightbox-close,.portfolio-lightbox-prev,.portfolio-lightbox-next{position:absolute;border:1px solid rgba(255,255,255,.22);background:rgba(12,17,22,.84);color:#fff;cursor:pointer}.portfolio-lightbox-close{right:22px;top:18px;width:48px;height:48px;border-radius:50%;font-size:30px}.portfolio-lightbox-prev,.portfolio-lightbox-next{top:50%;transform:translateY(-50%);width:48px;height:64px;border-radius:12px;font-size:38px}.portfolio-lightbox-prev{left:20px}.portfolio-lightbox-next{right:20px}.portfolio-lightbox-count{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:#0a0f14cc;border:1px solid rgba(255,255,255,.16);font-size:11px;color:#d7dee5}
.profile-is-suspended{min-height:calc(100vh - 64px);display:grid;align-items:center}.suspended-skin-only{grid-template-columns:1fr!important;max-width:780px}.profile-suspended-badge{margin-top:14px;padding:8px 13px;border-radius:999px;border:1px solid #ef4444;background:#3a0f14cc;color:#fecaca;font-size:11px;font-weight:900}.owner-suspension-note{max-width:620px;margin:auto;padding:18px;border-radius:14px;border:1px solid #7f1d1d;background:rgba(45,12,15,.86);display:grid;gap:9px}.owner-suspension-note span{color:#f3b7bc;font-size:12px;line-height:1.5}.admin-profile-limits{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:14px!important}.admin-profile-limits>div{display:grid;gap:3px;flex:1}.admin-profile-limits span{font-size:11px;color:#97a1ac}.admin-profile-limits input{width:90px;background:#0d1115;border:1px solid #39414a;color:#fff;border-radius:8px;padding:10px}.profile-admin-suspended{color:#ff8e98;font-weight:900}.profile-moderation-form{display:flex;gap:7px;flex-wrap:wrap}.profile-moderation-form input{min-width:180px}
@media(max-width:700px){.public-profile-page{background-attachment:scroll}.portfolio-lightbox{padding:65px 12px 58px}.portfolio-lightbox-prev,.portfolio-lightbox-next{width:42px;height:54px}.portfolio-lightbox-prev{left:8px}.portfolio-lightbox-next{right:8px}.admin-profile-limits{align-items:stretch;flex-direction:column}.admin-profile-limits input{width:100%}}

.admin-portfolio-count{align-self:center;padding:7px 9px;border-radius:999px;background:#0e1419;border:1px solid #313942;color:#97a4af;font-size:10px;font-weight:800}


/* ================= BastiCraft v12.9 · perfiles por rol + revisión obligatoria de imágenes ================= */
.profile-admin-creator{color:#8af3c1;font-weight:1000}.profile-approval-box{grid-column:1/-1;margin-top:8px;padding:14px;border:1px solid rgba(255,210,36,.28);border-radius:13px;background:rgba(28,24,8,.72)}.profile-approval-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.profile-approval-head b{color:#ffd524}.profile-approval-head span{font-size:10px;color:#aeb8c0}.approval-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.approval-item{display:grid;gap:8px;padding:8px;border-radius:10px;background:#0a0f13;border:1px solid rgba(255,255,255,.10)}.approval-item img{width:100%;height:110px;object-fit:cover;border-radius:7px}.approval-background{grid-template-columns:minmax(180px,320px) 1fr;align-items:center}.approval-background img{height:145px}.approval-actions{display:flex;gap:6px;flex-wrap:wrap}.ghost.approve{border-color:rgba(48,211,132,.45)!important;color:#86efac!important}.ghost.approve:hover{background:rgba(34,197,94,.13)!important;color:#fff!important}.pending-media-block,.approved-media-block{display:grid;gap:7px;margin:10px 0;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.20)}.pending-media-block{border-color:rgba(251,191,36,.38);background:rgba(120,80,0,.10)}.pending-media-block>span{color:#facc15;font-size:11px;font-weight:1000}.approved-media-block>span{color:#86efac;font-size:11px;font-weight:1000}.pending-grid img{filter:saturate(.75) brightness(.85)}.pending-badge{position:absolute;left:7px;bottom:9px;padding:4px 7px;border-radius:999px;background:#7c5a05;color:#ffe99a;font-size:8px;font-weight:1000;text-transform:uppercase;letter-spacing:.4px}
@media(max-width:700px){.profile-approval-head{align-items:flex-start;flex-direction:column}.approval-background{grid-template-columns:1fr}.approval-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== v12.10 · Editor de skins / aprobaciones / contraseña ===== */
.skin-editor-page{min-height:calc(100vh - 55px);display:grid;grid-template-columns:230px 1fr;background:rgba(4,8,10,.7);position:relative}.skin-editor-side{padding:22px 14px;background:rgba(6,9,12,.94);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:10px}.skin-editor-brand{display:flex;gap:10px;align-items:center;padding:8px 7px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.skin-editor-brand>span{font-size:28px}.skin-editor-brand b,.skin-editor-brand small{display:block}.skin-editor-brand small{color:#9ca3af}.skin-side-button{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#11161c;color:#e5e7eb;text-decoration:none;font-weight:800}.skin-side-button.active,.skin-side-button:hover{border-color:#facc15;color:#facc15}.skin-editor-help{margin-top:auto;padding:14px;border-radius:10px;background:rgba(250,204,21,.08);border:1px solid rgba(250,204,21,.2);font-size:12px}.skin-editor-help p{color:#aeb6c2;line-height:1.5;margin-bottom:0}.skin-editor-main{min-width:0;padding:24px}.skin-editor-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.skin-editor-top h1{font-size:36px;margin:2px 0}.skin-editor-top p{margin:0;color:#aeb6c2}.skin-editor-top-actions{display:flex;gap:8px}.skin-studio{display:grid;grid-template-columns:minmax(320px,1.15fr) minmax(430px,1fr) 260px;gap:14px;align-items:stretch}.skin-3d-stage,.skin-texture-workspace,.skin-studio-controls>.panel{background:rgba(9,13,17,.9);border:1px solid rgba(255,255,255,.1);border-radius:14px}.skin-3d-stage{min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(56,189,248,.16),transparent 45%),linear-gradient(145deg,rgba(250,204,21,.05),rgba(2,8,12,.96))}.skin-3d-stage canvas{max-width:100%!important}.skin-view-hint{font-size:12px;color:#8c98a6;margin-top:-20px;margin-bottom:18px}.skin-texture-workspace{overflow:auto;display:flex;flex-direction:column;min-height:650px}.skin-toolbar{position:sticky;top:0;z-index:2;padding:10px;display:flex;gap:6px;align-items:center;background:#0a0f14;border-bottom:1px solid rgba(255,255,255,.09)}.skin-toolbar button{width:38px;height:38px;border-radius:7px;border:1px solid #303a45;background:#151c23;color:#fff;font-size:17px;cursor:pointer}.skin-toolbar button.active{background:#facc15;color:#111;border-color:#facc15}.skin-toolbar input[type=color]{width:42px;height:38px;padding:2px;background:#151c23;border:1px solid #303a45;border-radius:7px}.skin-canvas-shell{padding:24px;overflow:auto;flex:1;display:grid;place-items:center;background-color:#10161c;background-image:linear-gradient(45deg,#151d25 25%,transparent 25%),linear-gradient(-45deg,#151d25 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#151d25 75%),linear-gradient(-45deg,transparent 75%,#151d25 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.skin-canvas-shell canvas{image-rendering:pixelated;box-shadow:0 0 0 1px #66717e;touch-action:none;cursor:crosshair}.skin-canvas-shell canvas.grid-on{background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:10px 10px}.skin-editor-status{display:flex;justify-content:space-between;padding:8px 12px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#91a0ad}.skin-studio-controls{display:flex;flex-direction:column;gap:12px}.skin-studio-controls>.panel{padding:16px}.skin-studio-controls h3{margin-top:0}.skin-studio-controls p{font-size:12px;color:#aeb6c2;line-height:1.5}.skin-studio-controls .ghost,.skin-studio-controls .btn{width:100%;margin-top:6px}.skin-studio-controls label{font-size:12px;display:grid;gap:7px}.skin-studio-controls input[type=range]{width:100%}.file-btn{cursor:pointer}.password-reset-card{max-width:650px;margin:auto}.password-reset-form{display:grid;gap:14px;margin-top:20px}.password-reset-form label{display:grid;gap:6px;font-weight:800}.password-reset-form input,.password-reset-form select{width:100%}.approval-counter{display:flex;align-items:baseline;gap:7px;padding:10px 16px;border-radius:10px;background:rgba(250,204,21,.1);border:1px solid rgba(250,204,21,.25)}.approval-counter b{font-size:30px;color:#facc15}.approval-counter span{color:#cbd5e1}.approval-empty{display:flex;gap:14px;align-items:center}.approval-empty>span{font-size:32px;color:#22c55e}.approval-admin-list{display:grid;gap:16px}.approval-admin-user{padding:18px}.approval-admin-user>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.approval-admin-user>header b,.approval-admin-user>header span{display:block}.approval-admin-user>header span{font-size:12px;color:#9ca3af}.approval-admin-block{margin-top:16px}.approval-admin-block h3{font-size:14px}.approval-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.approval-admin-card{border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;background:#0b1015}.approval-admin-card.wide{max-width:600px}.approval-admin-card img{width:100%;height:180px;object-fit:cover;display:block}.approval-admin-card.wide img{height:240px}.approval-admin-actions{display:flex;gap:7px;padding:9px}.approval-admin-actions form{flex:1}.approval-admin-actions button{width:100%}
@media(max-width:1200px){.skin-studio{grid-template-columns:1fr 1fr}.skin-studio-controls{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.skin-editor-page{display:block}.skin-editor-side{display:none}.skin-editor-main{padding:14px}.skin-editor-top{align-items:flex-start;flex-direction:column}.skin-editor-top-actions{width:100%;flex-wrap:wrap}.skin-studio{display:block}.skin-3d-stage,.skin-texture-workspace{min-height:520px;margin-bottom:12px}.skin-studio-controls{display:grid;grid-template-columns:1fr}.skin-editor-top h1{font-size:28px}}

/* v12.11 3D skin editor */
.skin-editor-page-v3d .skin-studio-3d{grid-template-columns:minmax(540px,1.35fr) minmax(320px,.85fr);align-items:stretch}.skin-editor-page-v3d .skin-3d-stage-large{min-height:760px;position:relative;padding:12px}.skin-editor-page-v3d #skin-editor-viewer{height:100%;min-height:680px;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 28%,rgba(250,204,21,.08),transparent 40%),linear-gradient(145deg,#0a1116,#111827)}.skin-editor-page-v3d #skin-editor-viewer canvas{display:block;width:100%!important;height:100%!important}.skin-live-badges{position:absolute;left:18px;right:18px;bottom:18px;display:flex;flex-wrap:wrap;gap:8px;pointer-events:none}.skin-live-badges span{padding:8px 12px;border-radius:999px;background:rgba(9,13,17,.86);border:1px solid rgba(255,255,255,.08);font-size:12px;color:#dbe4ee;backdrop-filter:blur(8px)}.skin-editor-page-v3d .skin-studio-controls-wide{display:flex;flex-direction:column;gap:12px}.skin-editor-page-v3d .skin-tool-grid,.skin-editor-page-v3d .skin-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.skin-editor-page-v3d .skin-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.skin-editor-page-v3d .skin-inline-actions>*{flex:1}.skin-editor-page-v3d .skin-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}.skin-editor-page-v3d .skin-swatch{height:34px;border-radius:8px;border:2px solid rgba(255,255,255,.16);cursor:pointer}.skin-editor-page-v3d .panel .danger{background:#b91c1c;border-color:#ef4444;color:#fff;width:100%;margin-top:8px}.skin-editor-page-v3d .inline-danger-form{margin-top:8px}.skin-editor-page-v3d .panel p{margin-bottom:8px}.skin-editor-page-v3d .panel .ghost.active,.skin-editor-page-v3d .panel button.active{border-color:#facc15;color:#facc15;box-shadow:0 0 0 1px rgba(250,204,21,.25) inset}#skin-editor-color{margin-top:6px}
@media(max-width:1100px){.skin-editor-page-v3d .skin-studio-3d{grid-template-columns:1fr}.skin-editor-page-v3d .skin-3d-stage-large{min-height:620px}.skin-editor-page-v3d #skin-editor-viewer{min-height:560px}}
@media(max-width:800px){.skin-editor-page-v3d .skin-3d-stage-large{min-height:560px;padding:10px}.skin-editor-page-v3d #skin-editor-viewer{min-height:500px}.skin-live-badges{position:static;margin-top:10px;pointer-events:auto}.skin-editor-page-v3d .skin-tool-grid,.skin-editor-page-v3d .skin-toggle-grid{grid-template-columns:1fr 1fr}.skin-editor-page-v3d .skin-inline-actions>*{min-width:120px;flex:auto}}

/* v12.12 skin layers + symmetry */
.skin-layer-note{display:block;margin-top:10px;color:#94a3b8;line-height:1.45}.skin-overlay-grid button.disabled,.skin-overlay-grid button:disabled{opacity:.35;cursor:not-allowed;border-color:rgba(255,255,255,.08)!important;color:#64748b!important}.skin-check-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px!important;margin-top:10px;color:#d6dee8;font-weight:700!important}.skin-check-row input{width:17px!important;height:17px!important;accent-color:#facc15}.skin-editor-page-v3d .skin-studio-controls-wide>.panel{position:relative}.skin-editor-page-v3d [data-toggle-overlay].active{background:rgba(250,204,21,.08)}

/* v12.14 zoom, fullscreen and collapsible editor panels */
.skin-view-controls{position:absolute;right:22px;top:22px;z-index:8;display:flex;flex-direction:column;gap:7px}.skin-view-controls button{min-width:44px;height:42px;padding:0 10px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:rgba(7,11,15,.88);color:#fff;font-weight:1000;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.24);backdrop-filter:blur(8px)}.skin-view-controls button:hover{border-color:#facc15;color:#facc15;background:rgba(21,24,20,.94)}.skin-view-controls #skin-zoom-reset{font-size:11px}.skin-zoom-readout{position:absolute;right:22px;top:212px;z-index:7;padding:5px 9px;border-radius:999px;background:rgba(7,11,15,.8);border:1px solid rgba(255,255,255,.10);color:#aeb8c5;font-size:10px;font-weight:900;pointer-events:none}.skin-3d-stage-large:fullscreen{width:100vw;height:100vh;min-height:100vh;border:0;border-radius:0;background:#090e13;padding:14px}.skin-3d-stage-large:fullscreen #skin-editor-viewer{height:calc(100vh - 28px);min-height:0}.skin-3d-stage-large:fullscreen .skin-view-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:8;margin:0;padding:7px 12px;border-radius:999px;background:rgba(7,11,15,.8)}.skin-3d-stage-large.skin-stage-expanded{position:fixed!important;inset:0!important;z-index:99999!important;width:100vw!important;height:100vh!important;min-height:100vh!important;margin:0!important;border-radius:0!important;padding:14px!important}.skin-3d-stage-large.skin-stage-expanded #skin-editor-viewer{height:calc(100vh - 28px)!important;min-height:0!important}.skin-stage-expanded-body{overflow:hidden}
.skin-collapsible{padding:0!important;overflow:hidden}.skin-panel-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border:0;background:transparent;color:#f8fafc;font:inherit;font-weight:1000;text-align:left;cursor:pointer}.skin-panel-toggle:hover{background:rgba(255,255,255,.035)}.skin-panel-toggle span{font-size:15px}.skin-panel-toggle b{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;border:1px solid rgba(255,255,255,.14);color:#facc15;font-size:18px;line-height:1}.skin-panel-body{padding:0 16px 16px}.skin-collapsible.collapsed .skin-panel-body{display:none}.skin-collapsible.collapsed .skin-panel-toggle{padding-bottom:15px}.skin-collapsible.collapsed{min-height:0}.skin-studio-controls-wide .skin-collapsible.collapsed{flex:none}.skin-studio-controls-wide{align-self:start}
@media(max-width:800px){.skin-view-controls{right:16px;top:16px;flex-direction:row;flex-wrap:wrap;max-width:220px;justify-content:flex-end}.skin-view-controls button{min-width:40px;height:38px}.skin-zoom-readout{right:16px;top:62px}.skin-panel-toggle{padding:13px 14px}.skin-panel-body{padding:0 14px 14px}}
.skin-source-badge.fallback{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.35);color:#cbd5e1}