/* ModPro V10.4.0 production bundled styles. Generated from source files; edit originals then rebuild. */

/* ===== styles.css ===== */
:root{
  --bg:#060910;--bg2:#0a1020;--panel:rgba(13,20,34,.72);--panel2:rgba(15,27,47,.9);--line:rgba(132,161,210,.16);
  --text:#f5f7ff;--muted:#8f9bb4;--muted2:#66738e;--cyan:#25d9ff;--blue:#4a83ff;--purple:#8b5cff;--pink:#d95cff;--green:#4ee0b5;--amber:#f4b85e;--red:#ff6685;
  --shadow:0 24px 80px rgba(0,0,0,.38);--radius:18px;--radius-sm:12px;--content:1440px;
}
html[data-theme="light"]{
  --bg:#eef3fb;--bg2:#e6edf8;--panel:rgba(255,255,255,.74);--panel2:rgba(255,255,255,.94);--line:rgba(31,58,102,.13);
  --text:#142039;--muted:#65728a;--muted2:#8590a4;--shadow:0 24px 80px rgba(47,70,107,.16)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(circle at 20% 0%,rgba(114,72,255,.10),transparent 27%),radial-gradient(circle at 80% 12%,rgba(20,200,255,.08),transparent 22%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;overflow-x:hidden}
button,input,select{font:inherit}button{color:inherit}.content-width{width:min(calc(100% - 48px),var(--content));margin-inline:auto}.hidden{display:none!important}.glass{background:color-mix(in srgb,var(--panel2) 74%, transparent);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.glass-heavy{background:linear-gradient(155deg,rgba(16,27,46,.96),rgba(8,14,27,.94));border:1px solid rgba(121,154,214,.17);box-shadow:var(--shadow);backdrop-filter:blur(24px)}html[data-theme="light"] .glass-heavy{background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(244,248,255,.94))}.glass-panel{background:linear-gradient(155deg,color-mix(in srgb,var(--panel2) 86%,transparent),color-mix(in srgb,var(--panel) 76%,transparent));border:1px solid var(--line);box-shadow:0 14px 40px rgba(0,0,0,.11);backdrop-filter:blur(18px)}
.ambient{position:fixed;pointer-events:none;filter:blur(80px);opacity:.22;z-index:-2;border-radius:50%}.ambient-a{width:500px;height:500px;background:#5f33ff;left:-220px;top:80px}.ambient-b{width:430px;height:430px;background:#0dbbff;right:-180px;top:420px}.noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.topbar{position:sticky;top:0;z-index:60;height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:28px}.brand{display:flex;align-items:center;text-decoration:none;color:var(--text);gap:10px;min-width:max-content}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#7637ff,#1aa4ff);box-shadow:0 0 30px rgba(102,73,255,.35);overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:1px;border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.02))}.brand-mark i{position:absolute;width:28px;height:28px;border:1px solid rgba(255,255,255,.35);transform:rotate(45deg);border-radius:7px}.brand-mark b{position:relative;z-index:2;color:white}.brand-mark.small{width:34px;height:34px}.brand-type{display:flex;font-size:17px;letter-spacing:.05em}.brand-type strong{font-weight:800}.brand-type em{font-style:normal;font-weight:800;color:#8d65ff;margin-left:3px}.desktop-nav{display:flex;gap:6px;align-items:center}.nav-link{border:0;background:transparent;padding:10px 12px;border-radius:9px;color:var(--muted);font-weight:650;font-size:14px;cursor:pointer;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--text);background:rgba(115,135,190,.09)}.nav-pro{color:#b9a7ff}.nav-pro span{color:#8b5cff}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.search-mini{height:38px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(6,11,22,.34);border-radius:10px;padding:0 10px;color:var(--muted2);min-width:230px}.search-mini input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.search-mini kbd{font-size:9px;border:1px solid var(--line);border-radius:5px;padding:3px 5px;background:rgba(255,255,255,.04);white-space:nowrap}.icon-btn,.round-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.035);cursor:pointer;transition:.2s}.icon-btn:hover,.round-btn:hover{transform:translateY(-1px);border-color:rgba(104,140,255,.45);background:rgba(91,121,207,.1)}.has-dot{position:relative}.has-dot:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#7b59ff;right:8px;top:7px;box-shadow:0 0 10px #7b59ff}.coin-pill,.profile-pill{height:40px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.04);display:flex;align-items:center;gap:7px;padding:0 11px;cursor:pointer}.coin-pill span{color:#a783ff}.coin-pill small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.profile-pill{padding:0 9px 0 5px}.profile-pill .avatar,.workspace-user .avatar{width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#7f4cff,#248cff);display:grid;place-items:center;font-size:10px;font-weight:800;color:white}.profile-copy{display:flex;flex-direction:column;align-items:flex-start}.profile-copy b{font-size:11px}.profile-copy small{font-size:8.5px;color:var(--muted)}
.page{display:none;min-height:calc(100vh - 76px)}.page.active{display:block}.page-shell{padding:54px 0 80px}.hero-wrap{min-height:650px;padding:70px 0 45px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:40px}.eyebrow,.kicker{font-size:10px;letter-spacing:.18em;color:#9f87ff;font-weight:800}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(139,92,255,.22);border-radius:999px;background:rgba(116,74,255,.075)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(78,224,181,.09);animation:pulse 2s infinite}.hero-copy h1{font-size:clamp(50px,6vw,90px);line-height:.9;letter-spacing:-.055em;margin:24px 0 26px;font-weight:900}.hero-copy h1 span{display:block}.gradient-text{background:linear-gradient(90deg,#875cff,#27d5ff 68%,#86f0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{max-width:660px;color:var(--muted);font-size:17px;line-height:1.75}.hero-copy p b{color:var(--text)}.hero-cta{display:flex;gap:12px;margin-top:32px}.btn{height:46px;border-radius:12px;border:1px solid var(--line);padding:0 18px;font-weight:750;font-size:13px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{border-color:rgba(122,91,255,.6);background:linear-gradient(135deg,#7148ff,#3b83ff);color:white;box-shadow:0 12px 28px rgba(83,76,255,.22)}.btn-ghost{background:rgba(255,255,255,.035);color:var(--text)}.hero-stats{display:flex;align-items:center;gap:26px;margin-top:40px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:18px}.hero-stats span{font-size:10px;color:var(--muted);margin-top:4px}.hero-stats i{height:30px;width:1px;background:var(--line)}
.hero-stage{height:500px;position:relative;display:grid;place-items:center}.hero-stage:before{content:"";position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,rgba(92,76,255,.27),rgba(0,190,255,.08) 50%,transparent 70%);filter:blur(12px)}.orbit{position:absolute;border:1px solid rgba(112,134,200,.13);border-radius:50%;animation:spin 24s linear infinite}.orbit-a{width:460px;height:460px}.orbit-b{width:360px;height:360px;animation-direction:reverse;animation-duration:18s}.orbit:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#785cff;left:50%;top:-4px;box-shadow:0 0 15px #785cff}.hero-console{position:relative;width:min(540px,92%);border-radius:22px;padding:19px;transform:perspective(1200px) rotateY(-7deg) rotateX(4deg);box-shadow:0 38px 90px rgba(0,0,0,.44),0 0 0 1px rgba(126,103,255,.08) inset}.console-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.console-brand{display:flex;gap:8px;align-items:center;font-size:12px}.mini-mark{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(135deg,#7248ff,#2f9dff);color:white}.status-live{font-size:8.5px;color:#7aefc8;letter-spacing:.08em}.status-live i,.engine-state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4ee0b5;margin-right:5px;box-shadow:0 0 10px #4ee0b5}.console-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:15px 0}.console-tabs span{font-size:8px;color:var(--muted);background:rgba(255,255,255,.03);border:1px solid var(--line);padding:8px;text-align:center;border-radius:7px}.console-tabs .active{color:#cabdff;border-color:rgba(139,92,255,.42);background:rgba(139,92,255,.08)}.console-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-card{border:1px solid var(--line);border-radius:10px;padding:13px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;min-height:80px}.mini-card.purple{box-shadow:inset 3px 0 #8b5cff}.mini-card.blue{box-shadow:inset 3px 0 #2f9dff}.mini-card small{font-size:7px;color:var(--muted);letter-spacing:.08em}.mini-card b{font-size:11px;margin-top:9px}.mini-card span{font-size:8px;color:var(--muted);margin-top:4px}.console-row{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:13px}.console-row b{color:#cfd8ec}.console-row .ok{color:#64e7c1}.progress{height:7px;background:rgba(105,128,177,.14);border-radius:999px;overflow:hidden;margin-top:14px}.progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7148ff,#24c9ff);box-shadow:0 0 16px rgba(78,137,255,.5);transition:width .3s}.console-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;margin-top:7px}.console-footer strong{color:#9cb5ff}.floating-chip{position:absolute;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(11,20,37,.84);backdrop-filter:blur(16px);display:flex;gap:9px;align-items:center;box-shadow:0 14px 35px rgba(0,0,0,.25);animation:float 4s ease-in-out infinite}.floating-chip>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(126,89,255,.15);color:#b7a7ff}.floating-chip div{display:flex;flex-direction:column}.floating-chip b{font-size:9px}.floating-chip small{font-size:7px;color:var(--muted);margin-top:2px}.chip-a{left:2%;top:13%}.chip-b{right:0;bottom:14%;animation-delay:-2s}
.section-block{padding:70px 0}.section-heading,.panel-head,.page-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading h2,.pro-banner h2,.page-title-row h1{font-size:38px;margin:6px 0 0;letter-spacing:-.035em}.text-btn{border:0;background:transparent;color:#9eb4e7;cursor:pointer}.mod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.mod-card{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(155deg,color-mix(in srgb,var(--panel2) 84%,transparent),color-mix(in srgb,var(--panel) 80%,transparent));transition:.25s;cursor:pointer;position:relative}.mod-card:hover{transform:translateY(-5px);border-color:rgba(91,126,255,.38);box-shadow:0 20px 45px rgba(0,0,0,.24)}.mod-cover{height:180px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2))}.mod-cover:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%);right:-50px;top:-50px}.mod-cover:after{content:attr(data-art);position:absolute;right:18px;bottom:-20px;font-size:96px;opacity:.33;filter:drop-shadow(0 14px 30px rgba(0,0,0,.25));transform:rotate(-8deg)}.mod-badges{position:absolute;left:11px;top:11px;display:flex;gap:6px}.badge{font-size:7.5px;font-weight:800;padding:5px 7px;border-radius:999px;background:rgba(6,9,16,.68);backdrop-filter:blur(8px);color:white}.badge.coin{background:linear-gradient(135deg,rgba(113,72,255,.84),rgba(44,123,255,.84))}.mod-body{padding:14px}.mod-game{font-size:8px;color:#8da2cf;text-transform:uppercase;letter-spacing:.12em}.mod-title{font-size:14px;margin:7px 0 10px;font-weight:750}.mod-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.mod-author{display:flex;align-items:center;gap:7px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.author-dot{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--c1),var(--c2));display:grid;place-items:center;color:white;font-size:7px;font-weight:800}.split-section{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:20px 0 80px}.panel{padding:21px;border-radius:18px}.panel-head{align-items:center}.panel-head h3{margin:4px 0 0;font-size:18px}.thread-list,.creator-mini-list{margin-top:10px}.thread-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.thread-row:last-child{border:0}.thread-icon{width:34px;height:34px;border-radius:10px;background:rgba(126,88,255,.1);display:grid;place-items:center;color:#9d84ff}.thread-row b{font-size:11px}.thread-row small{display:block;color:var(--muted);font-size:8.5px;margin-top:4px}.thread-stats{font-size:8px;color:var(--muted);text-align:right}.creator-mini{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.creator-mini:last-child{border:0}.creator-mini .creator-avatar{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--c1),var(--c2));display:grid;place-items:center;color:white;font-weight:800;font-size:10px}.creator-mini b{font-size:11px}.creator-mini small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.creator-mini span{font-size:8px;color:#82e8c9}.pro-banner{margin-bottom:90px;border:1px solid rgba(126,89,255,.2);border-radius:26px;min-height:330px;padding:42px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(74,48,138,.22),rgba(10,18,35,.82) 52%,rgba(12,47,75,.45));box-shadow:0 30px 80px rgba(0,0,0,.22)}.pro-banner-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(117,76,255,.22),transparent 65%);left:-120px;top:-220px}.pro-banner-copy{position:relative;z-index:2}.pro-banner-copy p{color:var(--muted);line-height:1.65;max-width:690px}.pro-feature-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}.pro-feature-grid div{min-height:105px;border-radius:14px;border:1px solid var(--line);background:rgba(9,16,31,.47);padding:15px;display:flex;flex-direction:column}.pro-feature-grid span{font-size:8px;color:#8a6cff}.pro-feature-grid b{font-size:13px;margin-top:11px}.pro-feature-grid small{font-size:8px;color:var(--muted);margin-top:5px}
.page-title-row{margin-bottom:26px}.page-title-row p{color:var(--muted);margin:9px 0 0}.page-title-row.compact h1{font-size:34px}.discover-toolbar{border-radius:15px;padding:11px;display:grid;grid-template-columns:1fr 180px 160px 160px;gap:8px}.wide-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:10px;padding:0 11px}.wide-search input{height:40px;width:100%;border:0;background:transparent;outline:0;color:var(--text)}select{height:42px;border-radius:10px;background:color-mix(in srgb,var(--panel2) 88%,#0a1020);border:1px solid var(--line);color:var(--text);padding:0 10px;outline:none}.tag-row{display:flex;gap:8px;margin:15px 0 4px;flex-wrap:wrap}.tag{height:31px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:999px;padding:0 12px;color:var(--muted);font-size:9px;cursor:pointer}.tag.active,.tag:hover{color:var(--text);border-color:rgba(123,91,255,.38);background:rgba(123,91,255,.09)}.catalog{grid-template-columns:repeat(4,1fr)}
.forum-layout{display:grid;grid-template-columns:1fr 330px;gap:20px}.forum-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:18px}.forum-category{min-height:105px;padding:16px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 78%,transparent),color-mix(in srgb,var(--panel) 74%,transparent));display:flex;gap:12px;align-items:flex-start}.forum-category>span{width:36px;height:36px;border-radius:10px;background:rgba(123,91,255,.1);display:grid;place-items:center;color:#a997ff}.forum-category b{font-size:12px}.forum-category small{display:block;color:var(--muted);font-size:8.5px;margin-top:5px;line-height:1.45}.discussion-panel{border-radius:17px;padding:18px}.segmented{display:flex;border:1px solid var(--line);border-radius:9px;padding:3px}.segmented button{border:0;background:transparent;color:var(--muted);font-size:8.5px;padding:7px 9px;border-radius:6px}.segmented button.active{background:rgba(120,89,255,.12);color:#cbbfff}.forum-thread{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.forum-thread:last-child{border-bottom:0}.forum-thread .vote{display:flex;flex-direction:column;align-items:center;color:var(--muted);font-size:8px;gap:3px}.forum-thread h4{font-size:12px;margin:0}.forum-thread p{font-size:9px;color:var(--muted);margin:5px 0 0}.thread-tags{display:flex;gap:5px;margin-top:7px}.thread-tags span{font-size:7px;padding:4px 6px;border-radius:999px;background:rgba(117,87,255,.08);color:#a99aff}.thread-right{text-align:right;color:var(--muted);font-size:8px}.thread-right b{color:var(--text);display:block;margin-bottom:3px}.forum-aside{padding-top:112px}.side-card{padding:17px;border-radius:16px;margin-bottom:12px}.rank-card{display:flex;gap:10px;align-items:center;margin-top:14px}.rank-orb{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#7e58ff 84%,rgba(255,255,255,.08) 0);position:relative;font-size:11px;font-weight:800}.rank-orb:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--bg2);z-index:-1}.rank-card div:last-child{display:flex;flex-direction:column}.rank-card b{font-size:11px}.rank-card span{font-size:8px;color:var(--muted);margin-top:4px}.thin{height:4px;margin-top:13px}.rank-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.rank-stats span{font-size:7px;color:var(--muted);display:flex;flex-direction:column;text-align:center}.rank-stats b{color:var(--text);font-size:12px;margin-bottom:3px}.panel-head.mini h3{font-size:14px}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag-cloud span{font-size:8px;border:1px solid var(--line);border-radius:999px;padding:6px 8px;color:var(--muted)}
.creator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.creator-card{border-radius:18px;padding:20px;position:relative;overflow:hidden}.creator-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,var(--glow),transparent 38%);opacity:.35}.creator-top{position:relative;display:flex;gap:12px;align-items:center}.creator-avatar-lg{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,var(--c1),var(--c2));display:grid;place-items:center;color:white;font-size:16px;font-weight:900;box-shadow:0 12px 26px rgba(0,0,0,.2)}.creator-top h3{margin:0;font-size:15px}.creator-top p{margin:4px 0 0;color:var(--muted);font-size:8px}.verified{color:#46bcff}.creator-bio{position:relative;color:var(--muted);font-size:9px;line-height:1.55;margin:16px 0}.creator-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;border-top:1px solid var(--line);padding-top:14px}.creator-stats div{text-align:center}.creator-stats b{font-size:12px;display:block}.creator-stats span{font-size:7px;color:var(--muted)}.follow-btn{position:absolute;right:18px;top:18px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:9px;padding:7px 10px;font-size:8px;cursor:pointer}
.workspace-page{padding:0}.workspace-shell{display:grid;grid-template-columns:225px 1fr;min-height:calc(100vh - 76px)}.workspace-sidebar{border-radius:0;border-top:0;border-left:0;border-bottom:0;padding:18px 12px;display:flex;flex-direction:column;position:sticky;top:76px;height:calc(100vh - 76px)}.workspace-brand{display:flex;gap:9px;align-items:center;padding:4px 5px 18px}.workspace-brand div{display:flex;flex-direction:column}.workspace-brand b{font-size:11px}.workspace-brand small{font-size:7px;color:var(--muted);margin-top:2px}.workspace-group{display:flex;flex-direction:column;gap:3px;margin-top:14px}.workspace-group>span{font-size:7px;letter-spacing:.15em;color:var(--muted2);padding:0 10px 7px;font-weight:800}.ws-nav{height:36px;border:0;background:transparent;color:var(--muted);border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 10px;font-size:9.5px;cursor:pointer;text-align:left}.ws-nav i{font-style:normal;width:16px;text-align:center;color:#7f90b4}.ws-nav:hover,.ws-nav.active{background:rgba(112,82,255,.09);color:var(--text)}.ws-nav.active i{color:#9d83ff}.nav-badge{margin-left:auto;background:rgba(121,88,255,.16);color:#b6a6ff;border-radius:999px;padding:2px 6px;font-size:7px}.workspace-user{margin-top:auto;border-top:1px solid var(--line);padding:14px 5px 0;display:flex;align-items:center;gap:8px}.workspace-user>div:nth-child(2){display:flex;flex-direction:column}.workspace-user b{font-size:9px}.workspace-user small{font-size:7px;color:var(--muted)}.workspace-user button{margin-left:auto;border:0;background:transparent;color:var(--muted);cursor:pointer}.workspace-main{padding:18px;min-width:0}.workspace-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px}.crumb{color:var(--muted)}.ws-top-actions{display:flex;gap:7px;align-items:center}.engine-state{font-size:8px;color:#7ae4c4;border:1px solid rgba(76,224,181,.16);background:rgba(76,224,181,.05);padding:7px 9px;border-radius:8px}.soft-btn{height:34px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:8px;padding:0 10px;color:var(--text);font-size:9px;cursor:pointer}.soft-btn:hover{border-color:rgba(104,139,255,.38);background:rgba(81,114,198,.08)}.soft-btn.compact{height:30px;font-size:8px}.modpro-window{border-radius:18px;padding:14px;max-width:1600px;margin:auto}.modpro-titlebar{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 12px}.modpro-logo{display:flex;gap:10px;align-items:center}.mp-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#5d35c9,#1d7edc);color:#d8cdff}.modpro-logo>div{display:flex;flex-direction:column}.modpro-logo>div>div{display:flex;align-items:center;gap:4px}.modpro-logo b,.modpro-logo strong{font-size:14px}.modpro-logo strong{color:#8f6aff}.modpro-logo em{font-size:7px;font-style:normal;margin-left:7px;border:1px solid rgba(135,99,255,.28);color:#c1adff;background:rgba(135,99,255,.08);padding:4px 7px;border-radius:999px}.modpro-logo small{font-size:7.5px;color:var(--muted);margin-top:3px}.window-dots{display:flex;gap:7px}.window-dots span{width:8px;height:8px;border-radius:50%;background:#293550}.window-dots span:nth-child(1){background:#5ad2a5}.window-dots span:nth-child(2){background:#e2b95d}.window-dots span:nth-child(3){background:#d56579}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode-card{min-height:78px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;cursor:pointer;position:relative;overflow:hidden;text-align:left;transition:.18s}.mode-card:hover{transform:translateY(-2px)}.mode-card.active{border-width:2px}.mode-card.purple.active{border-color:#7d58f2;background:linear-gradient(135deg,rgba(105,64,210,.18),rgba(255,255,255,.02))}.mode-card.blue.active{border-color:#2b92eb;background:linear-gradient(135deg,rgba(27,118,207,.18),rgba(255,255,255,.02))}.mode-card.amber.active{border-color:#d39335;background:linear-gradient(135deg,rgba(196,123,30,.16),rgba(255,255,255,.02))}.mode-symbol{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-size:16px}.mode-card div{display:flex;flex-direction:column}.mode-card b{font-size:12px}.mode-card small{font-size:7.5px;color:var(--muted);margin-top:4px}.mode-art{font-size:38px;opacity:.08;transform:rotate(-10deg)}.mode-card .check{display:none;position:absolute;right:7px;top:7px;font-style:normal;font-size:8px;width:18px;height:18px;border-radius:50%;place-items:center;background:rgba(255,255,255,.08)}.mode-card.active .check{display:grid}.filter-toolbar{display:grid;grid-template-columns:1.15fr 2.3fr auto;gap:8px;margin-top:8px}.mp-search{height:38px;border:1px solid var(--line);border-radius:9px;background:rgba(8,15,28,.7);display:flex;align-items:center;gap:7px;padding:0 9px}.mp-search input{width:100%;border:0;background:transparent;color:var(--text);outline:0;font-size:8.5px}.mp-search button{border:0;background:transparent;color:var(--muted);cursor:pointer}.mode-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mode-filters select{height:38px;font-size:8px}.mode-filters#weaponFilters{grid-template-columns:1fr 1fr}.mode-filters#actionFilters{grid-template-columns:1.3fr 1fr}.filter-caption{height:38px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding:0 10px;color:var(--muted);font-size:8px}.totaldata-strip{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;background:rgba(8,15,28,.45);padding:9px 11px;margin-top:8px}.totaldata-strip>div{display:flex;flex-direction:column}.totaldata-strip b{font-size:8px}.totaldata-strip small{font-size:7px;color:var(--muted);margin-top:3px;max-width:800px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ready-pill{font-size:7.5px;color:#6ce8c1;background:rgba(64,210,166,.07);border:1px solid rgba(64,210,166,.16);border-radius:999px;padding:5px 8px}.workflow-panel{border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,rgba(17,25,43,.62),rgba(8,14,26,.55));padding:11px;margin-top:8px}.workflow-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.workflow-progress-label{display:flex;align-items:center;gap:7px;font-size:8px}.step-diamond{width:22px;height:22px;border-radius:50%;background:#54269f;display:grid;place-items:center;color:#d8c8ff}.workflow-progress-label i{font-style:normal;color:var(--muted2)}.workflow-progress-label span:not(.step-diamond){color:var(--muted)}.workflow-progress-label em{font-style:normal;font-size:7px;color:#aebadc;border:1px solid var(--line);border-radius:999px;padding:4px 7px}.workflow-actions{display:flex;gap:7px;align-items:center}.readiness{font-size:7px;padding:5px 8px;border-radius:999px;border:1px solid}.readiness.warning{color:#e7c37f;border-color:rgba(231,195,127,.2);background:rgba(231,195,127,.06)}.readiness.ready{color:#6ce6c0;border-color:rgba(108,230,192,.2);background:rgba(108,230,192,.06)}.workflow-grid{display:grid;grid-template-columns:1fr 1fr .72fr .72fr;gap:8px}.selection-card,.effect-card{border:1px solid var(--line);border-radius:10px;background:rgba(8,15,28,.66);min-height:102px;padding:10px;position:relative}.selection-card{display:grid;grid-template-columns:auto auto 1fr auto;gap:8px;align-items:center;cursor:pointer}.selection-card.selected-slot.target{border-color:rgba(131,92,255,.48);box-shadow:inset 3px 0 #7e56f2}.selection-card.selected-slot.replacement{border-color:rgba(48,149,238,.5);box-shadow:inset 3px 0 #2f91e6}.slot-number{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;color:white}.target .slot-number{background:#713cda}.replacement .slot-number{background:#1a7ad5}.slot-thumb{width:43px;height:43px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted2);font-size:18px;background:rgba(255,255,255,.03)}.slot-copy{display:flex;flex-direction:column;min-width:0}.slot-copy small{font-size:6.5px;color:#aa94ef;font-weight:800}.replacement .slot-copy small{color:#8fc3f5}.slot-copy b{font-size:9px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-copy span{font-size:7px;color:var(--muted);margin-top:3px}.slot-copy em{font-style:normal;font-size:6.5px;color:var(--muted2);margin-top:5px}.slot-clear{align-self:start;border:0;background:transparent;color:var(--muted2);cursor:pointer}.effect-card{display:flex;flex-direction:column;justify-content:space-between}.effect-head{display:flex;justify-content:space-between}.effect-head>div{display:flex;flex-direction:column}.effect-head small{font-size:6.5px;color:var(--muted)}.effect-head b{font-size:8.5px;margin-top:4px}.toggle{width:30px;height:17px;border:0;border-radius:999px;background:#27344f;padding:2px;cursor:pointer}.toggle i{display:block;width:13px;height:13px;border-radius:50%;background:#8794af;transition:.2s}.toggle.on{background:#6841d7}.toggle.on i{transform:translateX(13px);background:white}.effect-actions{display:flex;gap:4px}.effect-note{font-size:6px;color:var(--muted2)}.start-mod-btn{border:1px solid rgba(92,133,255,.45);border-radius:10px;background:linear-gradient(145deg,#4b49cb,#2f7ed2);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px rgba(47,91,200,.18);transition:.18s}.start-mod-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.start-mod-btn span{font-size:18px}.start-mod-btn b{font-size:10px;margin-top:3px}.start-mod-btn small{font-size:6.5px;opacity:.75;margin-top:4px;text-align:center;padding:0 5px}.workflow-bottom{display:flex;align-items:center;gap:8px;margin-top:8px}.swap-btn,.danger-soft{height:28px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:7.5px;color:var(--muted);cursor:pointer}.swap-btn{width:100px}.pair-summary{flex:1;font-size:7.5px;color:var(--muted);text-align:center}.danger-soft{color:#ff96a8;border-color:rgba(255,102,133,.2);padding:0 9px}.run-progress{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}.run-head{display:flex;justify-content:space-between;font-size:7.5px}.live-log{height:52px;overflow:auto;margin-top:7px;border:1px solid var(--line);border-radius:7px;background:#050810;padding:6px 8px;font:6.5px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#94a4c4}.gallery-panel{margin-top:8px;border:1px solid var(--line);border-radius:12px;padding:8px;background:rgba(8,14,25,.45)}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;height:32px}.status-line{display:flex;align-items:center;gap:5px;font-size:7.5px}.legend{width:7px;height:7px;border-radius:2px}.legend.purple{background:#7d55ef}.legend.blue{background:#288adf}.legend.amber{background:#d18e2f}.gallery-actions{display:flex;gap:6px;align-items:center}.gallery-actions select{height:30px;font-size:7.5px}.pager{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.pager button,.pager span{height:28px;min-width:28px;border:0;border-right:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--muted);font-size:8px;display:grid;place-items:center}.pager button{cursor:pointer}.pager span{min-width:45px}.item-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:7px}.item-gallery.compact{grid-template-columns:repeat(8,1fr)}.item-card{min-width:0;border:1px solid var(--line);border-radius:9px;background:rgba(10,18,31,.72);overflow:hidden;position:relative;cursor:pointer;transition:.15s}.item-card:hover{transform:translateY(-2px);border-color:rgba(76,167,255,.42);box-shadow:0 8px 20px rgba(0,0,0,.2)}.item-card.target-sel{box-shadow:inset 0 0 0 2px #8159ff}.item-card.replacement-sel{box-shadow:inset 0 0 0 2px #2e99ef}.item-thumb{height:76px;background:linear-gradient(145deg,var(--ic1),var(--ic2));position:relative;display:grid;place-items:center;overflow:hidden}.item-thumb:after{content:attr(data-symbol);font-size:40px;opacity:.5;transform:rotate(-7deg);filter:drop-shadow(0 12px 18px rgba(0,0,0,.3))}.item-rarity{position:absolute;left:5px;top:5px;font-size:5.5px;border-radius:999px;background:rgba(0,0,0,.42);padding:3px 5px;color:white}.favorite-btn{position:absolute;right:5px;top:5px;width:20px;height:20px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.24);color:white;font-size:8px;cursor:pointer}.favorite-btn.on{color:#ffd76b}.item-body{padding:7px}.item-body b{display:block;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-body span{font-size:6px;color:var(--muted);display:block;margin-top:3px}.selection-flag{position:absolute;right:5px;bottom:26px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:7px;color:white;font-weight:800}.selection-flag.target{background:#7545dc}.selection-flag.replacement{background:#1c83dd}.empty-state{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.empty-state>span{font-size:28px}.empty-state b{font-size:10px;color:var(--text);margin-top:7px}.empty-state small{font-size:7px;margin:4px 0 10px}
.dashboard-shell,.wallet-shell{max-width:1250px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-card{border-radius:15px;padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.metric-card>span{width:34px;height:34px;border-radius:10px;background:rgba(123,89,255,.1);display:grid;place-items:center;color:#a895ff;grid-row:1/3}.metric-card small{font-size:7px;color:var(--muted)}.metric-card b{font-size:20px;grid-column:2/4}.metric-card em{font-style:normal;font-size:7px;color:#69dcb9;grid-column:3;grid-row:1}.dashboard-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:12px;margin-top:12px}.chart-card,.topmods-card{border-radius:16px;padding:18px}.chart-bars{height:260px;display:flex;gap:7px;align-items:end;padding-top:25px}.chart-bar{flex:1;min-width:8px;border-radius:5px 5px 2px 2px;background:linear-gradient(#805dff,#2a8dec);opacity:.8;position:relative}.chart-bar:hover{opacity:1}.topmod-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.topmod-row:last-child{border:0}.topmod-thumb{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,var(--c1),var(--c2));display:grid;place-items:center}.topmod-row b{font-size:9px}.topmod-row small{display:block;font-size:7px;color:var(--muted);margin-top:3px}.topmod-row>span{font-size:8px;color:#75e0bf}.wallet-hero{min-height:220px;border-radius:22px;padding:32px;display:flex;justify-content:space-between;align-items:center;background:radial-gradient(circle at 80% 40%,rgba(97,67,255,.25),transparent 30%),linear-gradient(145deg,rgba(31,39,73,.95),rgba(10,15,28,.98))}.wallet-hero>div:first-child{display:flex;flex-direction:column}.wallet-hero small{font-size:8px;color:#b8bce2;letter-spacing:.14em}.wallet-hero b{font-size:48px;margin-top:10px}.wallet-hero b em{font-size:16px;font-style:normal;color:#aa95ff}.wallet-hero span{font-size:9px;color:var(--muted);margin-top:6px}.wallet-orb{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;font-size:44px;background:radial-gradient(circle at 35% 30%,#a778ff,#4a4ee0 55%,#253086);box-shadow:0 0 80px rgba(111,75,255,.35);color:white}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.price-card{min-height:220px;border-radius:17px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}.price-card>small{font-size:8px;color:#9c8bdf;letter-spacing:.12em}.price-card>b{font-size:30px;margin-top:8px}.price-card>span{color:var(--muted);font-size:10px;margin:4px 0 18px}.price-card .btn{width:100%}.price-card.featured{border-color:rgba(125,91,255,.45);box-shadow:0 18px 50px rgba(80,57,190,.15)}.price-card>em{position:absolute;right:12px;top:12px;font-style:normal;font-size:6px;background:rgba(126,91,255,.15);color:#bcaeff;border:1px solid rgba(126,91,255,.25);padding:5px 7px;border-radius:999px}
.command-palette{position:fixed;inset:0;z-index:100;background:rgba(4,7,14,.65);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;padding-top:14vh}.command-dialog{width:min(620px,calc(100% - 30px));border-radius:17px;padding:12px}.command-dialog>label{height:48px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 12px}.command-dialog input{flex:1;border:0;outline:0;background:transparent;color:var(--text)}.command-results{display:flex;flex-direction:column;margin-top:9px}.command-results button{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:0;background:transparent;color:var(--text);padding:10px;border-radius:10px;text-align:left;cursor:pointer}.command-results button:hover{background:rgba(121,88,255,.08)}.command-results button>span{width:30px;height:30px;border-radius:8px;background:rgba(121,88,255,.11);display:grid;place-items:center;color:#aa93ff}.command-results b{font-size:10px}.command-results small{display:block;color:var(--muted);font-size:7px;margin-top:2px}.command-results kbd{font-size:7px;color:var(--muted);border:1px solid var(--line);padding:3px 5px;border-radius:5px}.command-hint{display:block;text-align:center;font-size:7px;color:var(--muted2);padding-top:7px}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:110;display:flex;flex-direction:column;gap:8px}.toast{min-width:260px;max-width:360px;border:1px solid var(--line);border-radius:12px;background:rgba(10,17,30,.93);backdrop-filter:blur(16px);padding:11px 12px;box-shadow:0 14px 40px rgba(0,0,0,.28);animation:toastIn .25s ease}.toast b{font-size:9px}.toast span{display:block;color:var(--muted);font-size:7.5px;margin-top:3px}.reveal{animation:rise .65s both}.delay-1{animation-delay:.08s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 5px rgba(78,224,181,.08)}50%{box-shadow:0 0 0 9px rgba(78,224,181,.02)}}@keyframes toastIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
@media(max-width:1180px){.search-mini{display:none}.mod-grid,.catalog{grid-template-columns:repeat(3,1fr)}.forum-layout{grid-template-columns:1fr}.forum-aside{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.workspace-shell{grid-template-columns:70px 1fr}.workspace-sidebar{padding:14px 8px}.workspace-brand div,.workspace-group>span,.ws-nav:not(.active){font-size:0}.ws-nav{justify-content:center;padding:0}.ws-nav i{font-size:13px}.ws-nav .nav-badge{display:none}.workspace-user>div:nth-child(2),.workspace-user button{display:none}.workspace-user{justify-content:center}.workflow-grid{grid-template-columns:1fr 1fr}.effect-card,.start-mod-btn{min-height:90px}.item-gallery{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){.desktop-nav{display:none}.topbar{padding:0 14px}.profile-copy{display:none}.coin-pill small{display:none}.content-width{width:min(calc(100% - 28px),var(--content))}.hero-wrap{grid-template-columns:1fr;padding-top:48px}.hero-stage{height:440px}.mod-grid,.catalog{grid-template-columns:repeat(2,1fr)}.split-section,.pro-banner{grid-template-columns:1fr}.forum-categories{grid-template-columns:1fr 1fr}.creator-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.discover-toolbar{grid-template-columns:1fr 1fr}.wide-search{grid-column:1/3}.filter-toolbar{grid-template-columns:1fr}.mode-filters{grid-template-columns:repeat(2,1fr)}.workflow-grid{grid-template-columns:1fr}.gallery-toolbar{height:auto;align-items:flex-start;flex-direction:column}.item-gallery{grid-template-columns:repeat(4,1fr)}.workspace-topline{align-items:flex-start}.engine-state{display:none}}
@media(max-width:640px){.topbar{height:64px}.page{min-height:calc(100vh - 64px)}.brand-type{display:none}.coin-pill{display:none}.hero-wrap{padding-top:34px;min-height:auto}.hero-copy h1{font-size:48px}.hero-copy p{font-size:14px}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.hero-stats{gap:14px}.hero-stage{height:390px}.floating-chip{display:none}.section-block{padding:45px 0}.mod-grid,.catalog{grid-template-columns:1fr}.split-section{padding-bottom:50px}.pro-banner{padding:25px}.pro-feature-grid{grid-template-columns:1fr 1fr}.page-shell{padding-top:36px}.page-title-row{align-items:flex-start;flex-direction:column}.discover-toolbar{grid-template-columns:1fr}.wide-search{grid-column:auto}.forum-categories,.creator-grid,.metric-grid,.pricing-grid{grid-template-columns:1fr}.forum-aside{grid-template-columns:1fr}.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{display:none}.workspace-main{padding:8px}.ws-top-actions .soft-btn:nth-of-type(n+2){display:none}.modpro-window{padding:8px}.mode-grid{grid-template-columns:1fr}.filter-toolbar{grid-template-columns:1fr}.mode-filters{grid-template-columns:1fr 1fr}.totaldata-strip{grid-template-columns:1fr auto}.totaldata-strip>button{grid-column:1/3}.workflow-header{align-items:flex-start;flex-direction:column}.workflow-grid{grid-template-columns:1fr}.item-gallery{grid-template-columns:repeat(2,1fr)}.workspace-topline{font-size:8px}.gallery-actions{width:100%;flex-wrap:wrap}.wallet-hero{padding:22px}.wallet-orb{width:76px;height:76px;font-size:30px}.wallet-hero b{font-size:34px}}

/* ===== COMMUNITY V2 / PRODUCT PAGES ===== */
.inline-link,.breadcrumbs button,.detail-crumbs button,.site-footer button,.mini-links button{background:none;border:0;color:inherit;font:inherit;cursor:pointer}.inline-link{color:var(--cyan);font-weight:800}.muted{color:var(--muted)}
.detail-backdrop{height:270px;margin-top:-1px;position:relative;overflow:hidden;background:radial-gradient(circle at 22% 30%,color-mix(in srgb,var(--detail-c1,#6a4aff) 48%,transparent),transparent 34%),radial-gradient(circle at 78% 20%,color-mix(in srgb,var(--detail-c2,#1d70b8) 44%,transparent),transparent 38%),linear-gradient(135deg,#0d1120,#060910 65%)}
.detail-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,var(--bg) 100%),repeating-linear-gradient(90deg,transparent 0 89px,rgba(255,255,255,.018) 90px)}
.detail-crumbs{position:relative;z-index:2;padding-top:32px;display:flex;gap:10px;color:#c0c9df;font-size:13px}.detail-crumbs button{color:#8fa0c0}.detail-crumbs b{color:#fff}
.mod-detail-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;margin-top:-145px;position:relative;z-index:3;padding-bottom:80px}.mod-detail-main{min-width:0}.detail-title-row{display:flex;align-items:center;gap:22px;padding:10px 4px 24px}.detail-icon{width:112px;height:112px;border:1px solid rgba(255,255,255,.17);border-radius:26px;display:grid;place-items:center;font-size:48px;font-weight:900;background:linear-gradient(145deg,var(--detail-c1,#6745e8),var(--detail-c2,#1f588c));box-shadow:0 25px 65px color-mix(in srgb,var(--detail-c1,#6745e8) 24%,transparent)}.detail-heading h1{font-size:42px;line-height:1.05;margin:8px 0 10px}.detail-heading p{color:#a9b4c9}.detail-badges{display:flex;gap:8px;flex-wrap:wrap}.detail-badges span{font-size:10px;font-weight:900;letter-spacing:.08em;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05)}.detail-badges .coin{color:#eab7ff;border-color:rgba(217,92,255,.28);background:rgba(217,92,255,.1)}.verified-chip{color:var(--green)!important;border-color:rgba(78,224,181,.26)!important;background:rgba(78,224,181,.08)!important}
.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 24px;margin:8px 0 16px}.detail-stats div{display:flex;flex-direction:column;gap:5px;padding-left:20px;border-left:1px solid var(--line)}.detail-stats div:first-child{padding-left:0;border-left:0}.detail-stats b{font-size:20px}.detail-stats span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.detail-action-row{display:flex;gap:10px;margin:16px 0 24px}.btn-xl{min-width:190px;padding:15px 22px}.detail-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto}.detail-tabs button{white-space:nowrap;background:none;border:0;color:var(--muted);font-weight:800;padding:14px 16px;border-bottom:2px solid transparent;cursor:pointer}.detail-tabs button.active{color:var(--text);border-color:var(--cyan)}.detail-tabs em{font-style:normal;font-size:10px;background:rgba(255,255,255,.07);padding:2px 6px;border-radius:10px}.detail-tabpane{display:none}.detail-tabpane.active{display:block}.mod-showcase{height:420px;border-radius:24px;border:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,var(--detail-c1,#5a41c8),transparent 26%),radial-gradient(circle at 30% 70%,var(--detail-c2,#245686),transparent 25%),#0a0e18;margin-bottom:18px}.showcase-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent)}.showcase-art{position:absolute;inset:0;display:grid;place-items:center;font-size:170px;font-weight:900;color:white;text-shadow:0 0 60px var(--detail-c1,#7b54ef);transform:rotate(-4deg)}.showcase-caption{position:absolute;left:22px;bottom:20px;display:flex;flex-direction:column}.showcase-caption span{font-size:10px;letter-spacing:.16em;color:#d6dcf0}.showcase-caption b{font-size:18px}.rich-card{padding:28px;margin-bottom:18px}.rich-card h2{font-size:24px;margin:0 0 12px}.rich-card h3{margin:24px 0 10px}.rich-card p,.rich-card li{color:var(--muted);line-height:1.75}.feature-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feature-checks span{background:rgba(78,224,181,.06);border:1px solid rgba(78,224,181,.13);padding:12px;border-radius:12px;color:#b9f4e1}.compat-row{display:flex;gap:8px;flex-wrap:wrap}.compat-row span{padding:8px 11px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px}.mod-detail-aside{padding-top:130px}.sticky-card{position:sticky;top:92px}.info-list{margin-top:14px}.info-list div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.info-list div:last-child{border:0}.info-list span{color:var(--muted)}.info-list b{text-align:right}.detail-tags{margin-top:14px}.author-side{padding:18px;display:grid;grid-template-columns:50px 1fr;align-items:center;gap:12px;margin-top:14px}.author-side .creator-avatar-lg{width:50px;height:50px;font-size:14px}.author-side small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.author-side .btn{grid-column:1/-1;width:100%}.related-list{display:grid;gap:10px;margin-top:12px}.related-item{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;cursor:pointer}.related-thumb{height:44px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c1),var(--c2));font-weight:900}.related-item b{font-size:12px;display:block}.related-item small{color:var(--muted);font-size:10px}.file-release{display:flex;justify-content:space-between;align-items:center;padding:18px;margin-bottom:10px}.file-release>div{display:flex;align-items:center;gap:12px}.file-release small{display:block;color:var(--muted);margin-top:4px}.release-dot{width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.release-dot.stable{background:var(--green);box-shadow:0 0 16px var(--green)}.comment-compose{display:grid;grid-template-columns:44px 1fr auto;gap:10px;padding:14px;align-items:start}.comment-compose textarea{min-height:70px}.comment-item{display:flex;gap:12px;padding:18px;margin-top:10px}.comment-item p{color:var(--muted);line-height:1.6;margin:8px 0}.comment-item small{color:var(--muted2)}

.thread-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.breadcrumbs{display:flex;gap:8px;align-items:center;margin-bottom:16px;color:var(--muted);font-size:12px}.breadcrumbs b{color:var(--text)}.question-card{display:grid;grid-template-columns:54px 1fr;padding:24px}.vote-rail{display:flex;flex-direction:column;align-items:center;gap:8px}.vote-rail button{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.035);color:var(--muted);cursor:pointer}.vote-rail b{font-size:15px}.question-content h1{font-size:30px;line-height:1.2;margin:12px 0 18px}.question-content>p,.answer-body p{color:var(--muted);line-height:1.8}.post-author{display:flex;align-items:center;gap:10px;margin:10px 0}.post-author small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.code-note{padding:14px 16px;border-left:3px solid var(--purple);border-radius:8px;background:rgba(139,92,255,.07);display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:12px}.code-note.good{border-color:var(--green);background:rgba(78,224,181,.06)}.code-note b{color:var(--text)}.post-actions{display:flex;gap:8px;margin-top:18px}.post-actions button{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);padding:7px 10px;border-radius:9px;cursor:pointer}.answers-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px}.answers-head h2{margin:0;font-size:20px}.answers-head span{font-size:11px;color:var(--muted)}.answer-card{padding:0;margin-bottom:12px;overflow:hidden}.accepted-label{padding:9px 18px;background:rgba(78,224,181,.08);border-bottom:1px solid rgba(78,224,181,.16);font-size:10px;color:var(--green);font-weight:900;letter-spacing:.09em}.answer-body{display:grid;grid-template-columns:54px 1fr;padding:20px}.reply-editor{padding:20px;margin-top:22px}.reply-editor textarea{width:100%;min-height:150px;margin-top:10px}.editor-tools{display:flex;gap:5px;padding:7px;border-bottom:1px solid var(--line)}.editor-tools button{border:0;background:rgba(255,255,255,.05);color:var(--muted);border-radius:6px;min-width:30px;height:28px}.reply-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.reply-actions span{font-size:10px;color:var(--muted)}.rank-stats.vertical{display:grid;grid-template-columns:1fr}.mini-links{display:grid;gap:8px;margin-top:10px}.mini-links button{text-align:left;color:var(--muted);padding:9px 0;border-bottom:1px solid var(--line)}

.creator-profile-hero{min-height:300px;position:relative;overflow:hidden;background:linear-gradient(180deg,#0b1020,var(--bg))}.profile-glow{position:absolute;width:700px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(117,69,255,.32),transparent 65%);left:8%;top:-130px}.creator-profile-inner{position:relative;z-index:2;display:grid;grid-template-columns:130px 1fr auto;gap:24px;align-items:end;padding-top:90px}.creator-profile-avatar{width:130px;height:130px;border-radius:30px;display:grid;place-items:center;font-size:34px;font-weight:900;background:linear-gradient(135deg,#7545ff,#277ed9);border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 70px rgba(117,69,255,.25)}.creator-profile-copy h1{font-size:40px;margin:6px 0}.creator-profile-copy p{color:var(--muted)}.profile-tags{display:flex;gap:8px;margin-top:12px}.profile-tags span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;font-size:10px;color:var(--muted)}.profile-hero-actions{display:flex;gap:8px;padding-bottom:18px}.creator-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding-top:24px}.profile-statbar{display:grid;grid-template-columns:repeat(4,1fr);padding:18px}.profile-statbar div{text-align:center;border-right:1px solid var(--line)}.profile-statbar div:last-child{border:0}.profile-statbar b{display:block;font-size:22px}.profile-statbar span{font-size:10px;color:var(--muted);text-transform:uppercase}.section-heading.slim{margin:28px 0 14px}.badge-rack{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.badge-rack span{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(139,92,255,.18),rgba(37,217,255,.1));border:1px solid var(--line);font-weight:900}

.studio-shell{max-width:1280px}.studio-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.studio-header h1{font-size:38px;margin:5px 0}.studio-header p{color:var(--muted)}.draft-status{font-size:11px;color:var(--green)}.upload-stepper{display:flex;align-items:center;margin:0 0 22px}.upload-stepper>i{height:1px;background:var(--line);flex:1}.upload-stepper button{border:0;background:none;color:var(--muted);display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.upload-stepper button>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-weight:900}.upload-stepper b{font-size:12px}.upload-stepper small{display:block;font-size:9px;margin-top:2px}.upload-stepper button.active{color:var(--text)}.upload-stepper button.active>span{background:linear-gradient(135deg,var(--purple),var(--cyan));border-color:transparent;color:white;box-shadow:0 0 22px rgba(37,217,255,.18)}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.studio-main{padding:26px}.upload-pane{display:none}.upload-pane.active{display:block}.upload-pane h2{margin:0 0 22px}.form-grid,.release-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid label,.release-fields label,.field-block{display:flex;flex-direction:column;gap:7px}.form-grid label>span,.release-fields label>span,.field-block>span{font-size:11px;font-weight:800;color:var(--muted)}.span2{grid-column:span 2}.form-grid input,.form-grid select,.release-fields input,.field-block input,.tag-input,.fake-editor{width:100%;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.03);color:var(--text)}.form-grid input,.form-grid select,.release-fields input,.field-block input{height:43px;padding:0 12px}.form-grid textarea,.release-fields textarea,.fake-editor textarea{min-height:150px;width:100%;border:0;background:transparent;color:var(--text);padding:12px}.tag-input{display:flex;gap:6px;padding:7px;flex-wrap:wrap}.tag-input span{padding:6px 9px;border-radius:7px;background:rgba(139,92,255,.1);font-size:10px}.tag-input input{border:0!important;background:none!important;height:28px!important;flex:1}.cover-drop,.file-drop{min-height:250px;border:1px dashed rgba(133,156,210,.32);border-radius:18px;background:radial-gradient(circle at 50% 20%,rgba(139,92,255,.12),transparent 44%),rgba(255,255,255,.02);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.cover-drop span,.file-drop small{color:var(--muted);font-size:11px}.upload-art{font-size:36px}.gallery-drop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 20px}.gallery-drop-grid button{aspect-ratio:1.4;border:1px dashed var(--line);border-radius:12px;background:rgba(255,255,255,.02);color:var(--muted);font-size:22px}.file-drop{min-height:190px;flex-direction:row;padding:24px}.file-drop>span{font-size:40px}.file-drop>div{flex:1;text-align:left}.release-fields{margin-top:18px}.publish-checks{display:grid;gap:10px}.publish-checks>div{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(78,224,181,.14);background:rgba(78,224,181,.05);border-radius:12px}.publish-checks>div>span{color:var(--green);font-weight:900}.publish-checks small{display:block;color:var(--muted);margin-top:2px}.access-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.access-cards button{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);color:var(--text);text-align:left}.access-cards button.active{border-color:rgba(37,217,255,.4);background:rgba(37,217,255,.06)}.access-cards span{font-size:22px;display:block;margin-bottom:8px}.access-cards small{display:block;color:var(--muted);margin-top:5px}.checkline{display:flex;gap:9px;color:var(--muted);font-size:11px}.studio-actions{display:flex;justify-content:space-between;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.preview-mod-card{margin-top:12px}.preview-cover{height:150px;border-radius:14px;background:radial-gradient(circle at 55% 42%,rgba(37,217,255,.28),transparent 22%),linear-gradient(135deg,#4a2e8d,#173d63);display:grid;place-items:center;font-size:11px;letter-spacing:.15em}.preview-mod-card>small{display:block;color:var(--cyan);margin-top:12px}.preview-mod-card>b{display:block;margin:5px 0 10px}.preview-mod-card>div:last-child{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.tip-list{padding-left:18px;color:var(--muted);font-size:11px;line-height:1.9}

.notify-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.notify-tabs{display:flex;gap:6px;margin-bottom:12px}.notify-tabs button{padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02);color:var(--muted)}.notify-tabs button.active{color:var(--text);background:rgba(139,92,255,.1);border-color:rgba(139,92,255,.25)}.notification-list{display:grid;gap:8px}.notification-item{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.notification-item.unread{border-color:rgba(37,217,255,.2);background:linear-gradient(90deg,rgba(37,217,255,.045),var(--panel))}.notify-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(139,92,255,.18),rgba(37,217,255,.09))}.notification-item b{font-size:12px}.notification-item p{color:var(--muted);font-size:11px;margin:3px 0}.notification-item time{font-size:10px;color:var(--muted2)}.unread-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.switch-list{display:grid;gap:3px}.switch-list label{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}


.admin-shell{display:grid;grid-template-columns:230px 1fr;gap:20px}.admin-nav{padding:18px;height:max-content;position:sticky;top:88px}.admin-nav h2{margin:5px 0 18px}.admin-nav button{width:100%;border:0;background:none;color:var(--muted);display:flex;justify-content:space-between;padding:10px;border-radius:9px;text-align:left}.admin-nav button.active{background:rgba(139,92,255,.09);color:var(--text)}.admin-nav em{font-style:normal;background:rgba(255,102,133,.12);color:var(--red);border-radius:99px;padding:1px 6px;font-size:9px}.admin-metrics{margin-bottom:16px}.moderation-table{overflow:hidden}.moderation-table .panel-head{padding:18px}.table-head,.table-row{display:grid;grid-template-columns:2fr 1.1fr 1fr .7fr 70px;gap:12px;align-items:center;padding:12px 18px}.table-head{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px;color:var(--muted2);text-transform:uppercase;font-weight:900;letter-spacing:.07em}.table-row{border-bottom:1px solid var(--line);font-size:11px}.table-row>span:first-child b{display:block}.table-row small{display:block;color:var(--muted);margin-top:2px}.table-row button{border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);border-radius:7px;padding:6px 8px}.severity{font-style:normal;border-radius:999px;padding:4px 8px;font-size:9px}.severity.high{background:rgba(255,102,133,.12);color:var(--red)}.severity.med{background:rgba(244,184,94,.1);color:var(--amber)}

.site-footer{border-top:1px solid var(--line);padding:50px 0 24px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.12));margin-top:80px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:30px}.footer-brand{display:inline-flex;margin-bottom:14px}.footer-grid>div:first-child p{max-width:330px;color:var(--muted);font-size:11px;line-height:1.7}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footer-grid>div>b{font-size:11px;margin-bottom:4px}.footer-grid button{text-align:left;color:var(--muted);font-size:10px}.footer-grid button:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:34px;color:var(--muted2);font-size:9px}.footer-bottom div{display:flex;gap:14px}.mobile-nav{display:none}

@media(max-width:1050px){.mod-detail-shell,.thread-detail-layout,.creator-profile-layout,.studio-grid,.notify-layout{grid-template-columns:1fr}.mod-detail-aside{padding-top:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sticky-card{position:static}.creator-profile-inner{grid-template-columns:100px 1fr}.creator-profile-avatar{width:100px;height:100px}.profile-hero-actions{grid-column:1/-1}.studio-aside,.notify-layout>aside{display:none}.admin-shell{grid-template-columns:1fr}.admin-nav{position:static;display:flex;overflow:auto;gap:4px}.admin-nav .kicker,.admin-nav h2{display:none}.admin-nav button{width:auto;white-space:nowrap}.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}.footer-grid>div:nth-child(n+4){margin-top:15px}}
@media(max-width:760px){.detail-backdrop{height:210px}.mod-detail-shell{margin-top:-105px}.detail-title-row{align-items:flex-end}.detail-icon{width:82px;height:82px;border-radius:20px;font-size:34px}.detail-heading h1{font-size:27px}.detail-heading p{font-size:10px}.detail-stats{grid-template-columns:repeat(2,1fr);gap:14px}.detail-stats div:nth-child(3){border-left:0;padding-left:0}.detail-action-row{display:grid;grid-template-columns:1fr 1fr}.detail-action-row .btn-primary{grid-column:1/-1}.mod-showcase{height:320px}.showcase-art{font-size:120px}.feature-checks{grid-template-columns:1fr}.mod-detail-aside{grid-template-columns:1fr}.question-card{grid-template-columns:1fr;padding:17px}.question-card>.vote-rail{flex-direction:row;justify-content:flex-start;margin-bottom:10px}.question-content h1{font-size:24px}.answer-body{grid-template-columns:1fr}.answer-body>.vote-rail{flex-direction:row;justify-content:flex-start;margin-bottom:10px}.creator-profile-inner{padding-top:55px;grid-template-columns:80px 1fr}.creator-profile-avatar{width:80px;height:80px;border-radius:20px;font-size:23px}.creator-profile-copy h1{font-size:28px}.profile-statbar{grid-template-columns:repeat(2,1fr);gap:14px}.profile-statbar div:nth-child(2){border:0}.upload-stepper button b,.upload-stepper button small{display:none}.studio-main{padding:16px}.form-grid,.release-fields{grid-template-columns:1fr}.span2{grid-column:auto}.gallery-drop-grid{grid-template-columns:repeat(2,1fr)}.access-cards{grid-template-columns:1fr}.file-drop{flex-direction:column}.notify-layout{grid-template-columns:1fr}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr}.table-row>span:first-child{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.site-footer{padding-bottom:90px}.mobile-nav{display:grid;position:fixed;left:10px;right:10px;bottom:10px;z-index:99;grid-template-columns:repeat(6,1fr);padding:7px;border-radius:18px;border:1px solid var(--line)}.mobile-nav button{border:0;background:none;color:var(--muted);font-size:8px;display:flex;flex-direction:column;gap:2px;align-items:center}.mobile-nav button span{font-size:16px}.mobile-nav .mobile-create{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--purple),var(--cyan));color:white;align-self:center;justify-self:center;margin-top:-18px;justify-content:center}.mobile-nav .mobile-create span{font-size:22px}.mobile-nav .mobile-create{font-size:0}}

/* Dashboard + wallet completion */
.dashboard-lower,.wallet-detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin-top:16px}.activity-card,.revenue-card,.transaction-panel,.payment-panel{padding:20px}.activity-feed{display:grid}.activity-feed>div{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.activity-feed>div:last-child{border:0}.activity-feed>div>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(139,92,255,.08);color:var(--cyan)}.activity-feed p{margin:0;font-size:11px;color:var(--muted)}.activity-feed p b{color:var(--text)}.activity-feed small{display:block;color:var(--muted2);margin-top:3px}.revenue-big{font-size:34px;font-weight:900;margin:24px 0 18px}.revenue-split{display:grid;gap:10px;margin-bottom:18px}.revenue-split span{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding-bottom:9px;border-bottom:1px solid var(--line)}.transaction-panel .panel-head{margin-bottom:5px}.transaction-row{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.transaction-row:last-child{border:0}.tx-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(139,92,255,.09);color:var(--purple)}.tx-icon.plus{background:rgba(78,224,181,.08);color:var(--green)}.transaction-row b{font-size:11px}.transaction-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.transaction-row strong{font-size:11px;color:var(--green)}.transaction-row strong.negative{color:var(--red)}.pay-methods{display:grid;gap:8px;margin:16px 0}.pay-methods button{display:flex;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);color:var(--text);font-weight:800}.pay-methods small{color:var(--muted);font-weight:500}.payment-panel p{color:var(--muted);font-size:10px;line-height:1.6}.clickable{cursor:pointer}.mod-card.clickable:hover{transform:translateY(-6px)}
@media(max-width:900px){.dashboard-lower,.wallet-detail-grid{grid-template-columns:1fr}}


/* ===== Community V3 — operating-ready frontend polish ===== */
.coin-pill{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(72,222,255,.18);border-radius:11px;background:linear-gradient(135deg,rgba(72,222,255,.08),rgba(139,92,255,.07));color:var(--text)}.coin-pill span{color:var(--cyan)}.coin-pill b{font-size:11px}.coin-pill small{font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:900}.badge.coin,.detail-badges .coin{color:#6ce6ff!important;border-color:rgba(72,222,255,.25)!important;background:rgba(72,222,255,.09)!important}.profile-menu{position:absolute;right:18px;top:68px;width:270px;padding:12px;z-index:120;border-radius:17px;box-shadow:0 25px 90px rgba(0,0,0,.4)}.profile-menu.hidden{display:none}.profile-menu-head{display:flex;gap:10px;align-items:center;padding:7px 6px 12px}.profile-menu-head div{display:grid}.profile-menu-head small{color:var(--muted);font-size:9px;margin-top:2px}.profile-menu-coins{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:10px;background:linear-gradient(135deg,rgba(72,222,255,.07),rgba(139,92,255,.06));border:1px solid var(--line);border-radius:11px;margin-bottom:7px}.profile-menu-coins>span{font-size:18px;color:var(--cyan)}.profile-menu-coins div{display:grid}.profile-menu-coins small{font-size:8px;color:var(--muted)}.profile-menu-coins b{font-size:11px}.profile-menu-coins button{font-size:9px;color:var(--cyan);font-weight:800}.profile-menu>button{width:100%;display:flex;align-items:center;gap:9px;padding:9px;border:0;border-radius:9px;color:var(--muted);text-align:left}.profile-menu>button:hover{background:rgba(255,255,255,.05);color:var(--text)}.profile-menu>button span{width:20px;text-align:center}.profile-menu>i{height:1px;background:var(--line);display:block;margin:6px}
.home-hubs{padding:30px 0 18px}.section-sub{font-size:10px;color:var(--muted)}.game-hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.game-hub{min-height:150px;position:relative;overflow:hidden;display:flex;align-items:flex-end;text-align:left;padding:18px;border:1px solid var(--line);border-radius:18px;color:white;background:#101827;transition:.25s ease}.game-hub:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.16),transparent 40%),linear-gradient(145deg,transparent 20%,rgba(0,0,0,.3))}.game-hub:hover{transform:translateY(-5px);border-color:rgba(72,222,255,.22)}.hub-ff{background:linear-gradient(145deg,#4f1f2d,#1d173d 58%,#101a2a)}.hub-mc{background:linear-gradient(145deg,#274a37,#182f27 58%,#0f1e25)}.hub-gta{background:linear-gradient(145deg,#5a3b2c,#3b2438 58%,#17202c)}.hub-rb{background:linear-gradient(145deg,#283f62,#332656 58%,#152033)}.hub-art{position:absolute;right:14px;top:-18px;font-size:96px;font-weight:1000;opacity:.12}.game-hub div,.game-hub>i{position:relative;z-index:1}.game-hub div{display:grid}.game-hub small{font-size:8px;letter-spacing:.08em;color:rgba(255,255,255,.58)}.game-hub b{font-size:19px;margin:3px 0}.game-hub p{font-size:9px;color:rgba(255,255,255,.62);margin:0}.game-hub>i{font-style:normal;margin-left:auto;font-size:18px}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:15px;margin:18px auto 55px}.trust-strip>div{display:flex;gap:10px;align-items:center;padding:8px 15px;border-right:1px solid var(--line)}.trust-strip>div:last-child{border:0}.trust-strip>div>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(72,222,255,.07);color:var(--cyan)}.trust-strip p{margin:0;display:grid}.trust-strip b{font-size:10px}.trust-strip small{font-size:8px;color:var(--muted);margin-top:2px}
.wallet-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.wallet-quick{padding:16px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;text-align:left;color:var(--text)}.wallet-quick>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(72,222,255,.07);color:var(--cyan);font-size:18px}.wallet-quick div{display:grid}.wallet-quick b{font-size:11px}.wallet-quick small{font-size:8px;color:var(--muted);margin-top:2px}.wallet-quick i{font-style:normal;color:var(--muted)}.wallet-note{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:14px}.wallet-note>span{color:var(--green)}.wallet-note div{display:grid}.wallet-note small{font-size:8px;color:var(--muted)}
.library-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.library-summary>div{padding:18px;display:flex;align-items:center;gap:12px}.library-summary>div>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(139,92,255,.08);color:var(--cyan);font-size:18px}.library-summary div div{display:grid}.library-summary small{color:var(--muted);font-size:8px}.library-summary b{font-size:22px}.library-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px}.library-tabs button{padding:10px 13px;border:0;background:none;color:var(--muted);font-size:10px;font-weight:800;border-bottom:2px solid transparent}.library-tabs button.active{color:var(--text);border-color:var(--cyan)}.empty-library{grid-column:1/-1;min-height:300px;border:1px dashed var(--line);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px}.empty-library>span{font-size:34px;color:var(--muted)}.empty-library small{color:var(--muted);margin-bottom:8px}.download-history{padding:18px}.history-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.history-row:last-child{border:0}.history-row div{display:grid}.history-row small{font-size:8px;color:var(--muted)}
.account-layout{display:grid;grid-template-columns:230px 1fr;gap:20px}.account-nav{padding:14px;height:max-content;position:sticky;top:88px}.account-avatar{display:flex;align-items:center;gap:10px;padding:8px 7px 16px;border-bottom:1px solid var(--line);margin-bottom:8px}.account-avatar div{display:grid}.account-avatar small{color:var(--muted);font-size:8px}.avatar.xl{width:48px;height:48px}.avatar.huge{width:78px;height:78px;font-size:20px}.account-nav>button{display:flex;width:100%;border:0;background:none;color:var(--muted);padding:10px;border-radius:9px;text-align:left}.account-nav>button.active{background:rgba(139,92,255,.08);color:var(--text)}.account-pane{display:none}.account-pane.active{display:block}.settings-card{padding:22px}.settings-avatar-row{display:flex;align-items:center;gap:15px;padding-bottom:20px;margin-bottom:18px;border-bottom:1px solid var(--line)}.settings-avatar-row div{display:grid;gap:4px}.settings-avatar-row small{color:var(--muted);font-size:9px}.settings-avatar-row button{width:max-content;margin-top:4px}.settings-stack{display:grid;gap:12px}.security-row{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:18px}.security-row>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(139,92,255,.08);color:var(--cyan)}.security-row div{display:grid}.security-row small{font-size:9px;color:var(--muted);margin-top:3px}.sessions-card{padding:18px}.session-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.session-row:last-child{border:0}.session-row>span{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.03);display:grid;place-items:center}.session-row div{display:grid}.session-row small{font-size:8px;color:var(--muted)}.session-row em{font-size:8px;color:var(--green);font-style:normal}.session-row button{font-size:8px;color:var(--red)}.connection-grid{display:grid;gap:10px}.connection-grid>div{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:16px}.connection-grid>div>span{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.04);display:grid;place-items:center;font-weight:900}.connection-grid div div{display:grid}.connection-grid small{font-size:8px;color:var(--muted)}
.auth-page{min-height:calc(100vh - 70px);display:grid;grid-template-columns:1fr 430px;align-items:center;gap:70px;padding-top:55px;padding-bottom:70px}.auth-visual h1{font-size:54px;line-height:1.04;margin:12px 0}.auth-visual>p{max-width:600px;color:var(--muted);line-height:1.7}.auth-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.auth-points span{font-size:10px;color:var(--muted)}.auth-card{padding:20px;border-radius:22px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.03);padding:4px;border-radius:12px;margin-bottom:20px}.auth-tabs button{padding:9px;border-radius:9px;color:var(--muted);font-weight:800}.auth-tabs button.active{background:rgba(255,255,255,.07);color:var(--text)}.auth-pane{display:none}.auth-pane.active{display:grid;gap:10px}.auth-pane h2{margin:3px 0 0}.auth-pane>p{color:var(--muted);font-size:10px;margin:0 0 8px}.auth-pane>label:not(.checkline){display:grid;gap:5px}.auth-pane>label>span{font-size:9px;color:var(--muted)}.auth-pane input{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:10px;padding:11px;color:var(--text)}.social-login{padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:var(--text);font-weight:800}.social-login span{float:left;width:24px}.auth-divider{height:24px;display:flex;align-items:center;justify-content:center;color:var(--muted2);font-size:8px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-divider span{padding:0 10px}.auth-row{display:flex;justify-content:space-between;align-items:center}.btn.full{width:100%}.success-btn{background:rgba(78,224,181,.12)!important;color:var(--green)!important}
.support-hero{text-align:center;padding:55px 0 30px}.support-hero h1{font-size:42px;margin:9px 0 18px}.support-search{max-width:650px;margin:auto;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}.support-search input{flex:1;border:0;background:none;color:var(--text);outline:0}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.support-grid button{padding:20px;text-align:left;color:var(--text);display:grid;gap:4px}.support-grid button>span{font-size:24px;color:var(--cyan);margin-bottom:8px}.support-grid small{color:var(--muted);font-size:8px}.status-panel{display:flex;align-items:center;justify-content:space-between;padding:18px;margin:18px 0}.status-panel>div{display:flex;align-items:center;gap:10px}.status-panel>div>div{display:grid}.status-panel small{color:var(--muted);font-size:8px}.status-panel strong{font-size:10px;color:var(--green)}.status-dot-ok{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 20px rgba(78,224,181,.5)}.support-bottom{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}.support-bottom>div{padding:20px}.contact-card{text-align:center}.contact-card>span{font-size:34px;color:var(--cyan)}.contact-card p{font-size:10px;color:var(--muted);line-height:1.6}.footer-status{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--muted);font-size:8px}.footer-status span{width:7px;height:7px;border-radius:50%;background:var(--green)}
.modal-backdrop{position:fixed;inset:0;z-index:300;background:rgba(3,5,10,.78);backdrop-filter:blur(12px);display:grid;place-items:center;padding:18px}.modal-backdrop.hidden{display:none}.modal-card{position:relative;width:min(430px,100%);padding:28px;border-radius:22px;text-align:center}.modal-close{position:absolute;right:13px;top:10px;font-size:22px;color:var(--muted)}.modal-icon{width:58px;height:58px;border-radius:17px;margin:0 auto 13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(72,222,255,.12),rgba(139,92,255,.14));color:var(--cyan);font-size:26px}.modal-card h2{margin:7px 0}.modal-card>p{color:var(--muted);font-size:10px;line-height:1.6}.modal-balance{display:flex;justify-content:space-between;margin:18px 0;padding:12px;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:9px}.modal-balance b{color:var(--text)}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.coin-price-field{margin-top:14px}.hidden{display:none!important}.empty-mini{padding:30px;text-align:center;color:var(--muted);font-size:10px}
@media(max-width:1050px){.game-hub-grid,.support-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip>div:nth-child(2){border-right:0}.account-layout{grid-template-columns:1fr}.account-nav{position:static;display:flex;overflow:auto}.account-avatar{display:none}.account-nav>button{width:auto;white-space:nowrap}.auth-page{grid-template-columns:1fr;max-width:650px}.auth-visual{text-align:center}.auth-visual>p{margin-left:auto;margin-right:auto}.wallet-quick-grid{grid-template-columns:1fr}}
@media(max-width:760px){.coin-pill{display:none}.game-hub-grid,.support-grid,.library-summary,.trust-strip{grid-template-columns:1fr}.trust-strip>div{border-right:0;border-bottom:1px solid var(--line)}.trust-strip>div:last-child{border-bottom:0}.support-bottom{grid-template-columns:1fr}.auth-visual h1{font-size:37px}.auth-points{grid-template-columns:1fr}.account-main .page-title-row{gap:12px}.security-row{grid-template-columns:36px 1fr}.security-row button{grid-column:1/-1}.profile-menu{right:10px;left:10px;width:auto}.wallet-quick-grid{grid-template-columns:1fr}.history-row{grid-template-columns:42px 1fr}.history-row button{grid-column:2}.section-sub{display:none}}


/* ===== V4 OPERATIONS-READY UI PASS ===== */
.route-progress{position:fixed;z-index:9999;top:0;left:0;right:0;height:2px;pointer-events:none;opacity:0}.route-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));box-shadow:0 0 18px rgba(72,222,255,.65)}.route-progress.running{opacity:1}.route-progress.running i{animation:routeLoad .48s cubic-bezier(.2,.8,.2,1)}@keyframes routeLoad{0%{width:3%}60%{width:72%}100%{width:100%}}
button,input,select,textarea{transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--cyan) 68%,transparent);outline-offset:2px}.btn:active,.soft-btn:active,.nav-link:active{transform:translateY(1px)}
.ecosystem-strip{margin-top:28px}.ecosystem-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.ecosystem-head h2{margin:4px 0 0}.live-chip{display:inline-flex;gap:7px;align-items:center;font-size:8px;font-weight:900;letter-spacing:.08em;color:var(--green)}.live-chip i,.pulse-live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(78,224,181,.6)}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.eco-card{padding:16px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;text-align:left;color:var(--text)}.eco-card:hover{transform:translateY(-3px);border-color:rgba(72,222,255,.25)}.eco-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(72,222,255,.1),rgba(139,92,255,.12));color:var(--cyan);font-size:18px}.eco-card div{display:grid;gap:2px}.eco-card small{font-size:7px;color:var(--muted);letter-spacing:.1em}.eco-card b{font-size:11px}.eco-card p{font-size:8px;color:var(--muted);margin:1px 0 0}.eco-card>i{font-style:normal;color:var(--muted)}
.marketplace-spotlight{min-height:230px;margin-bottom:14px;padding:26px;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;position:relative;background:radial-gradient(circle at 80% 30%,rgba(72,222,255,.09),transparent 30%),radial-gradient(circle at 68% 80%,rgba(139,92,255,.12),transparent 35%),var(--glass)}.spotlight-copy{align-self:center;max-width:670px;position:relative;z-index:2}.spotlight-copy h2{font-size:31px;margin:6px 0}.spotlight-copy p{color:var(--muted);font-size:10px;line-height:1.65;max-width:610px}.spotlight-meta{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0 18px;color:var(--muted);font-size:8px}.spotlight-art{position:relative;display:grid;place-items:center;min-height:190px}.spotlight-art>b{width:108px;height:108px;border-radius:31px;display:grid;place-items:center;font-size:35px;letter-spacing:-.06em;background:linear-gradient(145deg,rgba(72,222,255,.18),rgba(139,92,255,.22));border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(69,54,158,.32),inset 0 1px rgba(255,255,255,.12);z-index:2}.spotlight-art>small{position:absolute;bottom:8px;right:12%;font-size:8px;line-height:1.25;letter-spacing:.16em;color:var(--muted)}.spot-ring{position:absolute;border:1px solid rgba(72,222,255,.15);border-radius:50%}.ring-1{width:220px;height:220px;animation:spinSlow 16s linear infinite}.ring-2{width:155px;height:155px;border-color:rgba(139,92,255,.22);animation:spinSlow 11s linear infinite reverse}@keyframes spinSlow{to{transform:rotate(360deg)}}.marketplace-summary{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.marketplace-summary>div:first-child{display:grid}.marketplace-summary small{font-size:7px;color:var(--muted);letter-spacing:.12em}.marketplace-summary b{font-size:12px}.marketplace-view{display:flex;border:1px solid var(--line);border-radius:10px;padding:3px}.marketplace-view button{width:32px;height:27px;border-radius:7px;color:var(--muted)}.marketplace-view button.active{background:rgba(255,255,255,.06);color:var(--text)}.mod-grid.catalog.compact{display:grid;grid-template-columns:1fr 1fr}.mod-grid.catalog.compact .mod-card{display:grid;grid-template-columns:145px 1fr;min-height:126px}.mod-grid.catalog.compact .mod-cover{height:100%;min-height:126px;border-radius:14px 0 0 14px}.mod-grid.catalog.compact .mod-body{align-self:center}
.community-pulse{padding:14px 16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.community-pulse>div:first-child{display:grid;gap:2px}.pulse-live{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:7px;font-weight:900;letter-spacing:.1em}.community-pulse b{font-size:11px}.community-pulse small{font-size:8px;color:var(--muted)}.pulse-faces{display:flex;align-items:center}.pulse-faces span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin-left:-7px;border:2px solid var(--bg);background:linear-gradient(135deg,#243452,#6b4faf);font-size:7px;font-weight:900}.pulse-faces span:first-child{margin-left:0}.pulse-faces strong{font-size:8px;color:var(--muted);margin-left:8px}.creator-discovery{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;margin-bottom:15px}.creator-discovery .wide-search{max-width:430px}.creator-chips{display:flex;gap:5px;flex-wrap:wrap}.creator-chips button{padding:8px 10px;border:1px solid transparent;border-radius:9px;color:var(--muted);font-size:8px;font-weight:800}.creator-chips button.active{color:var(--text);background:rgba(72,222,255,.07);border-color:rgba(72,222,255,.15)}
.install-guide{padding:22px;margin-top:12px}.install-head{display:flex;justify-content:space-between;align-items:start}.install-head h3{margin:4px 0}.install-steps{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:center;margin-top:18px}.install-steps>div{display:grid;grid-template-columns:34px 1fr;column-gap:10px;row-gap:2px}.install-steps>div>span{grid-row:1/3;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(72,222,255,.07);color:var(--cyan);font-weight:900}.install-steps b{font-size:10px}.install-steps small{font-size:8px;color:var(--muted);line-height:1.45}.install-steps>i{height:1px;background:linear-gradient(90deg,var(--line),rgba(72,222,255,.3),var(--line))}.trust-card{display:grid;gap:10px}.trust-row{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center}.trust-row>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(78,224,181,.07);color:var(--green)}.trust-row div{display:grid}.trust-row b{font-size:9px}.trust-row small{font-size:7px;color:var(--muted);line-height:1.4}.danger-link{margin-top:4px;padding-top:10px;border-top:1px solid var(--line);color:var(--red);text-align:left;font-size:8px}
.legal-layout{display:grid;grid-template-columns:240px 1fr;gap:18px}.legal-nav{padding:16px;position:sticky;top:88px;height:max-content}.legal-nav h2{font-size:18px}.legal-nav button{width:100%;padding:10px 9px;text-align:left;border-radius:9px;color:var(--muted)}.legal-nav button.active{background:rgba(72,222,255,.07);color:var(--text)}.legal-nav>small{display:block;border-top:1px solid var(--line);margin-top:9px;padding-top:12px;color:var(--muted);font-size:7px}.legal-main{padding:32px;min-height:650px}.legal-pane{display:none;max-width:790px}.legal-pane.active{display:block}.legal-pane h1{font-size:35px}.legal-pane h2{font-size:15px;margin-top:28px}.legal-pane p{font-size:10px;color:var(--muted);line-height:1.8}
.modal-wide{width:min(720px,100%);text-align:left}.modal-form{display:grid;gap:12px;margin:18px 0}.modal-form label{display:grid;gap:6px}.modal-form label>span,.report-note>span{font-size:8px;color:var(--muted)}.modal-form input,.modal-form select,.modal-form textarea,.report-note textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.03);color:var(--text)}.report-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:16px 0}.report-options button{border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--muted);text-align:left}.report-options button.active{border-color:rgba(255,93,123,.35);background:rgba(255,93,123,.07);color:var(--text)}.modal-icon.danger{color:var(--red);background:rgba(255,93,123,.09)}.danger-btn{background:linear-gradient(135deg,#e44d6c,#a73f86)!important}.mobile-mod-action{display:none}
.command-results mark{background:rgba(72,222,255,.15);color:var(--cyan);padding:0 2px;border-radius:2px}.command-empty{padding:28px;text-align:center;color:var(--muted);font-size:9px}.search-kind{margin-left:auto;font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.route-page-kicker{position:fixed;z-index:99;left:50%;top:74px;transform:translateX(-50%) translateY(-10px);opacity:0;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:var(--glass2);backdrop-filter:blur(12px);font-size:7px;color:var(--muted);pointer-events:none}.route-page-kicker.show{animation:routeLabel .7s ease}@keyframes routeLabel{20%,65%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(-5px)}}
@media(max-width:1050px){.ecosystem-grid{grid-template-columns:1fr}.marketplace-spotlight{grid-template-columns:1fr}.spotlight-art{display:none}.creator-discovery{align-items:stretch;flex-direction:column}.creator-discovery .wide-search{max-width:none}.legal-layout{grid-template-columns:1fr}.legal-nav{position:static;display:flex;align-items:center;gap:4px;overflow:auto}.legal-nav .kicker,.legal-nav h2,.legal-nav>small{display:none}.legal-nav button{width:auto;white-space:nowrap}.install-steps{grid-template-columns:1fr}.install-steps>i{height:18px;width:1px;margin-left:16px}}
@media(max-width:760px){.marketplace-spotlight{padding:20px;min-height:auto}.spotlight-copy h2{font-size:24px}.spotlight-meta{gap:7px}.marketplace-summary{margin-top:14px}.mod-grid.catalog.compact{grid-template-columns:1fr}.mod-grid.catalog.compact .mod-card{grid-template-columns:112px 1fr}.ecosystem-head{align-items:start}.ecosystem-head .live-chip{display:none}.community-pulse{align-items:flex-start}.community-pulse .pulse-faces{display:none}.install-head{display:grid;gap:7px}.install-guide{padding:16px}.legal-main{padding:20px}.legal-pane h1{font-size:27px}.report-options{grid-template-columns:1fr}.mobile-mod-action:not(.hidden){position:fixed;display:flex;z-index:160;left:10px;right:10px;bottom:74px;padding:9px 10px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:15px;background:rgba(9,12,20,.9);backdrop-filter:blur(18px);box-shadow:0 14px 50px rgba(0,0,0,.38)}.mobile-mod-action div{display:grid;min-width:0}.mobile-mod-action small{font-size:7px;color:var(--muted)}.mobile-mod-action b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.mobile-mod-action .btn{padding:9px 13px}.mod-detail-main .detail-action-row{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
/* Full-stack operational states */
.verify-notice{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:18px;border-color:rgba(255,196,87,.32)}
.verify-notice>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,196,87,.12);color:#ffd27a;font-weight:900}
.verify-notice>div{display:grid;gap:2px;flex:1}.verify-notice small{color:var(--muted)}
.rating-widget{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--line);margin-top:12px}
.rating-widget div{display:flex;gap:3px}.rating-widget button{border:0;background:transparent;color:#8b91a8;font-size:18px;cursor:pointer;padding:2px}.rating-widget button:hover{color:#ffd463;transform:translateY(-1px)}
#modFileName,#coverFileName{display:block;color:var(--muted);margin-top:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis}

.disabled-pay{opacity:.46;cursor:not-allowed;filter:saturate(.5)}

.mod-cover.has-real-cover:before{background:linear-gradient(180deg,transparent 45%,rgba(4,7,14,.45));inset:0;width:auto;height:auto;border-radius:0;right:0;top:0}.mod-cover.has-real-cover:after{display:none}

/* V6 — simplified operational UI */
:root{--shell:1180px}
.content-width{max-width:var(--shell)}
.topbar{border-bottom:1px solid rgba(255,255,255,.055)}
.desktop-nav{gap:2px}.desktop-nav .nav-link{padding:9px 11px}
.hero-wrap{min-height:610px;padding-top:72px;padding-bottom:56px}.hero-copy h1{font-size:clamp(48px,6vw,82px);line-height:.92}.hero-copy>p{max-width:650px;font-size:12px;line-height:1.75}
.hero-stage{opacity:.92}.hero-console{box-shadow:0 40px 120px rgba(0,0,0,.36)}
.section-block{margin-top:42px;margin-bottom:42px}.home-latest{padding-top:8px}
.trust-strip{margin-top:24px;margin-bottom:42px}
.split-section{margin-top:24px}
.page-title-row{margin-bottom:18px}.page-title-row h1{letter-spacing:-.04em}
.discover-toolbar{position:sticky;top:76px;z-index:15;padding:10px;background:rgba(10,13,22,.84);backdrop-filter:blur(18px)}
[data-theme="light"] .discover-toolbar{background:rgba(248,249,253,.88)}
.marketplace-summary-clean{margin-top:2px;margin-bottom:8px}
#modTags{margin-top:10px;margin-bottom:18px}.tag-row .tag{padding:8px 12px}
.catalog-pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:26px 0 8px}.catalog-pager span{font-size:9px;color:var(--muted)}.catalog-pager button:disabled{opacity:.35;pointer-events:none}
.loading-grid{opacity:.48;pointer-events:none;transition:opacity .18s ease}
.side-copy{color:var(--muted);font-size:9px;line-height:1.7;margin:10px 0 14px}
.creator-discovery{padding:8px}.creator-discovery .wide-search{max-width:none;width:100%}
.creator-mod-manager{display:grid;gap:7px}.manage-mod-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line)}.manage-mod-row:last-child{border-bottom:0}.manage-mod-row>div:first-child{display:grid;gap:4px;min-width:0}.manage-mod-row b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-mod-row small{font-size:7px;color:var(--muted)}.manage-mod-row>div:last-child{display:flex;align-items:center;gap:6px}.status-chip{padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.05)}.status-chip.published{color:var(--green);background:rgba(78,224,181,.08)}.status-chip.pending{color:#ffd27a;background:rgba(255,196,87,.08)}.status-chip.rejected{color:var(--red);background:rgba(255,93,123,.08)}.status-chip.archived{color:var(--muted)}.danger-mini{color:var(--red)!important}.danger-outline{border-color:rgba(255,93,123,.25)!important;color:var(--red)!important}
.revenue-card{min-height:220px}.dashboard-lower{align-items:stretch}
.auth-visual h1{max-width:600px}.auth-card{box-shadow:0 32px 100px rgba(0,0,0,.32)}
.modal-form input:focus,.modal-form textarea:focus,.modal-form select:focus{border-color:rgba(72,222,255,.38);box-shadow:0 0 0 3px rgba(72,222,255,.07)}
.wallet-hero{min-height:190px}.pricing-grid{margin-top:14px}.price-card{transition:transform .18s ease,border-color .18s ease}.price-card:hover{transform:translateY(-2px)}
.site-footer .footer-grid{grid-template-columns:1.5fr .7fr .7fr;gap:54px}
.site-footer{margin-top:80px}
.empty-library{grid-column:1/-1}
@media(max-width:1050px){.desktop-nav button[data-route="upload"]{display:none}.site-footer .footer-grid{grid-template-columns:1.4fr 1fr 1fr}.hero-stage{transform:scale(.94)}}
@media(max-width:760px){.hero-wrap{padding-top:38px;min-height:auto}.hero-copy h1{font-size:50px}.hero-stage{display:none}.hero-stats{margin-top:26px}.trust-strip{grid-template-columns:1fr 1fr}.discover-toolbar{position:static;display:grid;grid-template-columns:1fr 1fr}.discover-toolbar .wide-search{grid-column:1/-1}.site-footer .footer-grid{grid-template-columns:1fr;gap:28px}.manage-mod-row{align-items:flex-start}.dashboard-lower{grid-template-columns:1fr}.forum-layout{grid-template-columns:1fr}.forum-aside{order:2}}


/* ===== v7-ui.css ===== */
/* ModPro V7 — visual system & responsive polish
   This layer intentionally leaves the inner Mod Pro workspace mostly unchanged. */
:root{
  --shell:1240px;
  --topbar-h:72px;
  --space-1:6px;
  --space-2:10px;
  --space-3:14px;
  --space-4:18px;
  --space-5:24px;
  --space-6:32px;
  --space-7:44px;
  --space-8:60px;
  --radius:16px;
  --radius-sm:11px;
}

body{font-size:14px;line-height:1.55}
.content-width{width:min(calc(100% - 56px),var(--shell));max-width:var(--shell)}

/* Header */
.topbar{height:var(--topbar-h);padding:0 24px;gap:20px}
.brand{gap:9px}.brand-mark{width:36px;height:36px;border-radius:10px}.brand-mark.small{width:32px;height:32px}
.brand-type{font-size:16px}
.desktop-nav{gap:2px}.nav-link{padding:9px 11px;font-size:13px;border-radius:9px}
.top-actions{gap:7px}.search-mini{height:38px;min-width:210px;border-radius:10px}.search-mini input{font-size:12px}
.icon-btn,.round-btn{width:38px;height:38px}.coin-pill,.profile-pill{height:38px}
.coin-pill small{font-size:9px}.profile-copy b{font-size:11px}.profile-copy small{font-size:9px}

/* Global content scale */
.page{min-height:calc(100vh - var(--topbar-h))}.page-shell{padding:44px 0 72px}
.kicker,.eyebrow{font-size:10px;letter-spacing:.15em}.kicker{line-height:1.2}
.section-heading,.page-title-row{align-items:flex-end;gap:18px}.section-heading h2{font-size:28px;line-height:1.15;margin:6px 0 0;letter-spacing:-.035em}
.page-title-row{margin-bottom:22px}.page-title-row h1,.page-title-row.compact h1{font-size:36px;line-height:1.08;margin:6px 0 0;letter-spacing:-.045em}
.page-title-row p{font-size:13px;line-height:1.65;max-width:680px;margin:8px 0 0}
.panel-head h3{font-size:17px}.panel-head.mini h3{font-size:15px}
.btn{height:42px;padding:0 16px;border-radius:11px;font-size:12px}.soft-btn{height:36px;padding:0 12px;font-size:11px}.soft-btn.compact{height:31px;font-size:10px}
.text-btn{font-size:12px}.tag-row .tag{padding:8px 12px;font-size:11px}

/* Home */
.hero-wrap{min-height:560px;padding:58px 0 46px;grid-template-columns:1.06fr .94fr;gap:52px}
.hero-copy h1{font-size:clamp(46px,5.25vw,72px);line-height:.94;margin:20px 0 22px;max-width:720px}
.hero-copy>p,.hero-copy p{font-size:14px;line-height:1.72;max-width:640px}
.hero-cta{margin-top:26px;gap:10px}.hero-stats{gap:24px;margin-top:32px}.hero-stats strong{font-size:20px}.hero-stats span{font-size:11px}
.hero-stage{height:440px}.hero-stage:before{width:330px;height:330px}.orbit-a{width:405px;height:405px}.orbit-b{width:320px;height:320px}
.hero-console{width:min(500px,94%);padding:17px;border-radius:19px;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}
.console-brand{font-size:12px}.console-tabs span{font-size:9px;padding:8px}.mini-card{min-height:76px;padding:12px}.mini-card small{font-size:8px}.mini-card b{font-size:11px}.mini-card span,.console-row{font-size:9px}.console-footer{font-size:9px}
.floating-chip{transform:scale(.92)}
.section-block{margin-top:50px;margin-bottom:50px}.section-block .mod-grid{margin-top:20px}.home-latest{padding-top:0}

/* Mod cards */
.mod-grid{gap:18px}.mod-grid.featured{grid-template-columns:repeat(4,minmax(0,1fr))}.mod-grid.catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mod-card{border-radius:15px}.mod-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(0,0,0,.2)}
.mod-cover{height:164px}.mod-cover:after{font-size:82px;right:16px}.mod-body{padding:14px 15px 15px}.mod-title{font-size:14px;line-height:1.35;margin:7px 0 9px}
.mod-game,.mod-meta,.mod-author,.mod-body small{font-size:10px}.mod-meta{gap:8px}

/* Trust + home lower */
.trust-strip{padding:10px;margin-top:14px;margin-bottom:46px;border-radius:16px}
.trust-strip>div{padding:11px 14px;gap:11px}.trust-strip>div>span{width:36px;height:36px}.trust-strip b{font-size:11px}.trust-strip small{font-size:9px;line-height:1.4}
.split-section{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px;padding:8px 0 68px;margin-top:10px}
.panel{padding:20px}.panel-head{padding:0;margin-bottom:12px}.thread-list,.creator-mini-list{font-size:12px}

/* Marketplace */
.marketplace-summary{margin:8px 0 10px}.marketplace-summary small{font-size:9px}.marketplace-summary b{font-size:13px}
.discover-toolbar{top:var(--topbar-h);padding:10px;grid-template-columns:minmax(280px,1fr) 170px 150px 150px;gap:8px;border-radius:14px}
.discover-toolbar input,.discover-toolbar select,.wide-search input{font-size:12px}.wide-search{min-height:42px}
.discover-toolbar select{height:42px;padding:0 12px}.marketplace-view button{width:34px;height:30px}
#modTags{margin:12px 0 20px}.catalog-pager{padding:28px 0 2px}.catalog-pager span{font-size:11px}
.mod-grid.catalog.compact .mod-card{grid-template-columns:138px 1fr;min-height:120px}.mod-grid.catalog.compact .mod-cover{min-height:120px}

/* Forum */
.forum-layout{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.forum-categories{gap:10px}.discussion-panel{border-radius:16px}.forum-thread-list{font-size:12px}
.forum-aside{min-width:0}.side-card{padding:17px 18px;border-radius:15px;margin-bottom:12px}.side-card h3{font-size:15px;margin:6px 0 8px}.side-copy{font-size:11px;line-height:1.65}
.tag-cloud{gap:6px}.tag-cloud span{font-size:10px;padding:7px 9px}

/* Creator pages */
.creator-discovery{padding:10px;margin-bottom:18px}.creator-grid{gap:16px}.creator-card{padding:18px;border-radius:16px}.creator-avatar-lg{width:52px;height:52px;border-radius:14px}.creator-top h3{font-size:14px}.creator-top p{font-size:10px}.creator-bio{font-size:11px;line-height:1.6;margin:14px 0}.creator-stats b{font-size:13px}.creator-stats span{font-size:9px}.follow-btn{font-size:10px;padding:7px 10px}
.profile-statbar{border-radius:15px}.profile-statbar b{font-size:20px}.profile-statbar span{font-size:10px}

/* Mod detail / thread detail */
.mod-detail-shell{grid-template-columns:minmax(0,1fr) 320px;gap:22px}.mod-detail-aside{padding-top:118px}.install-guide{padding:20px}.install-steps b{font-size:11px}.install-steps small{font-size:9px}
.trust-row b{font-size:10px}.trust-row small{font-size:9px}.danger-link{font-size:10px}
.thread-detail-layout{grid-template-columns:minmax(0,1fr) 280px;gap:22px}

/* Forms / account */
.settings-card{padding:22px 24px}.form-grid{gap:14px}.form-grid label>span,.settings-card label>span{font-size:10px}
.form-grid input,.form-grid textarea,.form-grid select,.settings-card input,.settings-card textarea,.settings-card select{font-size:12px;min-height:42px}
.security-row{padding:16px 18px}.security-row b{font-size:12px}.security-row small{font-size:10px}.session-row b{font-size:11px}.session-row small{font-size:9px}
.connection-grid>div{padding:16px}.connection-grid b{font-size:12px}.connection-grid small{font-size:9px}

/* Dashboard */
.metric-grid{gap:12px}.metric-card{padding:16px;border-radius:14px}.metric-card small{font-size:9px}.metric-card b{font-size:22px}.metric-card em{font-size:8px}
.dashboard-grid{gap:14px}.dashboard-lower{gap:14px}.manage-mod-row{padding:12px 2px}.manage-mod-row b{font-size:11px}.manage-mod-row small{font-size:9px}.status-chip{font-size:9px;padding:4px 7px}
.revenue-card{min-height:190px}

/* Wallet */
.wallet-hero{min-height:180px;padding:28px 30px;border-radius:20px}.wallet-hero small{font-size:9px}.wallet-hero b{font-size:42px}.wallet-hero b em{font-size:14px}.wallet-hero span{font-size:10px}
.pricing-grid{gap:14px}.price-card{min-height:190px;padding:18px;border-radius:15px}.price-card>small{font-size:9px}.price-card>b{font-size:28px}.price-card>span{font-size:10px;margin-bottom:14px}

/* Admin */
.admin-shell{grid-template-columns:220px 1fr;gap:18px}.admin-nav{padding:16px}.admin-nav h2{font-size:18px}.admin-nav button{font-size:11px;min-height:38px}.moderation-table{border-radius:15px}.table-head{font-size:9px}

/* Modals */
.modal-backdrop{padding:20px}.modal-card{width:min(440px,100%);padding:24px;border-radius:19px}.modal-wide{width:min(680px,100%)}
.modal-icon{width:52px;height:52px;border-radius:15px;font-size:23px}.modal-card h2{font-size:20px}.modal-card>p{font-size:11px;line-height:1.6}
.modal-form{gap:12px;margin:16px 0}.modal-form label>span,.report-note>span{font-size:10px}.modal-form input,.modal-form select,.modal-form textarea,.report-note textarea{font-size:12px;padding:11px 12px;border-radius:10px}.modal-balance{font-size:10px}.report-options button{font-size:11px}

/* Legal & footer */
.legal-layout{grid-template-columns:220px 1fr;gap:20px}.legal-main{padding:28px}.legal-pane h1{font-size:32px}.legal-pane h2{font-size:16px}.legal-pane p{font-size:12px;line-height:1.75}.legal-nav button{font-size:11px}.legal-nav>small{font-size:9px}
.site-footer{margin-top:64px;padding:42px 0 24px}.site-footer .footer-grid{gap:44px}.site-footer p,.site-footer a,.site-footer button,.site-footer small{font-size:10px;line-height:1.6}

/* Keep the inner Mod Pro workspace compact and close to its existing proportions. */
#page-modpro .workspace-shell{min-height:calc(100vh - var(--topbar-h))}
#page-modpro .workspace-sidebar{top:var(--topbar-h);height:calc(100vh - var(--topbar-h))}
#page-modpro .kicker{font-size:8px}

/* Tablet */
@media(max-width:1180px){
  .content-width{width:min(calc(100% - 40px),var(--shell))}
  .search-mini{min-width:170px}.coin-pill small{display:none}
  .hero-wrap{gap:32px}.hero-copy h1{font-size:clamp(44px,5.4vw,64px)}.hero-stage{height:410px}.hero-console{width:min(460px,96%)}
  .mod-grid.featured{grid-template-columns:repeat(3,minmax(0,1fr))}.mod-grid.catalog{grid-template-columns:repeat(3,minmax(0,1fr))}
  .discover-toolbar{grid-template-columns:minmax(240px,1fr) 150px 140px 140px}
}

@media(max-width:980px){
  .topbar{padding:0 18px}.desktop-nav .nav-link{padding:8px 8px;font-size:12px}.search-mini{display:none}
  .hero-wrap{grid-template-columns:1fr;min-height:auto;padding:54px 0 44px}.hero-copy{max-width:760px}.hero-stage{height:360px;margin-top:-10px}.hero-console{width:min(620px,88%);transform:none}.orbit-a{width:350px;height:350px}.orbit-b{width:280px;height:280px}
  .mod-grid.featured,.mod-grid.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-strip{grid-template-columns:repeat(2,1fr)}.trust-strip>div:nth-child(2){border-right:0}.trust-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .split-section{grid-template-columns:1fr}.forum-layout{grid-template-columns:1fr}.forum-aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.forum-aside .side-card{margin:0}
  .discover-toolbar{position:static;grid-template-columns:1fr 1fr}.discover-toolbar .wide-search{grid-column:1/-1}
  .creator-grid{grid-template-columns:repeat(2,1fr)}
  .mod-detail-shell,.thread-detail-layout{grid-template-columns:1fr}.mod-detail-aside{padding-top:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
  .admin-shell{grid-template-columns:1fr}.admin-nav{position:static;display:flex;gap:6px;overflow:auto}.admin-nav .kicker,.admin-nav h2{display:none}.admin-nav button{white-space:nowrap;width:auto}
}

/* Mobile */
@media(max-width:720px){
  :root{--topbar-h:62px}
  .content-width{width:min(calc(100% - 28px),var(--shell))}
  .topbar{height:var(--topbar-h);padding:0 14px;gap:10px}.brand-mark{width:34px;height:34px}.brand-type{font-size:15px}.desktop-nav,.coin-pill,.profile-copy{display:none}.top-actions{gap:6px}.profile-pill{width:38px;padding:0;justify-content:center}.profile-pill .avatar{width:30px;height:30px}.icon-btn{width:36px;height:36px}
  .page-shell{padding:30px 0 82px}.page-title-row{align-items:stretch;gap:12px;margin-bottom:18px}.page-title-row h1,.page-title-row.compact h1{font-size:30px}.page-title-row p{font-size:12px}.page-title-row>.btn{align-self:flex-start}
  .section-heading{align-items:center}.section-heading h2{font-size:24px}.section-heading .text-btn{font-size:11px}
  .hero-wrap{padding:34px 0 28px}.hero-copy h1{font-size:clamp(40px,12vw,54px);margin:17px 0 18px}.hero-copy>p,.hero-copy p{font-size:13px}.hero-cta{flex-wrap:wrap}.hero-cta .btn{flex:1;min-width:140px}.hero-stats{gap:16px;justify-content:space-between}.hero-stats i{display:none}.hero-stats strong{font-size:18px}.hero-stats span{font-size:9px}.hero-stage{display:none}
  .section-block{margin:38px 0}.mod-grid.featured,.mod-grid.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mod-cover{height:132px}.mod-body{padding:11px 12px 12px}.mod-title{font-size:12px}.mod-game,.mod-meta,.mod-author,.mod-body small{font-size:9px}
  .trust-strip{grid-template-columns:1fr;margin-bottom:34px}.trust-strip>div{border-right:0;border-bottom:1px solid var(--line)!important}.trust-strip>div:last-child{border-bottom:0!important}.trust-strip b{font-size:11px}.trust-strip small{font-size:9px}
  .split-section{padding-bottom:34px}.panel{padding:16px}.panel-head h3{font-size:15px}
  .discover-toolbar{grid-template-columns:1fr;padding:9px}.discover-toolbar .wide-search{grid-column:auto}.discover-toolbar select{height:40px}.tag-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.tag-row .tag{white-space:nowrap}
  .forum-aside{display:block}.forum-aside .side-card{margin-bottom:10px}.creator-grid{grid-template-columns:1fr}.creator-card{padding:17px}
  .mod-detail-aside{grid-template-columns:1fr}.install-steps{grid-template-columns:1fr}.install-steps>i{height:18px;width:1px;margin-left:16px}
  .metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card{padding:13px}.metric-card b{font-size:19px}.dashboard-grid,.dashboard-lower{grid-template-columns:1fr}
  .wallet-hero{min-height:160px;padding:22px}.wallet-hero b{font-size:34px}.wallet-orb{transform:scale(.8)}.pricing-grid{grid-template-columns:1fr}
  .settings-card{padding:18px}.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:auto}.security-row{align-items:flex-start;gap:10px}.security-row .btn,.security-row .soft-btn{margin-left:auto}
  .modal-card{padding:21px 18px}.modal-wide{width:100%}.report-options{grid-template-columns:1fr}.modal-actions{grid-template-columns:1fr}.modal-actions .btn{width:100%}
  .legal-main{padding:20px}.legal-pane h1{font-size:27px}.legal-pane p{font-size:11px}.site-footer{margin-top:42px;padding-bottom:92px}.site-footer .footer-grid{grid-template-columns:1fr;gap:26px}
  .mobile-nav{height:64px}.mobile-nav button{font-size:9px}.mobile-nav span{font-size:17px}
}

@media(max-width:460px){
  .content-width{width:min(calc(100% - 22px),var(--shell))}
  .brand-type{font-size:14px}.top-actions .icon-btn:nth-of-type(1){display:none}
  .hero-copy h1{font-size:40px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-stats div{min-width:0}.hero-stats strong{font-size:16px}.hero-stats span{font-size:8px}
  .mod-grid.featured,.mod-grid.catalog{grid-template-columns:1fr}.mod-cover{height:176px}.mod-title{font-size:14px}.mod-game,.mod-meta,.mod-author,.mod-body small{font-size:10px}
  .metric-grid{grid-template-columns:1fr}.wallet-hero{align-items:flex-start}.wallet-orb{display:none}
}

/* Auth / support / utility pages */
.auth-page{min-height:calc(100vh - var(--topbar-h));grid-template-columns:minmax(0,1fr) 410px;gap:56px;padding-top:46px;padding-bottom:64px}
.auth-visual h1{font-size:44px;line-height:1.04;margin:10px 0 14px;letter-spacing:-.045em}.auth-visual>p{font-size:13px;line-height:1.7}.auth-points{gap:9px;margin-top:22px}.auth-points span{font-size:11px}
.auth-card{padding:22px;border-radius:19px}.auth-tabs{margin-bottom:16px}.auth-tabs button{font-size:11px}.auth-pane{gap:10px}.auth-pane h2{font-size:20px}.auth-pane>p{font-size:11px}.auth-pane>label>span{font-size:10px}.auth-pane input{font-size:12px;min-height:42px}.social-login{font-size:11px;min-height:42px}.auth-row,.checkline,.inline-link{font-size:10px}
.support-hero{padding:42px 0 26px}.support-hero h1{font-size:34px;letter-spacing:-.04em;margin:8px 0 16px}.support-search{max-width:610px;padding:11px 14px}.support-search input{font-size:12px}
.support-grid{gap:12px}.support-grid button{padding:18px;border-radius:15px}.support-grid button>span{font-size:22px;margin-bottom:6px}.support-grid button>b{font-size:12px}.support-grid small{font-size:10px;line-height:1.45}
.status-panel{padding:15px 17px;margin:16px 0}.status-panel b{font-size:11px}.status-panel small{font-size:9px}.status-panel strong{font-size:10px}.support-bottom{gap:12px}.support-bottom>div{padding:18px}.support-bottom h3{font-size:15px}.contact-card p{font-size:11px}.mini-links button{font-size:11px;padding-block:7px}
.notification-item{grid-template-columns:42px 1fr auto;gap:11px;padding:13px 14px}.notification-item b{font-size:11px}.notification-item p{font-size:10px;line-height:1.5}.notification-item time{font-size:9px}
.library-tabs button{font-size:11px;padding:10px 12px}.account-nav{top:calc(var(--topbar-h) + 16px);padding:13px}.account-nav>button{font-size:11px;padding:10px 11px}

@media(max-width:980px){
  .auth-page{grid-template-columns:1fr;max-width:660px;gap:28px}.auth-visual{text-align:center}.auth-visual h1{font-size:38px}.auth-visual>p{margin-inline:auto}.auth-points{max-width:440px;margin:20px auto 0}
  .support-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .auth-page{padding-top:30px;padding-bottom:90px}.auth-visual h1{font-size:32px}.auth-visual>p{font-size:12px}.auth-points{grid-template-columns:1fr 1fr;gap:7px}.auth-points span{font-size:9px}.auth-card{padding:18px}
  .support-hero{padding-top:28px}.support-hero h1{font-size:29px}.support-grid{grid-template-columns:1fr}.status-panel{align-items:flex-start;gap:12px;flex-direction:column}.support-bottom{grid-template-columns:1fr}
  .notification-item{grid-template-columns:38px 1fr}.notification-item time{grid-column:2}.account-nav{gap:4px;padding:8px;overflow-x:auto}.account-nav>button{font-size:10px;padding:9px 10px}
}

/* Readability pass for secondary community UI */
.badge{font-size:9px}.thread-row small,.thread-stats{font-size:10px}.creator-mini small,.creator-mini span{font-size:10px}.tag{font-size:10px}
.forum-category small{font-size:10px}.segmented button{font-size:10px}.forum-thread .vote{font-size:10px}.forum-thread p{font-size:11px;line-height:1.55}.thread-tags span{font-size:9px}.thread-right{font-size:10px}
.topmod-row b{font-size:11px}.topmod-row small,.topmod-row>span{font-size:9px}.transaction-row small,.history-row small{font-size:10px}.upload-stepper small{font-size:10px}.table-head{font-size:10px}.severity{font-size:10px}
.command-results small,.command-results kbd,.command-hint{font-size:9px}.command-empty{font-size:11px}.search-kind,.route-page-kicker{font-size:9px}
.toast b{font-size:11px}.toast span{font-size:10px}.profile-menu-head small,.profile-menu-coins small,.profile-menu-coins button{font-size:10px}.settings-avatar-row small{font-size:10px}.footer-bottom,.footer-status{font-size:9px}

/* Keyboard and form clarity */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(37,217,255,.62);outline-offset:2px}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)}
::selection{background:rgba(91,114,255,.34);color:var(--text)}


/* ===== v8-ui.css ===== */
/* ModPro V8 — readability, role-aware UI and operational layouts */
:root{
  --v8-card:#0e1727;
  --v8-card-2:#111d31;
  --v8-border:rgba(145,173,219,.17);
  --v8-muted:#a1adc3;
  --v8-soft:#7e8aa3;
  --v8-accent:#7658ff;
  --v8-cyan:#31c9f2;
}
html[data-theme="light"]{
  --v8-card:#ffffff;
  --v8-card-2:#f7f9fe;
  --v8-border:rgba(42,65,105,.16);
  --v8-muted:#5f6d84;
  --v8-soft:#748197;
  --v8-accent:#6348e8;
  --v8-cyan:#057fa7;
}
body{color:var(--text);background-color:var(--bg)}
html[data-theme="light"] body{background:radial-gradient(circle at 12% 5%,rgba(111,85,255,.10),transparent 28%),radial-gradient(circle at 90% 32%,rgba(28,173,224,.10),transparent 26%),#f2f5fb}
html[data-theme="light"] .topbar{background:rgba(247,249,254,.92)!important;border-color:rgba(40,66,108,.12)!important}
html[data-theme="light"] .search-mini,html[data-theme="light"] .coin-pill,html[data-theme="light"] .profile-pill,html[data-theme="light"] .icon-btn{background:#fff;color:#17223a;border-color:rgba(43,67,106,.14)}
html[data-theme="light"] .nav-link{color:#647188}.nav-link.active{font-weight:780}html[data-theme="light"] .nav-link.active{color:#1a2440;background:#e8ecf8}
html[data-theme="light"] .glass-panel,html[data-theme="light"] .glass-heavy{box-shadow:0 12px 34px rgba(40,63,100,.08)}
html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select{color:#17223a;background:#fff;border-color:rgba(43,67,106,.17)}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#8b96a9}
html[data-theme="light"] .profile-menu{background:#fff!important;color:#17223a;border-color:rgba(43,67,106,.14)}
html[data-theme="light"] .profile-menu button{color:#34425c!important;background:transparent!important}html[data-theme="light"] .profile-menu button:hover{background:#eef2fa!important;color:#17223a!important}

/* Clean home and cards */
.home-latest .section-heading{margin-bottom:16px}.mod-grid.featured{min-height:120px}.mod-snippet{color:var(--muted);font-size:11px;line-height:1.5;margin:6px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mod-card{overflow:hidden;border-color:var(--v8-border)}.mod-body{min-height:132px}.mod-card .mod-title{font-size:15px}.mod-badges .badge:first-child{letter-spacing:.04em}
.trust-strip b{font-size:12px}.trust-strip small{font-size:10px;color:var(--v8-muted)}

/* Marketplace is now Free Fire only */
.marketplace-v8{padding-top:46px}.marketplace-title{margin-bottom:22px}.marketplace-toolbar{display:grid;grid-template-columns:minmax(320px,1fr) 170px auto;gap:10px;padding:10px;position:sticky;top:72px;z-index:20;background:color-mix(in srgb,var(--panel2) 94%,transparent)}
.marketplace-toolbar select{min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);padding:0 12px}.marketplace-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:15px 0 20px}.marketplace-meta>div:first-child{display:grid}.marketplace-meta small{font-size:9px;letter-spacing:.15em;color:var(--muted)}.marketplace-meta b{font-size:13px}.marketplace-meta .tag-row{margin:0}

/* Auth */
.auth-v8{min-height:calc(100vh - 72px);grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:64px;padding-top:42px;padding-bottom:42px}.auth-v8 .auth-visual h1{font-size:clamp(42px,5vw,70px);line-height:.98}.auth-v8 .auth-visual p{max-width:670px;font-size:14px;line-height:1.7}.auth-v8 .auth-card{padding:24px;border-radius:20px}.social-login.google-only{height:46px;font-size:12px}.auth-pane label>span{font-size:10px}.auth-pane input{min-height:44px;font-size:12px}.auth-security-note{display:block;margin-top:12px;color:var(--muted);line-height:1.5}

/* Upload */
.creator-access-warning{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:18px}.creator-access-warning>div{flex:1;display:grid}.creator-access-warning small{color:var(--muted)}.studio-grid{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.studio-main{padding:26px}.upload-pane h2{font-size:20px;margin:0 0 22px}.editor-toolbar,.editor-tools{display:flex;gap:6px;padding:8px;border-bottom:1px solid var(--line)}.editor-toolbar button,.editor-tools button{border:1px solid var(--line);background:rgba(121,145,197,.07);color:var(--muted);border-radius:8px;padding:7px 10px;font-size:10px;cursor:pointer}.editor-toolbar button:hover,.editor-tools button:hover{color:var(--text);border-color:rgba(118,88,255,.42)}.fake-editor textarea{border-radius:0 0 11px 11px}.modal-intro{color:var(--muted);font-size:12px;line-height:1.6;margin:-3px 0 18px}

/* Mod detail: prevent author/info overlap */
.mod-detail-v8{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.mod-detail-aside-v8{padding-top:24px;display:grid;gap:14px;position:relative}.mod-detail-aside-v8 .side-card,.author-side-v8{margin:0;position:static!important;transform:none!important;inset:auto!important}.author-side-v8{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:16px;align-items:center}.author-side-v8 .author-side-copy{min-width:0;display:grid;gap:2px}.author-side-v8 .author-side-copy b{font-size:13px;overflow:hidden;text-overflow:ellipsis}.author-side-v8 .author-side-copy small{font-size:10px;color:var(--muted)}.author-side-v8 .author-follow-btn{grid-column:1/-1;width:100%;height:36px}.info-card-v8 .info-list>div{padding:12px 0}.mod-showcase{min-height:390px}.rich-text{font-size:13px;line-height:1.75;color:var(--text)}.rich-text p{margin:0 0 14px}.rich-text a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.rich-image{margin:16px 0}.rich-image img{display:block;width:min(100%,780px);max-height:520px;object-fit:contain;border-radius:14px;border:1px solid var(--line);background:#05080e}.rich-image figcaption{font-size:10px;color:var(--muted);margin-top:6px}.comment-item{align-items:flex-start}.comment-body{min-width:0;flex:1}.comment-body>div:first-child{display:flex;align-items:center;gap:8px}.comment-body small{color:var(--muted)}

/* Thread detail */
.thread-v8{grid-template-columns:minmax(0,1fr) 290px;align-items:start}.thread-main{min-width:0}.thread-aside-v8{position:sticky;top:88px}.question-card{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:18px!important;padding:22px!important;align-items:start!important}.question-content{min-width:0}.question-content h1{font-size:30px;line-height:1.16;margin:10px 0 16px}.thread-author-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0 16px;border-bottom:1px solid var(--line);margin-bottom:16px}.thread-author-row .post-author{min-width:0}.thread-author-row .soft-btn{flex:none}.thread-vote-rail{position:static!important;display:flex!important;flex-direction:column;align-items:center;gap:6px;width:44px}.thread-vote-rail button,.reply-vote button{width:34px;height:30px;border-radius:8px;border:1px solid var(--line);background:rgba(111,132,180,.06);cursor:pointer;color:var(--muted)}.thread-vote-rail button.active,.reply-vote button.active{color:#fff;background:linear-gradient(135deg,#6e50ff,#3b85ff);border-color:transparent}.thread-flags{display:flex;gap:6px;flex-wrap:wrap}.thread-flag{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(116,88,255,.11);border:1px solid rgba(116,88,255,.22);font-size:9px;font-weight:750;color:#b6a7ff}.thread-flag.announce{color:#4fe1be;background:rgba(42,195,160,.1);border-color:rgba(42,195,160,.24)}.thread-flag.locked{color:#f4bd70;background:rgba(244,184,94,.1);border-color:rgba(244,184,94,.25)}.answer-card{display:grid!important;grid-template-columns:45px minmax(0,1fr)!important;gap:14px;padding:17px!important;margin:10px 0!important}.reply-vote{display:flex;flex-direction:column;align-items:center;gap:5px}.answer-content{min-width:0}.answers-head{margin-top:26px}.reply-editor{padding:18px;margin-top:18px}.reply-editor.thread-locked{opacity:.64}.reply-editor textarea{min-height:120px}.mini-admin-delete{margin-top:8px}.admin-action-stack{display:grid;gap:7px}.admin-action-stack button{min-height:36px;border:1px solid var(--line);background:rgba(110,130,177,.06);border-radius:9px;color:var(--text);cursor:pointer}.admin-action-stack .danger-link{color:var(--red)}

/* Dashboard */
.dashboard-v8{padding-top:46px}.user-dashboard-panel,.creator-dashboard-panel{display:grid;gap:18px}.creator-request-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px}.creator-request-card>div:first-child{max-width:690px}.creator-request-card h2{font-size:20px;margin:6px 0}.creator-request-card p{font-size:12px;color:var(--muted);line-height:1.7}.request-status{display:inline-flex;border-radius:999px;padding:7px 10px;background:rgba(121,143,194,.09);border:1px solid var(--line);font-size:10px}.request-status.pending{color:#f5c278}.request-status.approved{color:#5be0bb}.request-status.rejected{color:#ff8297}.manage-mod-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:13px 0}.manage-mod-row>div:first-child{display:grid;gap:4px;min-width:0}.manage-mod-row>div:last-child{display:flex;gap:6px}.manage-mod-row small{color:var(--muted)}

/* Wallet */
.wallet-v8{padding-top:46px}.pricing-grid-v8{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pricing-grid-v8 .price-card{min-height:210px;display:flex;flex-direction:column}.pricing-grid-v8 .price-card>b{font-size:30px}.pricing-grid-v8 .price-card>em:not(.pack-badge){font-size:10px;color:var(--green);font-style:normal;margin:4px 0 14px;min-height:30px}.pricing-grid-v8 .price-card .btn{margin-top:auto}.payment-panel{padding:20px}.payment-qr-preview{display:block;width:min(100%,260px);aspect-ratio:3/4;object-fit:cover;object-position:center;border-radius:14px;margin:16px auto;border:1px solid var(--line)}.wallet-note{display:flex;gap:10px;margin-top:14px;padding:12px;border-radius:10px;background:rgba(72,213,175,.06);border:1px solid rgba(72,213,175,.15)}.wallet-note small{display:block;color:var(--muted);margin-top:2px}.payment-history-title{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--muted);padding:16px 0 8px;border-top:1px solid var(--line);margin-top:10px}.payment-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.payment-history-row>div{display:grid}.payment-history-row small{font-size:9px;color:var(--muted)}.payment-status{font-size:9px;padding:5px 8px;border-radius:999px;border:1px solid var(--line)}.payment-status.paid{color:#55dfba;background:rgba(70,210,170,.08)}.payment-status.submitted{color:#f0bd66;background:rgba(240,189,102,.08)}.payment-status.rejected{color:#ff8096;background:rgba(255,92,120,.08)}
.bank-payment-modal{width:min(900px,calc(100vw - 30px))}.bank-pay-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:26px}.bank-pay-qr{padding:12px;border-radius:16px;background:#fff}.bank-pay-qr img{width:100%;height:auto;display:block;border-radius:10px}.bank-pay-copy h2{font-size:28px}.bank-pay-facts{display:grid;gap:10px;margin:18px 0}.bank-pay-facts>div{padding:12px 14px;border:1px solid var(--line);border-radius:11px;display:grid;gap:4px}.bank-pay-facts span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.bank-pay-facts b{font-size:15px}.proof-upload{display:grid;gap:7px;margin-top:16px}.proof-upload input{padding:10px;border:1px dashed var(--line);border-radius:10px}.proof-upload small{color:var(--muted)}

/* Admin */
.admin-v8{grid-template-columns:220px minmax(0,1fr);gap:20px;padding-top:40px}.admin-v8 main{min-width:0}.admin-queue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.admin-queue{padding:18px;min-width:0}.admin-v8-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.admin-v8-row:last-child{border-bottom:0}.admin-v8-row>div:first-child{display:grid;gap:3px;min-width:0}.admin-v8-row b{font-size:11px}.admin-v8-row small{font-size:9px;color:var(--muted);line-height:1.5;word-break:break-word}.admin-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.admin-row-actions button,.admin-row-actions select,.admin-row-actions a{min-height:31px;border:1px solid var(--line);border-radius:8px;background:rgba(104,124,174,.06);color:var(--text);padding:0 9px;font-size:9px;display:inline-flex;align-items:center;text-decoration:none}.role-chip{display:inline-flex;margin-left:5px;padding:3px 6px;border:1px solid var(--line);border-radius:999px;font-size:8px;color:var(--muted)}.role-chip.admin{color:#ffcf72}.role-chip.creator{color:#aa96ff}

/* Footer rebuilt */
.site-footer-v8{margin-top:50px;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(8,13,23,.34))}.footer-v8{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(420px,.9fr) auto;gap:48px;align-items:start;padding:38px 0 28px}.footer-v8-brand p{max-width:440px;color:var(--muted);font-size:11px;line-height:1.65;margin-top:14px}.footer-v8-links{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:28px}.footer-v8-links>div{display:grid;gap:7px}.footer-v8-links b{font-size:10px;margin-bottom:3px}.footer-v8-links button,.footer-bottom button{border:0;background:transparent;color:var(--muted);padding:0;text-align:left;font-size:10px;cursor:pointer}.footer-v8-links button:hover,.footer-bottom button:hover{color:var(--text)}.footer-v8-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;white-space:nowrap}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:16px 0 26px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.footer-bottom>div{display:flex;gap:18px}

/* Backend guard */
.backend-required{position:fixed;inset:0;z-index:99999;background:#070b13;display:grid;place-items:center;padding:20px}.backend-required-card{width:min(560px,100%);padding:34px;border:1px solid rgba(120,148,205,.2);border-radius:22px;background:linear-gradient(145deg,#111b2c,#0a111e);box-shadow:0 30px 100px rgba(0,0,0,.55);text-align:center}.backend-required-card .brand-mark{margin:auto}.backend-required-card h1{font-size:28px;margin:20px 0 10px}.backend-required-card p{color:#a7b2c7;line-height:1.7}.backend-required-card ol{text-align:left;color:#c8d1e0;line-height:2}.backend-required-card code,.backend-required-card b{color:#fff}.backend-missing body{overflow:hidden}

@media(max-width:1080px){
  .auth-v8{grid-template-columns:1fr 410px;gap:32px}.marketplace-toolbar{grid-template-columns:minmax(240px,1fr) 160px auto}.mod-detail-v8{grid-template-columns:minmax(0,1fr) 285px}.thread-v8{grid-template-columns:minmax(0,1fr) 250px}.pricing-grid-v8{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-v8{grid-template-columns:190px minmax(0,1fr)}.footer-v8{grid-template-columns:1fr 1fr}.footer-v8-status{grid-column:1/-1}
}
@media(max-width:820px){
  .auth-v8{grid-template-columns:1fr}.auth-v8 .auth-visual{display:none}.marketplace-toolbar{position:static;grid-template-columns:1fr 150px}.marketplace-view{display:none}.marketplace-meta{align-items:flex-start;flex-direction:column}.mod-detail-v8,.thread-v8{grid-template-columns:1fr}.mod-detail-aside-v8,.thread-aside-v8{position:static;padding-top:0}.thread-aside-v8{order:2}.question-content h1{font-size:25px}.studio-grid{grid-template-columns:1fr}.studio-aside{display:none}.admin-v8{grid-template-columns:1fr}.admin-nav{display:none}.admin-queue-grid{grid-template-columns:1fr}.bank-pay-grid{grid-template-columns:1fr}.bank-pay-qr{max-width:320px;margin:auto}.footer-v8{grid-template-columns:1fr;gap:24px}.footer-v8-links{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:560px){
  .content-width{width:min(calc(100% - 24px),var(--shell))}.marketplace-toolbar{grid-template-columns:1fr}.marketplace-toolbar select{width:100%}.question-card{grid-template-columns:1fr!important}.thread-vote-rail{flex-direction:row;width:auto;justify-content:flex-start}.thread-author-row{align-items:flex-start;flex-direction:column}.thread-author-row .soft-btn{width:100%}.answer-card{grid-template-columns:38px minmax(0,1fr)!important}.creator-request-card{align-items:stretch;flex-direction:column}.pricing-grid-v8{grid-template-columns:1fr}.wallet-detail-grid{grid-template-columns:1fr}.bank-payment-modal{padding:16px}.footer-v8-links{grid-template-columns:1fr 1fr}.footer-v8-links>div:last-child{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}.footer-bottom>div{flex-wrap:wrap}.admin-v8-row{align-items:flex-start;flex-direction:column}.admin-row-actions{justify-content:flex-start;width:100%}.admin-row-actions button,.admin-row-actions select,.admin-row-actions a{flex:1;justify-content:center}.auth-v8{padding-top:24px}.auth-v8 .auth-card{padding:18px}.mod-showcase{min-height:280px}
}


/* V8 role visibility + final polish */
.creator-only-action{display:none!important}
body[data-role="creator"] .creator-only-action,body[data-role="admin"] .creator-only-action{display:inline-flex!important}
.mobile-nav .creator-only-action{display:none!important}
body[data-role="creator"] .mobile-nav .creator-only-action,body[data-role="admin"] .mobile-nav .creator-only-action{display:flex!important}
.footer-v8-status{min-width:170px;justify-self:end;white-space:normal;line-height:1.35}
.footer-v8-status span:last-child{display:block;max-width:190px}
.profile-menu #adminMenuLink{color:#cbbcff;background:rgba(112,78,255,.08)}
.profile-menu #adminMenuLink.hidden{display:none!important}
@media(max-width:1080px){.footer-v8-status{justify-self:start;min-width:0}}

/* V8 readable microcopy outside the dense Mod Pro workspace */
body:not(.workspace-page) .profile-copy small{font-size:10px}
.mod-card .badge{font-size:9px;padding:5px 8px}.mod-card .author-dot{font-size:9px}.mod-card .mod-meta,.mod-card .mod-author{font-size:10px}
.thread-row small,.creator-mini small{font-size:10px}.thread-stats{font-size:9.5px}.side-copy{font-size:10.5px}
.install-steps b{font-size:11px}.install-steps small{font-size:10px}.trust-row b{font-size:10.5px}.trust-row small{font-size:9.5px}.danger-link{font-size:10px}
.legal-nav>small{font-size:9.5px}.legal-pane p{font-size:12.5px}.modal-form label>span,.report-note>span{font-size:10px}
.command-empty{font-size:10.5px}.search-kind{font-size:9px}.manage-mod-row b{font-size:12px}.manage-mod-row small{font-size:10px}.status-chip{font-size:9px}
.footer-v8-brand p{font-size:12px}.footer-v8-links b{font-size:11px}.footer-v8-links button,.footer-bottom button{font-size:11px}.footer-v8-status,.footer-bottom{font-size:10px}

/* Stronger separation and contrast in both themes */
.site-footer-v8,.marketplace-toolbar,.mod-detail-aside-v8 .glass-panel,.thread-v8 .glass-panel{color:var(--text)}
html[data-theme="dark"] .glass-panel{border-color:rgba(145,173,219,.18)}
html[data-theme="dark"] .marketplace-toolbar{background:rgba(10,17,30,.96)}
html[data-theme="light"] .glass-panel{background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(246,249,255,.92));border-color:rgba(42,65,105,.15)}
html[data-theme="light"] .marketplace-toolbar{background:rgba(250,252,255,.97)}
html[data-theme="light"] .mod-card{background:linear-gradient(155deg,#fff,#f6f8fd);box-shadow:0 12px 32px rgba(41,62,96,.08)}
html[data-theme="light"] .mod-card .mod-snippet,html[data-theme="light"] .thread-row small,html[data-theme="light"] .creator-mini small{color:#5d6b82}
html[data-theme="light"] .rich-image img{background:#f2f5fb}
html[data-theme="light"] .footer-v8-status,html[data-theme="light"] .footer-bottom,html[data-theme="light"] .footer-v8-links button{color:#5f6d84}

@media(max-width:560px){
  .mobile-mod-action small{font-size:9px}.mobile-mod-action b{font-size:11px}
}
.thread-title-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.thread-title-line h4,.thread-title-line b{margin:0}.thread-list-flag{display:inline-flex;align-items:center;padding:3px 6px;border-radius:999px;border:1px solid rgba(119,89,255,.25);background:rgba(119,89,255,.09);color:#b9a9ff;font-size:8px;font-weight:800;white-space:nowrap}.thread-list-flag.announce{color:#4fdcbb;background:rgba(50,203,166,.08);border-color:rgba(50,203,166,.22)}.thread-list-flag.locked{color:#efbd70;background:rgba(239,189,112,.08);border-color:rgba(239,189,112,.2)}
html[data-theme="light"] .thread-list-flag{color:#5a40c7;background:#f0ecff;border-color:#d9d0ff}html[data-theme="light"] .thread-list-flag.announce{color:#0b8069;background:#e8faf5;border-color:#c5efe4}html[data-theme="light"] .thread-list-flag.locked{color:#916312;background:#fff7e6;border-color:#f1dfb6}

/* V8.5 payment method selector */
.payment-method-switch{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap;justify-content:flex-end}
.payment-method-switch button{min-width:168px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;padding:10px 12px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;text-align:left;cursor:pointer;transition:.18s ease}
.payment-method-switch button>span{grid-row:1/3;display:grid;place-items:center;font-size:16px;color:var(--cyan)}
.payment-method-switch button b{font-size:11px}.payment-method-switch button small{font-size:9px;color:var(--muted)}
.payment-method-switch button.active{border-color:rgba(92,116,255,.75);box-shadow:0 0 0 2px rgba(92,116,255,.12);background:linear-gradient(135deg,rgba(110,76,255,.12),rgba(21,195,234,.06))}
.payment-method-switch button:disabled{opacity:.45;cursor:not-allowed}
.price-card .pack-value{display:flex;align-items:baseline;gap:6px}.price-card .pack-bonus{color:var(--cyan)}
@media(max-width:720px){.payment-method-switch{justify-content:flex-start;width:100%}.payment-method-switch button{flex:1;min-width:145px}}

.admin-integrations{padding:18px;margin-bottom:16px}.integration-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.integration-status-grid>div{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.integration-status-grid>div>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(94,90,255,.12);color:var(--cyan);font-weight:800}.integration-status-grid b,.integration-status-grid small,.integration-status-grid code{display:block}.integration-status-grid small{color:var(--muted);margin-top:2px}.integration-status-grid code{font-size:9px;color:var(--muted);margin-top:6px;word-break:break-all;white-space:normal}@media(max-width:760px){.integration-status-grid{grid-template-columns:1fr}.admin-integrations .panel-head{align-items:flex-start;gap:10px;flex-direction:column}}
.payment-inline-actions{display:flex;gap:6px;margin-top:7px}.payment-inline-actions .soft-btn{padding:5px 9px;font-size:9px}


/* ===== V8.5 Auth polish ===== */
.auth-v8{grid-template-columns:minmax(0,1fr) minmax(390px,455px);gap:54px;padding-top:28px;padding-bottom:34px;align-items:center}
.auth-v8 .auth-visual h1{font-size:clamp(46px,5vw,66px);line-height:1;letter-spacing:-.035em;margin:12px 0 16px}
.auth-v8 .auth-visual>p{font-size:13px;line-height:1.65;max-width:650px}
.auth-v8 .auth-points{gap:12px 26px;margin-top:24px}.auth-v8 .auth-points span{font-size:11px;line-height:1.45}
.auth-v8 .auth-card{padding:20px 22px 22px;border-radius:20px;max-height:calc(100vh - 112px);overflow:auto;scrollbar-width:thin}
.auth-tabs{margin-bottom:18px;padding:3px;border-radius:11px}.auth-tabs button{min-height:38px;font-size:12px;border-radius:8px}
.auth-pane.active{display:grid;gap:11px}.auth-heading{display:grid;gap:4px;margin-bottom:1px}.auth-heading h2{font-size:22px;line-height:1.18;margin:0}.auth-heading p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}
.social-login.google-only{height:43px;display:grid;grid-template-columns:26px 1fr 26px;align-items:center;padding:0 12px;font-size:12px;border-radius:11px}.social-login.google-only .google-g{float:none;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.06);font-weight:900}.social-login.google-only b{font-size:12px}
.auth-divider{height:22px;font-size:9px}.auth-divider span{padding:0 12px}
.auth-field{display:grid!important;gap:6px}.auth-field>span,.auth-pane>label.auth-field>span{font-size:10px!important;font-weight:700;color:var(--muted)}
.auth-pane .auth-field input{height:42px;min-height:42px;padding:0 12px;font-size:12px;border-radius:10px}
.auth-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.auth-row{min-height:28px;gap:14px}.auth-row .inline-link{font-size:10px;white-space:nowrap}
.auth-check{position:relative;display:flex!important;align-items:center;gap:8px;min-height:24px;color:var(--muted);font-size:10px;line-height:1.45;cursor:pointer;user-select:none}.auth-check>input[type=checkbox]{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important}.auth-check-box{width:17px;height:17px;min-width:17px;border-radius:5px;border:1px solid var(--line);background:rgba(255,255,255,.035);display:grid;place-items:center;transition:.16s ease}.auth-check>input:checked+.auth-check-box{border-color:transparent;background:linear-gradient(135deg,var(--purple),#3f84ff);box-shadow:0 0 0 3px rgba(112,83,255,.1)}.auth-check>input:checked+.auth-check-box:after{content:'✓';color:#fff;font-size:11px;font-weight:900;line-height:1}.auth-check:focus-within .auth-check-box{outline:2px solid rgba(76,205,255,.35);outline-offset:2px}
.auth-terms{align-items:flex-start;margin-top:1px}.auth-terms .auth-check-box{margin-top:1px}.auth-policy-link{display:inline;border:0;background:transparent;padding:0;color:var(--cyan);font:inherit;cursor:pointer}.auth-policy-link:hover{text-decoration:underline}
.auth-submit{height:43px;min-height:43px;font-size:12px;margin-top:1px}.auth-security-note{font-size:9px;line-height:1.5;margin-top:2px!important;color:var(--muted)}
@media(max-width:1080px){.auth-v8{grid-template-columns:minmax(0,1fr) 420px;gap:32px}.auth-v8 .auth-visual h1{font-size:48px}}
@media(max-width:820px){.auth-v8{grid-template-columns:1fr;max-width:500px;padding-top:24px}.auth-v8 .auth-card{max-height:none;overflow:visible}.auth-password-grid{grid-template-columns:1fr}}
@media(max-width:560px){.auth-v8{padding-top:16px;padding-bottom:86px}.auth-v8 .auth-card{padding:16px}.auth-heading h2{font-size:20px}.auth-pane.active{gap:10px}}

/* V8.7 — automatic VietQR + expanded Admin */
.payment-method-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.payment-method-switch button{min-width:0;padding:10px 12px}.bank-pay-qr{position:relative}.bank-pay-qr img{background:#fff;border-radius:18px;object-fit:contain;max-height:420px}.auto-pay-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:800}.auto-pay-badge.paid{color:#47e9b0;border-color:rgba(71,233,176,.35);background:rgba(71,233,176,.08)}.auto-pay-badge.pending{color:#a8b5d6}.payment-live-status{display:flex;gap:12px;align-items:flex-start;margin:16px 0;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(80,100,150,.06)}.payment-live-status>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(93,75,255,.13);color:var(--cyan)}.payment-live-status b{display:block;font-size:12px}.payment-live-status small{display:block;margin-top:4px;line-height:1.5}.integration-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-row-actions{flex-wrap:wrap;justify-content:flex-end}.admin-row-actions select,.admin-row-actions button,.admin-row-actions .soft-btn{min-height:32px}.admin-v8-row>div:first-child{min-width:0}.admin-v8-row small{overflow-wrap:anywhere}
@media(max-width:980px){.payment-method-switch,.integration-status-grid{grid-template-columns:1fr}.bank-pay-grid{grid-template-columns:1fr}.bank-pay-qr img{max-height:330px}.admin-v8-row{grid-template-columns:1fr}.admin-row-actions{justify-content:flex-start}}


/* ===== v8.8-ui.css ===== */
/* ModPro V8.8 — community/product polish */
:root{
  --v88-radius:16px;
  --v88-control:42px;
}
.content-width{max-width:1240px}
.page-shell{padding-top:42px;padding-bottom:70px}
.section-block{padding-top:34px;padding-bottom:18px}
.page-title-row h1{font-size:clamp(32px,3.3vw,46px);letter-spacing:-.035em}
.page-title-row p{max-width:720px;font-size:12.5px;line-height:1.65}
.btn{min-height:40px;border-radius:11px}.btn-xl{min-height:46px}
input,select,textarea{font-size:12px}

/* Home: less concept-art, more real platform hierarchy */
.hero-wrap{min-height:520px;padding-top:54px;padding-bottom:48px;gap:54px;align-items:center}
.hero-copy h1{font-size:clamp(54px,6.1vw,78px);line-height:.88;max-width:660px}
.hero-copy>p{max-width:620px;font-size:13px;line-height:1.65}
.hero-community-stage{min-height:390px;display:flex;align-items:center;justify-content:center;position:relative}
.hero-community-stage:before{content:"";position:absolute;inset:6% 2%;background:radial-gradient(circle at 25% 25%,rgba(117,72,255,.2),transparent 44%),radial-gradient(circle at 80% 75%,rgba(18,198,235,.13),transparent 46%);filter:blur(10px);pointer-events:none}
.community-stack{position:relative;width:min(100%,530px);padding:16px;border-radius:22px;display:grid;gap:10px}
.community-stack-head{display:flex;align-items:center;justify-content:space-between;padding:7px 5px 11px;border-bottom:1px solid var(--line)}
.community-stack-head>b{font-size:12px}.community-stack-head .status-live{font-size:8px}
.community-feature{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}
.community-feature>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(112,76,255,.12);color:var(--cyan);font-weight:900}
.community-feature b{display:block;font-size:12px;margin-bottom:3px}.community-feature small{display:block;font-size:9.5px;color:var(--muted);line-height:1.45}
.community-feature button{border:0;background:transparent;color:var(--cyan);font-size:9.5px;font-weight:800;cursor:pointer;white-space:nowrap}
.community-stack-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 4px 0}.community-stack-footer>span{font-size:9px;color:var(--muted)}.community-stack-footer>span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#42e0a8;margin-right:6px;box-shadow:0 0 10px #42e0a8}
.mod-grid.featured{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.split-section{gap:16px}.hot-panel,.creator-panel{min-height:330px}
.trust-strip{margin-top:24px;margin-bottom:18px}

/* Marketplace */
.marketplace-toolbar{grid-template-columns:minmax(260px,1fr) 180px auto;padding:10px;gap:9px;border-radius:15px}
.marketplace-toolbar .wide-search input,.marketplace-toolbar select{height:42px}
.marketplace-meta{margin:14px 0 16px}.tag-row{gap:7px}.tag{min-height:34px;padding:0 13px}
.mod-grid.catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.mod-card{border-radius:16px;overflow:hidden}.mod-cover{min-height:188px}.mod-body{padding:13px 14px 14px}

/* Forum */
.forum-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}
.forum-tools{display:grid;grid-template-columns:minmax(260px,1fr) 185px 150px;gap:9px;padding:10px;margin:12px 0 14px;border-radius:15px}
.forum-tools input,.forum-tools select{height:40px}
.result-note{font-size:9.5px;color:var(--muted);white-space:nowrap}
.discussion-panel{padding:15px}.forum-thread{padding:14px 12px}.forum-thread h4{font-size:12.5px;line-height:1.45}.forum-thread p{font-size:9.5px}
.forum-pager{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:14px}.forum-pager span{font-size:10px;color:var(--muted)}

/* Creators */
.creator-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.creator-card{padding:17px;border-radius:16px}.creator-bio{min-height:48px}.creator-stats b{font-size:14px}
.creator-avatar-lg.has-avatar{background-position:center!important;background-size:cover!important;color:transparent}

/* Detail pages */
.mod-detail-shell{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.mod-detail-aside{gap:12px}.detail-title-row h1{font-size:clamp(30px,3vw,44px)}
.thread-detail-layout{grid-template-columns:minmax(0,1fr) 275px;gap:18px}.question-card{padding:18px}.thread-rich-body{font-size:12.5px;line-height:1.75}

/* Dashboard additions */
.dashboard-extra-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}
.dashboard-extra-grid>.glass-panel{padding:16px}.activity-list-v88{display:grid;gap:8px;margin-top:10px}
.activity-item-v88{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}
.activity-item-v88>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(100,79,255,.1);color:var(--cyan);font-weight:800}.activity-item-v88 b{display:block;font-size:11px}.activity-item-v88 small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.activity-item-v88 em{font-size:9px;color:var(--muted);font-style:normal}
.creator-thread-manager{display:grid;gap:8px}.creator-thread-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.creator-thread-row:last-child{border-bottom:0}.creator-thread-row b{font-size:11px}.creator-thread-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}

/* Admin: focus on moderation while payments are paused */
.admin-shell{grid-template-columns:220px minmax(0,1fr);gap:18px}.admin-nav{padding:14px;position:sticky;top:82px;align-self:start}.admin-nav h2{font-size:20px}.admin-nav button{min-height:38px}
.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-system-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:14px}.admin-system-stat{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft)}.admin-system-stat small{display:block;color:var(--muted);font-size:8.5px}.admin-system-stat b{display:block;font-size:20px;margin-top:5px}
.admin-integrations-v88 .integration-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-queue-grid{gap:12px}.admin-queue{padding:15px}.admin-v8-row{padding:10px 0}

/* Wallet: payments intentionally paused */
.wallet-paused .wallet-hero{margin-bottom:14px}.payment-paused-pill{color:#f1c96e;border-color:rgba(241,201,110,.25);background:rgba(241,201,110,.06)}
.payment-pause-banner{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:15px 16px;margin:0 0 14px}.payment-pause-banner>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(241,201,110,.09);color:#f1c96e}.payment-pause-banner b{font-size:12px}.payment-pause-banner p{font-size:10px;line-height:1.55;color:var(--muted);margin:3px 0 0}.wallet-detail-grid.single{grid-template-columns:1fr}.wallet-detail-grid.single .transaction-panel{min-height:270px}

/* Footer */
.footer-v88{margin-top:12px}.footer-v88 .footer-v8{grid-template-columns:1.15fr 1fr auto;gap:36px}.footer-trust{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.footer-trust span{font-size:8.5px;padding:5px 7px;border-radius:999px;background:var(--panel-soft);border:1px solid var(--line);color:var(--muted)}.footer-v8-status{align-self:start;display:grid;grid-template-columns:8px auto;gap:4px 7px}.footer-v8-status small{grid-column:2;font-size:8.5px;color:var(--muted)}

/* Loading/empty states */
.v88-loading{position:relative;min-height:120px}.v88-loading:after{content:"";position:absolute;width:22px;height:22px;left:50%;top:48px;border:2px solid var(--line);border-top-color:var(--cyan);border-radius:50%;animation:v88spin .8s linear infinite}@keyframes v88spin{to{transform:rotate(360deg)}}
.empty-mini,.empty-library{line-height:1.55}

/* Light theme readability */
html[data-theme="light"] .community-stack,html[data-theme="light"] .forum-tools,html[data-theme="light"] .payment-pause-banner{background:rgba(255,255,255,.94);box-shadow:0 18px 45px rgba(37,58,92,.08)}
html[data-theme="light"] .community-feature{background:#f6f8fd}html[data-theme="light"] .community-feature small,html[data-theme="light"] .activity-item-v88 small,html[data-theme="light"] .creator-thread-row small{color:#617087}
html[data-theme="light"] .footer-trust span{background:#f6f8fc;color:#5d6a80}
html[data-theme="light"] .payment-paused-pill{color:#8a6317;background:#fff8e8;border-color:#efd99d}

@media(max-width:1080px){
 .hero-wrap{grid-template-columns:1fr 430px;gap:30px}.hero-copy h1{font-size:58px}.mod-grid.featured{grid-template-columns:repeat(3,1fr)}.creator-grid{grid-template-columns:repeat(2,1fr)}.admin-system-stats{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:880px){
 .hero-wrap{grid-template-columns:1fr;min-height:auto}.hero-community-stage{min-height:0}.community-stack{max-width:680px;width:100%}.mod-grid.featured,.mod-grid.catalog{grid-template-columns:repeat(2,1fr)}.forum-layout,.mod-detail-shell,.thread-detail-layout,.admin-shell{grid-template-columns:1fr}.forum-aside,.mod-detail-aside,.thread-aside-v8{position:static}.admin-nav{position:static;display:flex;gap:7px;overflow:auto}.admin-nav .kicker,.admin-nav h2{display:none}.admin-nav button{min-width:max-content}.dashboard-extra-grid{grid-template-columns:1fr}.footer-v88 .footer-v8{grid-template-columns:1fr 1fr}.footer-v8-status{grid-column:1/-1}
}
@media(max-width:640px){
 .page-shell{padding-top:26px}.hero-wrap{padding-top:34px;padding-bottom:32px}.hero-copy h1{font-size:48px}.hero-copy>p{font-size:12px}.community-feature{grid-template-columns:34px 1fr}.community-feature>span{width:34px;height:34px}.community-feature button{grid-column:2;justify-self:start}.community-stack-footer{align-items:flex-start;flex-direction:column}.mod-grid.featured,.mod-grid.catalog,.creator-grid{grid-template-columns:1fr}.forum-tools{grid-template-columns:1fr}.marketplace-toolbar{grid-template-columns:1fr}.marketplace-view{justify-self:end}.payment-pause-banner{grid-template-columns:36px 1fr}.payment-pause-banner .soft-btn{grid-column:2;justify-self:start}.admin-system-stats{grid-template-columns:repeat(2,1fr)}.admin-metrics{grid-template-columns:1fr 1fr}.footer-v88 .footer-v8{grid-template-columns:1fr}.footer-v8-links{grid-template-columns:repeat(3,1fr);gap:12px}.footer-bottom{gap:12px;flex-direction:column;align-items:flex-start}.footer-bottom>div{flex-wrap:wrap}.activity-item-v88{grid-template-columns:32px 1fr}.activity-item-v88 em{display:none}
}
.creator-mini-button{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.creator-mini-button:hover{background:var(--panel-soft)}


/* ===== V8.8.2 Guest account dropdown + auth actions ===== */
.guest-auth-top{display:flex;align-items:center;gap:8px}
.guest-auth-top button{height:40px;border-radius:11px;padding:0 15px;font-size:11px;font-weight:800;cursor:pointer;transition:.18s ease}
.guest-login-top{border:1px solid rgba(132,161,210,.22);background:rgba(255,255,255,.035);color:var(--text)}
.guest-login-top:hover{border-color:rgba(91,132,255,.5);background:rgba(91,132,255,.08)}
.guest-register-top{border:1px solid rgba(120,92,255,.55);background:linear-gradient(135deg,#724cff,#377fff);color:#fff;box-shadow:0 8px 24px rgba(85,75,255,.2)}
.guest-register-top:hover{filter:brightness(1.06);transform:translateY(-1px)}
body[data-role="guest"] #profileMenuBtn{display:none!important}
body:not([data-role="guest"]) #guestAuthTop{display:none!important}
body[data-role="guest"] #memberProfileMenu{display:none!important}
body:not([data-role="guest"]) #guestProfileActions{display:none!important}

.profile-menu{width:300px!important;padding:13px!important;border-color:rgba(129,158,209,.2)!important;background:linear-gradient(155deg,rgba(13,23,40,.985),rgba(7,13,25,.985))!important}
.profile-menu-head{padding:7px 7px 12px!important;border-bottom:1px solid rgba(132,161,210,.12);margin-bottom:10px}
.profile-menu-head .avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#7653ff,#268cff);color:#fff;font-size:10px;font-weight:900}
.profile-menu-head b{font-size:12px}.profile-menu-head small{font-size:9.5px!important;color:#8d9bb5!important}
.guest-profile-actions{display:grid;gap:8px}
.guest-profile-note{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:11px;border:1px solid rgba(128,157,208,.14);border-radius:12px;background:rgba(94,115,170,.055)}
.guest-profile-note>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(76,209,255,.09);color:#51d9ff;font-weight:900}
.guest-profile-note div{display:grid;gap:3px}.guest-profile-note b{font-size:10.5px;color:var(--text)}.guest-profile-note small{font-size:9px;line-height:1.45;color:#8896b0}
.guest-profile-actions>button{height:40px!important;border-radius:10px!important;justify-content:center!important;text-align:center!important;font-size:11px!important;font-weight:800!important;padding:0 14px!important;cursor:pointer!important}
.guest-menu-primary{border:1px solid rgba(116,86,255,.58)!important;background:linear-gradient(135deg,#7149ff,#397fff)!important;color:#fff!important}
.guest-menu-secondary{border:1px solid rgba(129,159,213,.2)!important;background:rgba(255,255,255,.035)!important;color:var(--text)!important}
.guest-menu-primary:hover,.guest-menu-secondary:hover{filter:brightness(1.08)}
.member-profile-menu{display:grid;gap:2px}
.member-profile-menu>button{width:100%;height:39px;display:flex;align-items:center;gap:9px;border:0;border-radius:9px;background:transparent;color:#aab6cb;padding:0 10px;text-align:left;font-size:10.5px;cursor:pointer}
.member-profile-menu>button:hover{background:rgba(102,128,190,.09);color:#f5f7ff}
.member-profile-menu>button span{width:20px;text-align:center}.member-profile-menu>i{height:1px;background:rgba(132,161,210,.12);display:block;margin:6px}
.member-profile-menu .profile-menu-coins{margin-bottom:5px;background:linear-gradient(135deg,rgba(49,213,255,.07),rgba(112,78,255,.07));border-color:rgba(106,156,223,.18)}

html[data-theme="light"] .profile-menu{background:linear-gradient(155deg,#fff,#f6f8fd)!important;border-color:rgba(43,67,106,.14)!important;box-shadow:0 26px 70px rgba(45,64,98,.18)!important}
html[data-theme="light"] .profile-menu-head{border-color:rgba(43,67,106,.1)}
html[data-theme="light"] .guest-profile-note{background:#f7f9fd;border-color:rgba(43,67,106,.11)}
html[data-theme="light"] .guest-profile-note small{color:#64728a}
html[data-theme="light"] .member-profile-menu>button{color:#5c6980}
html[data-theme="light"] .member-profile-menu>button:hover{background:#eef3fb;color:#17223a}
html[data-theme="light"] .guest-login-top,html[data-theme="light"] .guest-menu-secondary{background:#fff;color:#23314a;border-color:rgba(43,67,106,.16)!important}

@media(max-width:1080px){.guest-auth-top button{padding:0 12px}.guest-register-top{display:none}}
@media(max-width:760px){.guest-auth-top{gap:6px}.guest-auth-top button{height:36px;padding:0 11px;font-size:10px}.profile-menu{right:10px!important;left:10px!important;width:auto!important}}
@media(max-width:560px){.guest-auth-top .guest-login-top{display:none}.guest-auth-top .guest-register-top{display:inline-flex;align-items:center}}

/* V8.8.3 — direct image upload + inline Admin moderation */
.admin-quick{position:absolute;top:10px;right:10px;z-index:28}.admin-quick-trigger{width:32px;height:30px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(5,9,18,.74);color:#fff;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(12px);cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.22)}.admin-quick-trigger:hover{border-color:rgba(123,99,255,.55);background:rgba(27,25,64,.9)}.admin-quick-menu{position:absolute;right:0;top:36px;width:200px;padding:7px;display:none;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel2) 94%,#05070d 6%);box-shadow:0 20px 60px rgba(0,0,0,.42);backdrop-filter:blur(22px)}.admin-quick.open .admin-quick-menu{display:grid;gap:3px}.admin-quick-menu>b{padding:7px 9px 6px;font-size:9px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.admin-quick-menu button{width:100%;border:0;border-radius:8px;padding:9px 10px;background:transparent;color:var(--text);font-size:10.5px;text-align:left;cursor:pointer}.admin-quick-menu button:hover{background:rgba(123,99,255,.12)}.admin-quick-menu button.danger{color:#ff8c98}.admin-quick-menu button.danger:hover{background:rgba(255,77,98,.1)}
.thread-row,.forum-thread{position:relative}.thread-admin-quick{top:50%;right:8px;transform:translateY(-50%)}.thread-row:has(.thread-admin-quick){padding-right:47px}.forum-thread:has(.thread-admin-quick){padding-right:52px}.forum-thread .thread-admin-quick{top:14px;transform:none}.admin-hidden-content{opacity:.72;outline:1px dashed rgba(255,184,76,.34);outline-offset:-1px}.admin-hidden-badge,.hidden-flag{background:rgba(255,174,64,.16)!important;color:#ffc268!important;border-color:rgba(255,174,64,.22)!important}.editor-uploading{opacity:.62;cursor:progress}.editor-tools button[data-editor-kind="image-upload"],.editor-toolbar button[data-editor-kind="image-upload"]{color:#8be9ff;border-color:rgba(67,210,255,.18)}
html[data-theme="light"] .admin-quick-trigger{background:rgba(255,255,255,.92);color:#28354d;border-color:#ccd7e8;box-shadow:0 7px 18px rgba(33,51,82,.12)}html[data-theme="light"] .admin-quick-menu{background:rgba(255,255,255,.98);box-shadow:0 20px 50px rgba(36,52,80,.16)}html[data-theme="light"] .admin-hidden-content{outline-color:rgba(182,113,18,.35)}
@media(max-width:760px){.admin-quick-menu{width:184px}.forum-thread:has(.thread-admin-quick){padding-right:44px}.thread-row:has(.thread-admin-quick){padding-right:42px}.admin-quick-trigger{width:30px;height:29px}}
.admin-detail-actions{display:flex;align-items:center;gap:7px;margin-left:auto;padding-left:8px}.admin-detail-actions>span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#b7a3ff}.admin-detail-actions button{height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:rgba(123,99,255,.08);color:var(--text);font-weight:800;font-size:10px;cursor:pointer}.admin-detail-actions button:hover{border-color:rgba(123,99,255,.4)}.admin-detail-actions button.danger{color:#ff8b97;background:rgba(255,77,98,.07)}@media(max-width:760px){.admin-detail-actions{width:100%;margin-left:0;padding-left:0;flex-wrap:wrap}.admin-detail-actions>span{width:100%}}

/* V8.9 account system */
.account-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.account-overview-card{padding:20px}.account-overview-card h3{font-size:20px;margin:7px 0 4px}.account-overview-card>p{color:var(--muted);font-size:12px}.account-facts{display:grid;gap:0;margin-top:16px}.account-facts>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line)}.account-facts span{color:var(--muted);font-size:11px}.account-facts b{font-size:11px;text-align:right}.account-role-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.account-danger-zone{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.account-danger-zone p{color:var(--muted);font-size:12px;margin-top:4px}.account-danger-zone>div:last-child{display:flex;gap:8px}.danger-soft{border-color:rgba(255,92,115,.35)!important;color:#ff8798!important}.ready-pill.danger{background:rgba(255,92,115,.1);border-color:rgba(255,92,115,.25);color:#ff8798}.twofa-secret-box{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);margin:14px 0}.twofa-secret-box small{display:block;color:var(--muted);margin-bottom:5px}.twofa-secret-box code{font-size:14px;word-break:break-all}.recovery-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0}.recovery-code-grid code{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);text-align:center;font-size:14px;letter-spacing:1px}.danger-text{color:#ff6f85!important}@media(max-width:900px){.account-overview-grid{grid-template-columns:1fr}.account-danger-zone{align-items:flex-start;flex-direction:column}.account-danger-zone>div:last-child{width:100%}.account-danger-zone button{flex:1}}@media(max-width:520px){.recovery-code-grid{grid-template-columns:1fr}.account-danger-zone>div:last-child{flex-direction:column}.account-danger-zone button{width:100%}}

.admin-account-tools{display:grid;grid-template-columns:minmax(220px,1fr) 170px 180px;gap:10px;margin:0 0 12px}.admin-account-tools input,.admin-account-tools select{height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text);padding:0 11px}.admin-account-row{display:grid;grid-template-columns:minmax(250px,1.2fr) minmax(220px,.8fr) auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.admin-account-identity{display:flex;align-items:center;gap:10px}.admin-account-identity small{display:block;color:var(--muted);margin-top:3px}.admin-account-meta{display:flex;gap:8px;flex-wrap:wrap}.admin-account-meta span{font-size:10px;padding:5px 7px;border-radius:999px;background:var(--surface2);border:1px solid var(--line)}.admin-user-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.admin-user-detail-grid>div{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}.admin-user-detail-grid span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.admin-user-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-user-detail-actions button{min-height:36px;border:1px solid var(--line);border-radius:10px;padding:0 11px;background:var(--surface2);color:var(--text)}@media(max-width:900px){.admin-account-tools{grid-template-columns:1fr}.admin-account-row{grid-template-columns:1fr}.admin-user-detail-grid{grid-template-columns:1fr}}


/* ===== v9.0.css ===== */
/* ModPro V9.0 — identity + progression */
:root{--role-admin-1:#ffd166;--role-admin-2:#ff5d8f;--role-creator-1:#9b7cff;--role-creator-2:#28d8ff;--role-user:#9aa7bd}
.role-name{font-weight:800;letter-spacing:.01em;display:inline-block;vertical-align:middle}.role-name.user{color:var(--text)}.role-name.creator,.role-name.admin{background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:roleFlow 3.2s linear infinite}.role-name.creator{background-image:linear-gradient(90deg,var(--role-creator-1),var(--role-creator-2),#b184ff,var(--role-creator-1))}.role-name.admin{background-image:linear-gradient(90deg,#ffd166,#ff7a59,#ff4d9a,#ffd166);text-shadow:0 0 18px rgba(255,151,61,.15)}
@keyframes roleFlow{to{background-position:220% 0}}
.role-identity-chip{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:2px 7px;border-radius:999px;font-size:8px;line-height:1.4;font-weight:900;letter-spacing:.08em;vertical-align:middle;border:1px solid transparent}.role-identity-chip.user{color:#9aa7bd;background:rgba(148,163,184,.09);border-color:rgba(148,163,184,.15)}.role-identity-chip.creator{color:#c7b6ff;background:rgba(124,88,255,.13);border-color:rgba(105,206,255,.2);box-shadow:0 0 16px rgba(86,110,255,.08)}.role-identity-chip.admin{color:#ffd979;background:linear-gradient(90deg,rgba(255,176,59,.16),rgba(255,73,143,.12));border-color:rgba(255,196,89,.3);box-shadow:0 0 18px rgba(255,135,62,.1)}
.equipped-title{display:inline-flex;margin-left:6px;font-size:8px;padding:2px 6px;border-radius:999px;color:#d8c7ff;background:rgba(128,80,255,.09);border:1px solid rgba(141,106,255,.18);vertical-align:middle;white-space:nowrap}

/* Google OTP */
.google-otp-card{max-width:430px;text-align:center}.google-icon{background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);color:white}.otp-six input{width:220px;max-width:100%;margin:12px auto 4px;text-align:center;font-size:26px;font-weight:900;letter-spacing:.35em;padding-left:.35em}.otp-dev{display:block;margin-top:10px;padding:9px;border-radius:10px;background:rgba(245,158,11,.1);color:#f6c453;border:1px solid rgba(245,158,11,.2)}

/* Rewards */
.rewards-shell{padding-top:52px;padding-bottom:80px}.rewards-title{align-items:flex-end}.rewards-profile-chip{display:flex;align-items:center;gap:12px;min-width:250px;padding:12px 14px;border:1px solid var(--line);background:var(--panel);border-radius:16px}.reward-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#6d4aff,#22d3ee);color:white}.rewards-profile-chip b{font-size:13px}.rewards-profile-chip small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.rewards-tabs,.leaderboard-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 22px;padding:6px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.rewards-tabs button,.leaderboard-tabs button{border:0;background:transparent;color:var(--muted);padding:10px 15px;border-radius:10px;font-weight:800;cursor:pointer}.rewards-tabs button.active,.leaderboard-tabs button.active{color:#fff;background:linear-gradient(135deg,#6847ff,#287fff);box-shadow:0 8px 24px rgba(82,77,255,.18)}.rewards-pane{display:none}.rewards-pane.active{display:block}.reward-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.reward-summary{padding:18px;display:flex;align-items:center;gap:14px}.reward-summary>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(102,75,255,.13);font-size:21px}.reward-summary small,.reward-summary em{display:block;font-style:normal;color:var(--muted);font-size:9px}.reward-summary b{display:block;font-size:22px;margin:3px 0}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.achievement-card{position:relative;padding:17px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;overflow:hidden}.achievement-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--a1,#6d4aff),var(--a2,#22d3ee));opacity:.45}.achievement-card.unlocked{border-color:rgba(94,222,180,.2)}.achievement-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(106,78,255,.12);font-size:22px}.achievement-head{display:flex;justify-content:space-between;gap:10px}.achievement-head h3{font-size:14px}.achievement-head span{font-size:8px;color:#a997ff;text-transform:uppercase}.achievement-copy p{color:var(--muted);font-size:10px;margin:5px 0 9px}.achievement-progress{height:5px;background:rgba(148,163,184,.1);border-radius:99px;overflow:hidden}.achievement-progress i{display:block;height:100%;background:linear-gradient(90deg,#754bff,#20c9ef);border-radius:inherit}.achievement-copy>small{display:block;margin-top:7px;color:var(--muted);font-size:9px}.claimed-stamp,.locked-stamp{font-size:9px;font-weight:800;color:#5ee3b5;white-space:nowrap}.locked-stamp{color:var(--muted)}
.badge-vault,.badge-catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.badge-card{position:relative;text-align:center;padding:20px 12px;border:1px solid color-mix(in srgb,var(--b1) 25%,var(--line));border-radius:16px;background:linear-gradient(160deg,color-mix(in srgb,var(--b1) 10%,var(--panel)),color-mix(in srgb,var(--b2) 6%,var(--panel)));overflow:hidden}.badge-icon{width:62px;height:62px;margin:0 auto 12px;display:grid;place-items:center;border-radius:20px;font-size:27px;color:white;background:linear-gradient(135deg,var(--b1),var(--b2));box-shadow:0 12px 34px color-mix(in srgb,var(--b1) 18%,transparent)}.badge-icon.animated{animation:badgeFloat 3s ease-in-out infinite}.badge-card b,.badge-mini b{display:block;font-size:12px}.badge-card small{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin:6px 0}.badge-card em{font-style:normal;font-size:8px;text-transform:uppercase;color:color-mix(in srgb,var(--b1) 85%,white)}@keyframes badgeFloat{50%{transform:translateY(-4px) rotate(2deg);filter:brightness(1.1)}}.badge-catalog{margin-top:12px}.badge-mini{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:10px;background:var(--panel);opacity:.66}.badge-mini.owned{opacity:1;border-color:color-mix(in srgb,var(--b1) 25%,var(--line))}.badge-mini>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--b1),var(--b2));color:#fff}.badge-mini>div{flex:1}.badge-mini small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.badge-mini em{font-size:8px;font-style:normal;color:var(--muted)}
.title-vault{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.title-card{padding:18px}.title-preview{display:block;font-size:18px;font-weight:950;background:linear-gradient(90deg,var(--t1),var(--t2),var(--t1));background-size:200% 100%;-webkit-background-clip:text;color:transparent}.title-preview.animated{animation:roleFlow 3s linear infinite}.title-card p{font-size:10px;color:var(--muted);min-height:32px}.title-card.equipped{box-shadow:0 0 0 1px color-mix(in srgb,var(--t1) 25%,transparent),0 16px 40px color-mix(in srgb,var(--t1) 8%,transparent)}
.mission-warning{display:flex;gap:12px;align-items:flex-start;padding:15px;margin-bottom:14px}.mission-warning>span{font-size:22px}.mission-warning b{display:block}.mission-warning small{display:block;color:var(--muted);line-height:1.55;margin-top:3px}.mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mission-card{padding:18px;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:14px}.mission-card.cooldown{opacity:.68}.mission-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,189,46,.17),rgba(117,68,255,.16));font-size:23px}.mission-card h3{font-size:14px;margin:3px 0}.mission-card p{font-size:10px;color:var(--muted);line-height:1.5}.mission-reward{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.mission-reward>*{font-size:8px;border:1px solid var(--line);border-radius:999px;padding:4px 7px}.mission-reward b{color:#5de3bd}
.leaderboard-table{overflow:hidden}.leaderboard-head,.leaderboard-row{display:grid;grid-template-columns:55px minmax(220px,1fr) 140px 120px;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid var(--line)}.leaderboard-head{font-size:8px;color:var(--muted);font-weight:900;letter-spacing:.08em}.leaderboard-row>div{display:flex;align-items:center;gap:10px}.lb-avatar{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#6046de,#147ba4);font-size:9px;font-weight:900;color:#fff}.leaderboard-row strong{display:block;font-size:11px}.leaderboard-row small{font-size:8px;color:var(--muted)}.leaderboard-row em{font-style:normal;font-weight:900;text-align:right}.rank-1{background:linear-gradient(90deg,rgba(245,158,11,.08),transparent)}.rank-2{background:linear-gradient(90deg,rgba(148,163,184,.07),transparent)}.rank-3{background:linear-gradient(90deg,rgba(180,83,9,.07),transparent)}

/* Admin gamification */
.admin-gamification{margin-top:18px}.admin-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.admin-game-grid>div{border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(255,255,255,.015)}.admin-game-grid h4{margin:0 0 12px}.admin-game-grid label{display:block;font-size:9px;color:var(--muted);margin:9px 0}.admin-game-grid input,.admin-game-grid select{width:100%;margin-top:5px}.admin-game-grid button{margin:4px 4px 4px 0}.admin-form-hint{display:block;color:var(--muted);font-size:8px;line-height:1.5;margin:7px 0}.admin-mission-list>div{padding:8px 0;border-bottom:1px solid var(--line)}.admin-mission-list b,.admin-mission-list small{display:block}.admin-mission-list small{color:var(--muted);font-size:8px;margin:3px 0}.admin-game-grid #rewardUserResults{max-height:160px;overflow:auto}.admin-game-grid #rewardUserResults button{width:100%;display:flex;justify-content:space-between;text-align:left;background:transparent;border:1px solid var(--line);border-radius:9px;padding:8px}.admin-game-grid #rewardUserResults button.selected{border-color:#7b61ff;background:rgba(123,97,255,.1)}.admin-game-grid #rewardUserResults small{color:var(--muted)}

[data-theme="light"] .role-name.user{color:#1f2a44}[data-theme="light"] .role-identity-chip.user{color:#64748b;background:#eef2f7}[data-theme="light"] .achievement-card,[data-theme="light"] .mission-card,[data-theme="light"] .badge-mini{background:rgba(255,255,255,.75)}
@media(max-width:980px){.achievement-grid,.mission-grid{grid-template-columns:1fr}.badge-vault,.badge-catalog{grid-template-columns:repeat(3,1fr)}.title-vault,.admin-game-grid{grid-template-columns:1fr 1fr}.reward-summary-grid{grid-template-columns:1fr 1fr}.leaderboard-head,.leaderboard-row{grid-template-columns:45px minmax(160px,1fr) 110px 85px}}
@media(max-width:700px){.nav-rewards{display:none}.rewards-title{align-items:flex-start}.rewards-profile-chip{width:100%;margin-top:12px}.reward-summary-grid,.title-vault,.admin-game-grid{grid-template-columns:1fr}.badge-vault,.badge-catalog{grid-template-columns:repeat(2,1fr)}.achievement-card{grid-template-columns:44px 1fr}.achievement-card>.btn,.achievement-card>.claimed-stamp,.achievement-card>.locked-stamp{grid-column:2}.mission-card{grid-template-columns:42px 1fr}.mission-card>button{grid-column:2;width:100%}.leaderboard-head{display:none}.leaderboard-row{grid-template-columns:38px 1fr 80px}.leaderboard-row>span{display:none}.leaderboard-row em{text-align:right}.rewards-tabs{overflow-x:auto;flex-wrap:nowrap}.rewards-tabs button{white-space:nowrap}}

/* Public badge rack */
.public-badge-rack{display:flex;flex-direction:column;gap:8px;margin-top:10px}.public-badge-pill{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:11px;border:1px solid color-mix(in srgb,var(--b1) 24%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--b1) 8%,var(--panel)),color-mix(in srgb,var(--b2) 5%,var(--panel)))}.public-badge-pill i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;font-style:normal;color:white;background:linear-gradient(135deg,var(--b1),var(--b2));box-shadow:0 6px 18px color-mix(in srgb,var(--b1) 15%,transparent)}.public-badge-pill small{font-size:9px;font-weight:800;color:var(--text)}.public-achievement-link{width:100%;margin-top:10px}.muted{color:var(--muted);font-size:9px}


/* ===== v9.1.css ===== */
/* ModPro V9.1 — editorial forum / post system */
:root{--post-card:#0c1527;--post-card-2:#101c31;--post-soft:#8d9bb2;--post-line:rgba(124,145,188,.18)}
.forum-thread-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}
.forum-post-card{min-width:0;overflow:hidden;border:1px solid var(--post-line);border-radius:18px;background:linear-gradient(155deg,rgba(16,27,47,.98),rgba(8,15,28,.98));box-shadow:0 18px 46px rgba(0,0,0,.13);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;position:relative}
.forum-post-card:hover{transform:translateY(-3px);border-color:rgba(101,121,255,.45);box-shadow:0 24px 58px rgba(0,0,0,.22),0 0 0 1px rgba(100,91,255,.05)}
.forum-post-card.is-announcement{border-color:rgba(56,214,183,.35)}.forum-post-card.is-pinned:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(113,75,255,.055),transparent 42%)}
.forum-post-cover{height:138px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;padding:13px}
.forum-post-cover:after{content:"";position:absolute;inset:auto 0 0;height:54%;background:linear-gradient(transparent,rgba(7,11,20,.68));pointer-events:none}.forum-post-cover>span{position:relative;z-index:1;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.06em;background:rgba(7,12,23,.72);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(12px);color:#ecf4ff}.forum-post-cover.generated{background:radial-gradient(circle at 80% 20%,rgba(38,201,224,.18),transparent 28%),radial-gradient(circle at 20% 80%,rgba(118,73,255,.28),transparent 34%),linear-gradient(135deg,#18223c,#0b1221)}.forum-post-cover.generated>i{position:absolute;right:20px;top:20px;font-style:normal;font-size:54px;color:rgba(255,255,255,.2);filter:drop-shadow(0 0 25px rgba(99,89,255,.22))}
.forum-post-content{padding:16px 17px 15px}.forum-post-flags{display:flex;gap:6px;flex-wrap:wrap;min-height:19px}.post-flag{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.04em;border:1px solid rgba(129,105,255,.2);background:rgba(112,83,255,.1);color:#c4b7ff}.post-flag.announce{color:#65e6c4;background:rgba(39,196,160,.09);border-color:rgba(52,214,177,.22)}.post-flag.locked{color:#f2bd78;background:rgba(242,180,98,.08)}.post-flag.hidden{color:#ffc66b;background:rgba(255,183,73,.1)}
.forum-post-card h3{font-size:16px;line-height:1.35;margin:9px 0 8px;color:var(--text);letter-spacing:-.015em}.forum-post-excerpt{min-height:42px;margin:0;color:var(--post-soft);font-size:11px;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.forum-post-tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.forum-post-tags span{font-size:8.5px;color:#9fdcff;padding:4px 7px;border:1px solid rgba(58,183,239,.14);background:rgba(40,159,222,.07);border-radius:999px}
.forum-post-footer{border-top:1px solid var(--post-line);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.forum-post-author{display:flex;align-items:center;min-width:0;gap:8px}.forum-post-author>div{min-width:0}.forum-post-author strong{display:block;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-post-author small{display:block;color:var(--muted);font-size:8.5px;margin-top:2px}.post-avatar{width:31px;height:31px;flex:0 0 31px;border-radius:10px;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:9px;font-weight:900;background:linear-gradient(135deg,#694cff,#288bff);box-shadow:0 8px 18px rgba(66,85,244,.18)}.post-avatar img{width:100%;height:100%;object-fit:cover}.post-role-chip{padding:3px 6px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.07em;white-space:nowrap}.post-role-chip.user{color:#9ba9bf;background:rgba(148,163,184,.09)}.post-role-chip.creator{color:#b8dfff;background:linear-gradient(90deg,rgba(124,88,255,.15),rgba(34,211,238,.11));border:1px solid rgba(95,169,255,.18)}.post-role-chip.admin{color:#ffd777;background:linear-gradient(90deg,rgba(245,158,11,.16),rgba(236,72,153,.12));border:1px solid rgba(251,191,36,.23)}.post-mini-badge{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;font-size:10px;background:linear-gradient(135deg,var(--pb1),var(--pb2));color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--pb1) 22%,transparent)}
.forum-post-stats{display:flex;gap:8px;flex:none}.forum-post-stats span{display:flex;align-items:center;gap:3px;color:var(--muted);font-size:8.5px;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.025)}.forum-post-stats b{color:var(--text);font-size:9px}
/* Home hot discussions */
#hotThreads{display:grid;gap:8px}.home-thread-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid transparent;border-bottom-color:var(--line);border-radius:11px;transition:.18s ease}.home-thread-card:hover{background:rgba(104,86,255,.06);border-color:rgba(104,86,255,.12)}.home-thread-accent{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(117,77,255,.19),rgba(28,193,226,.12));color:#a99aff}.home-thread-card b{display:block;font-size:10.5px;line-height:1.35;margin-top:3px}.home-thread-card>div>small{display:block;color:var(--muted);font-size:8.5px;margin-top:4px}.home-thread-card>span{text-align:center;color:var(--text);font-weight:900;font-size:11px}.home-thread-card>span small{display:block;color:var(--muted);font-size:7px;font-weight:600;margin-top:2px}.home-thread-flags{display:flex;gap:4px;flex-wrap:wrap}.home-thread-flags .post-flag{font-size:6.5px;padding:2px 5px}
/* Detail article */
.thread-post-premium{border-radius:20px!important;background:linear-gradient(155deg,rgba(15,25,44,.98),rgba(8,14,26,.98))!important;border-color:rgba(105,125,171,.2)!important;box-shadow:0 22px 60px rgba(0,0,0,.16)}.thread-post-premium.thread-announcement{border-color:rgba(63,213,179,.27)!important}.thread-post-premium .question-content h1{font-size:34px;letter-spacing:-.025em;max-width:850px}.thread-post-premium .thread-author-row{background:rgba(255,255,255,.018);margin:14px -3px 20px;padding:12px;border-radius:14px;border:1px solid rgba(120,141,183,.1)}#threadAuthorMeta{display:flex!important;align-items:center;gap:6px!important;flex-wrap:wrap}.forum-detail-tags{margin-bottom:10px}.forum-article-body{font-size:13.5px!important;line-height:1.82!important;color:#c9d3e4}.forum-article-body p{margin:0 0 16px}.forum-article-body h2,.forum-article-body h3{color:var(--text);margin:24px 0 10px}.forum-article-body img{display:block;width:min(100%,900px);max-height:600px;object-fit:contain;margin:20px auto;border-radius:16px;border:1px solid rgba(127,145,190,.2);background:#080d17;box-shadow:0 18px 48px rgba(0,0,0,.2)}.forum-article-body a{color:#67c9ff;text-decoration:none;border-bottom:1px solid rgba(103,201,255,.25)}.forum-article-body blockquote{margin:18px 0;padding:13px 16px;border-left:3px solid #7862ff;background:rgba(114,88,255,.07);border-radius:0 12px 12px 0;color:#aab7ca}.forum-article-body code{background:rgba(120,137,173,.1);padding:2px 5px;border-radius:5px}.reply-card-v91{border-radius:16px!important;background:linear-gradient(150deg,rgba(16,26,44,.9),rgba(10,17,30,.92))!important}.reply-card-v91 .post-author b{font-size:11px}.reply-card-v91 .rich-text{font-size:12px;line-height:1.72;color:#c1cce0}
/* Composer */
.thread-compose-v91 .modal-card{border-radius:20px}.thread-compose-v91 textarea{font-size:12px;line-height:1.7}.reply-editor-v91{border-radius:16px}
/* Light mode */
html[data-theme="light"]{--post-card:#fff;--post-card-2:#f7f9fd;--post-soft:#65738a;--post-line:rgba(65,82,116,.14)}html[data-theme="light"] .forum-post-card{background:linear-gradient(155deg,#fff,#f7f9fd);box-shadow:0 15px 38px rgba(31,48,79,.08)}html[data-theme="light"] .forum-post-cover.generated{background:radial-gradient(circle at 80% 20%,rgba(38,201,224,.13),transparent 28%),radial-gradient(circle at 20% 80%,rgba(118,73,255,.18),transparent 34%),linear-gradient(135deg,#edf2ff,#f8fbff)}html[data-theme="light"] .forum-post-cover.generated>i{color:rgba(87,78,190,.18)}html[data-theme="light"] .forum-post-stats span{background:#f3f6fb}html[data-theme="light"] .thread-post-premium{background:linear-gradient(155deg,#fff,#f8faff)!important;box-shadow:0 18px 50px rgba(38,54,86,.08)}html[data-theme="light"] .forum-article-body{color:#47566f}html[data-theme="light"] .forum-article-body img{background:#f4f7fb}html[data-theme="light"] .reply-card-v91{background:linear-gradient(150deg,#fff,#f8faff)!important}
@media(max-width:980px){.forum-thread-list{grid-template-columns:1fr}.forum-post-cover{height:150px}.thread-post-premium .question-content h1{font-size:28px}}
@media(max-width:620px){.forum-post-card{border-radius:15px}.forum-post-cover{height:122px}.forum-post-content{padding:13px}.forum-post-card h3{font-size:14px}.forum-post-footer{align-items:flex-start;flex-direction:column}.forum-post-stats{width:100%;justify-content:space-between}.forum-post-stats span{flex:1;justify-content:center}.post-role-chip,.post-mini-badge{display:none}.thread-post-premium .question-content h1{font-size:24px}.forum-article-body{font-size:12.5px!important}}


/* ===== v9.2.css ===== */
/* ModPro V9.2 — OTP verification polish + auth UX */
.otp-modal-backdrop{backdrop-filter:blur(16px);background:rgba(2,6,16,.76)}
.otp-verification-card{position:relative;width:min(520px,calc(100vw - 28px));padding:32px 30px 26px;text-align:center;border:1px solid rgba(124,92,255,.24);box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 70px rgba(95,70,255,.09)}
.otp-verification-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% -20%,rgba(121,91,255,.18),transparent 42%)}
.otp-verification-card>*{position:relative;z-index:1}
.otp-brand-orb{width:58px;height:58px;border-radius:18px;margin:0 auto 14px;display:grid;place-items:center;font-size:25px;font-weight:900;color:#fff;box-shadow:0 16px 36px rgba(50,45,120,.26)}
.otp-brand-orb.google{background:conic-gradient(from 205deg,#4285f4,#34a853,#fbbc05,#ea4335,#4285f4)}
.otp-brand-orb.mail{background:linear-gradient(135deg,#7658ff,#2f8cff 55%,#22d3ee)}
.otp-verification-card h2{font-size:26px;line-height:1.12;margin:7px 0 9px;letter-spacing:-.025em}
.otp-verification-card>p{margin:0 auto 23px;max-width:400px;color:var(--muted,#8d9bb4);font-size:13px;line-height:1.65}
.otp-verification-card>p b{color:var(--text,#f4f6fb)}
.otp-digit-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:414px;margin:0 auto}
.otp-digit{width:100%!important;height:62px!important;min-width:0;border-radius:14px!important;border:1px solid rgba(116,137,178,.28)!important;background:rgba(10,20,37,.78)!important;color:#f8f9ff!important;text-align:center!important;font-size:27px!important;font-weight:900!important;line-height:1!important;letter-spacing:0!important;padding:0!important;outline:none;box-shadow:inset 0 1px rgba(255,255,255,.025);transition:border-color .16s,box-shadow .16s,transform .16s,background .16s}
.otp-digit:focus{border-color:#5fd9ff!important;background:rgba(16,29,51,.96)!important;box-shadow:0 0 0 3px rgba(42,185,255,.12),0 8px 26px rgba(20,100,220,.08)!important;transform:translateY(-1px)}
.otp-digit.filled{border-color:rgba(126,94,255,.72)!important;background:linear-gradient(180deg,rgba(103,77,255,.13),rgba(15,25,45,.94))!important}
.otp-digit.invalid{animation:otpShake .3s ease;border-color:#f45f78!important}
@keyframes otpShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.otp-meta{max-width:414px;margin:12px auto 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted,#8290aa);font-size:11px}
.otp-resend-link,.otp-stop-link{border:0;background:none;font:inherit;color:#62d8ff;cursor:pointer;padding:4px 0}
.otp-resend-link:hover,.otp-stop-link:hover{color:#9a83ff}
.otp-resend-link:disabled{opacity:.42;cursor:not-allowed}
.otp-confirm-btn{height:46px;max-width:414px;margin:0 auto;display:flex!important;align-items:center;justify-content:center}
.otp-stop-link{display:block;margin:11px auto 0;color:#8d9bb4}
.otp-dev{max-width:414px;margin:0 auto 13px!important;text-align:left}
.otp-verification-card .auth-security-note{display:block;max-width:414px;margin:17px auto 0;padding-top:15px;border-top:1px solid rgba(126,145,180,.12);line-height:1.55}
.google-auto-signup-note{display:block;margin:-1px 2px 13px;color:var(--muted,#7f8da5);font-size:10px;line-height:1.5;text-align:left}
.otp-cancel-x{top:14px!important;right:14px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.07)!important;color:#aeb9cc!important}
.otp-cancel-x:hover{background:rgba(244,95,120,.10)!important;color:#ff8498!important;border-color:rgba(244,95,120,.22)!important}
body.light .otp-modal-backdrop{background:rgba(220,228,247,.65)}
body.light .otp-verification-card{border-color:rgba(97,75,210,.17);box-shadow:0 30px 90px rgba(59,63,100,.18),0 0 60px rgba(90,75,210,.07)}
body.light .otp-digit{background:#f5f7fd!important;color:#18213b!important;border-color:#d7ddee!important}
body.light .otp-digit:focus{background:#fff!important;border-color:#4baee9!important;box-shadow:0 0 0 3px rgba(48,166,230,.13)!important}
body.light .otp-digit.filled{background:linear-gradient(180deg,#f0edff,#f9fbff)!important;border-color:#8774ef!important}
body.light .otp-verification-card>p b{color:#202945}
body.light .google-auto-signup-note{color:#78849a}
@media(max-width:580px){.otp-verification-card{padding:29px 18px 22px}.otp-digit-row{gap:7px}.otp-digit{height:55px!important;border-radius:12px!important;font-size:23px!important}.otp-meta{font-size:10px}.otp-verification-card h2{font-size:23px}}
@media(max-width:390px){.otp-digit-row{gap:5px}.otp-digit{height:50px!important;font-size:21px!important}.otp-verification-card{padding-left:14px;padding-right:14px}}


/* ===== v9.3.css ===== */
/* ModPro V9.3 — auth/OTP layout hardening */
.auth-v8{align-items:flex-start!important;padding-top:40px!important;padding-bottom:56px!important}
.auth-v8 .auth-card{max-height:none!important;overflow:visible!important;scrollbar-width:auto!important}
#loginOtpField.hidden{display:none!important}
#loginOtpField:not(.hidden){display:grid!important}

.otp-verification-card{width:min(500px,calc(100vw - 28px))!important;padding:30px 30px 24px!important;overflow:visible!important}
#googleOtpDigits,#emailOtpDigits,#passwordOtpDigits{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;max-width:414px!important;margin:0 auto!important}
#googleOtpDigits .otp-digit,#emailOtpDigits .otp-digit,#passwordOtpDigits .otp-digit{flex:0 0 58px!important;width:58px!important;height:60px!important;min-width:58px!important;max-width:58px!important;box-sizing:border-box!important;border-radius:14px!important;text-align:center!important;font-size:26px!important;font-weight:900!important;padding:0!important}
.otp-delivery-state{max-width:414px;margin:0 auto 14px;padding:10px 12px;border-radius:11px;border:1px solid rgba(90,211,255,.18);background:rgba(40,170,220,.07);color:#9fddf1;font-size:11px;line-height:1.5;text-align:left}
.otp-delivery-state.error{border-color:rgba(255,126,102,.22);background:rgba(255,94,75,.08);color:#ffc0b5}
.otp-delivery-state.success{border-color:rgba(52,211,153,.22);background:rgba(34,197,130,.07);color:#9ceacb}
.otp-meta{max-width:414px!important}
.otp-stop-link{min-height:34px;padding:6px 12px!important;border-radius:9px!important}
.otp-cancel-x{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;padding:0!important;border-radius:10px!important}
.password-new-card{width:min(430px,calc(100vw - 28px));text-align:left}
.password-new-card h2{margin:6px 0 5px}.password-new-card>p{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.55}

.auth-pane[data-auth-pane="login"] .google-auto-signup-note{font-size:11px!important;line-height:1.55!important;margin:2px 1px 8px!important}
.auth-card .auth-security-note{font-size:10px!important;line-height:1.55!important}

@media(max-width:760px){
 .auth-v8{padding-top:20px!important}
 .auth-v8 .auth-card{overflow:visible!important}
}
@media(max-width:520px){
 .otp-verification-card{padding:27px 16px 22px!important}
 #googleOtpDigits,#emailOtpDigits,#passwordOtpDigits{gap:6px!important}
 #googleOtpDigits .otp-digit,#emailOtpDigits .otp-digit,#passwordOtpDigits .otp-digit{flex-basis:46px!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:52px!important;font-size:22px!important;border-radius:11px!important}
 .otp-meta{font-size:10px!important}
}
@media(max-width:370px){
 #googleOtpDigits,#emailOtpDigits,#passwordOtpDigits{gap:4px!important}
 #googleOtpDigits .otp-digit,#emailOtpDigits .otp-digit,#passwordOtpDigits .otp-digit{flex-basis:42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:48px!important}
}


/* ===== v9.4.css ===== */
/* V9.4 auth flow cleanup */
#loginOtpField{display:none!important}
.auth-card{overflow:visible!important}
.otp-verification-card{width:min(440px,calc(100vw - 28px))!important;padding:28px!important}
.otp-digit-row{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;max-width:384px!important;width:100%!important;margin:20px auto 12px!important}
.otp-digit{width:100%!important;min-width:0!important;aspect-ratio:1/1!important;height:auto!important;max-height:58px!important;text-align:center!important;font-size:23px!important;font-weight:900!important;letter-spacing:0!important;border-radius:12px!important;padding:0!important}
.otp-delivery-state{max-width:384px;margin:0 auto 12px;padding:10px 12px;border-radius:11px;font-size:10px;line-height:1.5;border:1px solid var(--line);color:var(--muted);background:var(--panel-soft)}
.otp-delivery-state.success{border-color:rgba(48,210,160,.25);color:#6ce7bb;background:rgba(48,210,160,.07)}
.otp-delivery-state.error{border-color:rgba(255,104,123,.28);color:#ff9aaa;background:rgba(255,80,100,.07)}
.login-twofa-card .otp-brand-orb{background:linear-gradient(135deg,#7a5cff,#30c9ff)!important}
.login-twofa-card .twofa-help{font-size:9.5px;color:var(--muted);line-height:1.5;text-align:center;margin-top:10px}
@media(max-width:520px){.otp-verification-card{padding:22px 16px!important}.otp-digit-row{gap:6px!important}.otp-digit{font-size:20px!important;border-radius:10px!important}}

.auth-build-stamp{display:block;margin-top:8px;text-align:center;font-size:9px;color:var(--muted);opacity:.72;letter-spacing:.02em}

/* =========================================================
   ModPro V9.4.4 — richer content cards + pointer hover motion
   ========================================================= */
:root{--card-ease:cubic-bezier(.2,.72,.2,1)}

/* Mod cards: stronger hierarchy, sheen, cover motion and cursor-follow glow. */
.mod-card{
  --mx:50%;--my:50%;
  isolation:isolate;
  transform:translateZ(0);
  transition:transform .34s var(--card-ease),border-color .34s ease,box-shadow .34s ease,background .34s ease!important;
  box-shadow:0 12px 34px rgba(0,0,0,.14);
}
.mod-card::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;
  background:radial-gradient(260px circle at var(--mx) var(--my),rgba(123,102,255,.20),transparent 58%);
  transition:opacity .28s ease;
}
.mod-card::after{
  content:"MỞ MOD  →";position:absolute;z-index:5;right:13px;top:13px;
  padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.18);
  background:rgba(7,11,23,.66);backdrop-filter:blur(12px);color:#fff;
  font-size:7.5px;font-weight:900;letter-spacing:.12em;
  opacity:0;transform:translateY(-6px);transition:.26s var(--card-ease);pointer-events:none;
}
.mod-card>*{position:relative;z-index:1}
.mod-card:hover{
  transform:translateY(-9px) scale(1.012)!important;
  border-color:color-mix(in srgb,var(--c1) 58%,rgba(255,255,255,.26))!important;
  box-shadow:0 28px 64px rgba(0,0,0,.32),0 0 0 1px color-mix(in srgb,var(--c1) 28%,transparent),0 0 46px color-mix(in srgb,var(--c1) 18%,transparent)!important;
}
.mod-card:hover::before,.mod-card:hover::after{opacity:1}
.mod-card:hover::after{transform:translateY(0)}
.mod-cover{transition:filter .34s ease,transform .42s var(--card-ease)}
.mod-card:hover .mod-cover{filter:saturate(1.14) brightness(1.06);transform:scale(1.018)}
.mod-cover::before{transition:transform .5s var(--card-ease),opacity .35s ease}
.mod-cover::after{transition:transform .5s var(--card-ease),opacity .35s ease,filter .35s ease}
.mod-card:hover .mod-cover::before{transform:translate(-15px,14px) scale(1.14);opacity:.95}
.mod-card:hover .mod-cover::after{transform:rotate(-2deg) translate(-5px,-8px) scale(1.08);opacity:.44;filter:drop-shadow(0 20px 34px rgba(0,0,0,.30))}
.mod-card .badge{transition:transform .25s var(--card-ease),box-shadow .25s ease,border-color .25s ease}
.mod-card:hover .badge{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.mod-body{transition:background .32s ease}
.mod-card:hover .mod-body{background:linear-gradient(180deg,rgba(123,91,255,.035),transparent 72%)}
.mod-card .mod-title{transition:color .25s ease,transform .28s var(--card-ease);font-weight:820}
.mod-card:hover .mod-title{color:#fff;transform:translateX(2px)}
.mod-card .mod-snippet{transition:color .25s ease}
.mod-card:hover .mod-snippet{color:color-mix(in srgb,var(--text) 74%,var(--muted))}
.mod-card .mod-meta span{transition:color .22s ease,transform .22s ease}
.mod-card:hover .mod-meta span{color:#c8d7f6;transform:translateY(-1px)}
.mod-card .author-dot{transition:transform .3s var(--card-ease),box-shadow .3s ease}
.mod-card:hover .author-dot{transform:rotate(-5deg) scale(1.08);box-shadow:0 8px 18px color-mix(in srgb,var(--c1) 38%,transparent)}

/* Home hot posts become compact premium cards instead of plain divider rows. */
.hot-panel .thread-list{display:grid;gap:8px;margin-top:14px}
.hot-panel .thread-row{
  --mx:50%;--my:50%;position:relative;isolation:isolate;border:1px solid transparent!important;
  border-radius:13px;padding:12px 12px!important;background:rgba(121,145,197,.025);
  overflow:hidden;transition:transform .28s var(--card-ease),border-color .28s ease,background .28s ease,box-shadow .28s ease;
}
.hot-panel .thread-row::before,.forum-thread::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;z-index:0;
  background:radial-gradient(230px circle at var(--mx,50%) var(--my,50%),rgba(80,192,255,.11),rgba(124,86,255,.07) 34%,transparent 67%);
  transition:opacity .25s ease;
}
.hot-panel .thread-row>*{position:relative;z-index:1}
.hot-panel .thread-row:hover{
  transform:translateX(5px);border-color:rgba(112,104,255,.25)!important;background:rgba(105,100,255,.055);
  box-shadow:0 12px 30px rgba(0,0,0,.15)
}
.hot-panel .thread-row:hover::before{opacity:1}
.hot-panel .thread-row:hover .thread-icon{transform:rotate(-6deg) scale(1.08);background:linear-gradient(135deg,rgba(126,88,255,.20),rgba(37,217,255,.12));box-shadow:0 8px 20px rgba(86,70,255,.16)}
.thread-icon{transition:transform .28s var(--card-ease),background .28s ease,box-shadow .28s ease}
.hot-panel .thread-row b{transition:color .22s ease}.hot-panel .thread-row:hover b{color:#fff}

/* Forum post list: each article reads as a real content card and reacts to the pointer. */
.forum-thread-list{display:grid;gap:9px;margin-top:10px}
.forum-thread{
  --mx:50%;--my:50%;position:relative;isolation:isolate;overflow:hidden;
  border:1px solid rgba(129,151,199,.10)!important;border-radius:14px!important;
  padding:15px 14px!important;background:linear-gradient(135deg,rgba(255,255,255,.018),rgba(119,90,255,.018));
  transition:transform .30s var(--card-ease),border-color .30s ease,background .30s ease,box-shadow .30s ease!important;
}
.forum-thread>*{position:relative;z-index:1}
.forum-thread:hover{
  transform:translateY(-3px) translateX(3px);
  border-color:rgba(112,104,255,.28)!important;
  background:linear-gradient(135deg,rgba(126,91,255,.065),rgba(37,217,255,.035));
  box-shadow:0 16px 38px rgba(0,0,0,.18),0 0 34px rgba(107,83,255,.07)
}
.forum-thread:hover::before{opacity:1}
.forum-thread .vote{
  min-width:38px;padding:7px 6px;border:1px solid rgba(130,151,200,.10);border-radius:11px;
  background:rgba(7,12,23,.22);transition:transform .26s var(--card-ease),border-color .26s ease,background .26s ease
}
.forum-thread:hover .vote{transform:translateY(-2px);border-color:rgba(139,92,255,.25);background:rgba(139,92,255,.07)}
.forum-thread h4{font-size:13px!important;line-height:1.45;transition:color .22s ease,transform .26s var(--card-ease)}
.forum-thread:hover h4{color:#fff;transform:translateX(2px)}
.forum-thread .thread-right{min-width:82px;padding-left:10px;transition:transform .26s var(--card-ease)}
.forum-thread:hover .thread-right{transform:translateX(-2px)}
.thread-tags span{border:1px solid transparent;transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease}
.forum-thread:hover .thread-tags span{border-color:rgba(139,92,255,.16);background:rgba(117,87,255,.12);color:#c9bdff}
.thread-tags span:hover{transform:translateY(-2px)}
.thread-list-flag{transition:transform .22s ease,box-shadow .22s ease}.forum-thread:hover .thread-list-flag{transform:translateY(-1px)}

/* Section headings get a subtle premium underline/arrow response. */
.section-heading h2,.panel-head h3{position:relative}
.section-heading h2::after{content:"";display:block;width:34px;height:2px;margin-top:8px;border-radius:99px;background:linear-gradient(90deg,#835cff,#25d9ff);box-shadow:0 0 18px rgba(93,92,255,.28);transition:width .3s var(--card-ease)}
.section-block:hover .section-heading h2::after{width:64px}
.text-btn{transition:color .22s ease,transform .22s var(--card-ease)}.text-btn:hover{color:#dce7ff;transform:translateX(3px)}

/* Light theme keeps the same motion without muddy dark overlays. */
html[data-theme="light"] .mod-card:hover{box-shadow:0 24px 54px rgba(45,65,109,.17),0 0 0 1px rgba(101,83,222,.10)!important}
html[data-theme="light"] .mod-card:hover .mod-title,html[data-theme="light"] .forum-thread:hover h4,html[data-theme="light"] .hot-panel .thread-row:hover b{color:#18233d}
html[data-theme="light"] .forum-thread,html[data-theme="light"] .hot-panel .thread-row{background:rgba(255,255,255,.55)}
html[data-theme="light"] .forum-thread:hover,html[data-theme="light"] .hot-panel .thread-row:hover{background:linear-gradient(135deg,rgba(116,91,255,.075),rgba(37,217,255,.04))}
html[data-theme="light"] .forum-thread .vote{background:rgba(244,247,253,.85)}

@media (prefers-reduced-motion:reduce){
  .mod-card,.mod-cover,.mod-cover::before,.mod-cover::after,.forum-thread,.hot-panel .thread-row,.thread-icon,.author-dot,.text-btn{transition:none!important;transform:none!important}
  .mod-card::before,.forum-thread::before,.hot-panel .thread-row::before{display:none!important}
}

/* V9.4.4 forum article preview text. */
.forum-thread .thread-byline{font-size:9px;color:var(--muted);margin:5px 0 0}
.forum-thread .thread-excerpt{max-width:760px;margin:7px 0 0;color:color-mix(in srgb,var(--muted) 92%,var(--text));font-size:10px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:color .22s ease}
.forum-thread:hover .thread-excerpt{color:color-mix(in srgb,var(--text) 72%,var(--muted))}
@media(max-width:760px){.forum-thread .thread-excerpt{-webkit-line-clamp:1}.forum-thread{grid-template-columns:auto 1fr}.forum-thread .thread-right{display:none}}


/* ===== v9.5.css ===== */
/* ModPro V9.5 — forum/editorial polish + stronger light mode contrast */
:root{
  --v95-shadow-dark:0 18px 46px rgba(0,0,0,.18);
  --v95-shadow-light:0 18px 42px rgba(43,63,101,.10);
  --v95-thread-border:rgba(132,152,200,.12);
  --v95-thread-border-light:rgba(55,78,122,.14);
  --v95-soft-dark:#9cadc8;
  --v95-soft-light:#50617d;
  --v95-strong-light:#1b2942;
}

/* richer forum list cards */
.forum-thread-v95,
.thread-row-v95,
.creator-mini-card,
.thread-post-premium,
.forum-post-card,
.creator-card{isolation:isolate}

.thread-row-v95{
  display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;
}
.thread-row-v95 .thread-copy{min-width:0;display:grid;gap:6px}
.thread-row-v95 .thread-topline,
.forum-thread-v95 .thread-topline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.thread-category-pill{
  display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;
  font-size:7.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  color:#d5ddff;background:rgba(116,93,255,.10);border:1px solid rgba(116,93,255,.18)
}
.thread-category-pill::before{content:"◈";font-size:7px;opacity:.75}
.thread-mini-excerpt{
  margin:0;color:color-mix(in srgb,var(--muted) 90%,var(--text));font-size:9.5px;line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.thread-row-v95 .thread-stats{display:grid;justify-items:end;gap:2px;min-width:84px}
.thread-row-v95 .thread-stats b{font-size:13px}
.thread-row-v95 .thread-stats small{font-size:8px;color:var(--muted)}
.thread-row-v95 .thread-icon{width:40px;height:40px;border-radius:12px}
.thread-row-v95:hover .thread-mini-excerpt{color:color-mix(in srgb,var(--text) 78%,var(--muted))}
.thread-row-v95:hover .thread-category-pill{background:rgba(116,93,255,.15);border-color:rgba(116,93,255,.25)}

.thread-author-link,
.author-inline-effect{
  display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;max-width:100%;
}
.thread-author-link .role-name,
.author-inline-effect .role-name{position:relative;transition:transform .26s cubic-bezier(.2,.72,.2,1),filter .26s ease}
.thread-author-link .role-name::after,
.author-inline-effect .role-name::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;border-radius:99px;
  background:linear-gradient(90deg,rgba(123,93,255,.0),rgba(123,93,255,.8),rgba(37,217,255,.8),rgba(123,93,255,.0));
  opacity:.0;transform:scaleX(.55);transition:opacity .26s ease,transform .26s ease
}
.forum-thread-v95:hover .thread-author-link .role-name,
.thread-row-v95:hover .thread-author-link .role-name,
.thread-post-premium:hover .author-inline-effect .role-name,
.creator-mini-card:hover .author-inline-effect .role-name{transform:translateX(2px);filter:drop-shadow(0 0 12px rgba(91,92,255,.16))}
.forum-thread-v95:hover .thread-author-link .role-name::after,
.thread-row-v95:hover .thread-author-link .role-name::after,
.thread-post-premium:hover .author-inline-effect .role-name::after,
.creator-mini-card:hover .author-inline-effect .role-name::after{opacity:1;transform:scaleX(1)}

.forum-thread-v95{
  --mx:50%;--my:50%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;
}
.forum-thread-v95 .thread-body{min-width:0;display:grid;gap:8px}
.forum-thread-v95 .thread-title-line{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.forum-thread-v95 h4{margin:0;max-width:100%;font-size:14px!important}
.forum-thread-v95 .thread-byline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
.forum-thread-v95 .thread-byline .sep{width:4px;height:4px;border-radius:50%;background:rgba(160,176,206,.55);display:inline-block}
.forum-thread-v95 .thread-excerpt{margin:0!important;font-size:10.5px!important;line-height:1.65!important;max-width:860px}
.forum-thread-v95 .thread-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
}
.forum-thread-v95 .thread-inline-stats{display:flex;gap:8px;flex-wrap:wrap}
.forum-thread-v95 .thread-inline-stats span{
  display:inline-flex;align-items:center;gap:4px;font-size:8px;padding:5px 7px;border-radius:999px;
  border:1px solid rgba(130,151,200,.10);background:rgba(255,255,255,.03);color:var(--muted)
}
.forum-thread-v95 .thread-right{
  display:grid;justify-items:end;gap:4px;min-width:98px;padding:8px 0 0 8px
}
.forum-thread-v95 .thread-right b{font-size:11px}
.forum-thread-v95 .thread-right span{font-size:8.5px;color:var(--muted)}
.forum-thread-v95 .thread-right small{
  font-size:7.5px;padding:4px 7px;border-radius:999px;background:rgba(94,233,177,.10);color:#84e1bb;border:1px solid rgba(94,233,177,.16)
}
.forum-thread-v95:hover .thread-inline-stats span{background:rgba(123,92,255,.10);border-color:rgba(123,92,255,.16);color:#c6d3ef}

/* creator mini cards on home */
.creator-mini-list{display:grid;gap:10px;margin-top:14px}
.creator-mini-card{
  --mx:50%;--my:50%;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;
  padding:12px;border-radius:16px;border:1px solid rgba(130,151,199,.10);overflow:hidden;
  background:linear-gradient(155deg,rgba(255,255,255,.02),rgba(121,91,255,.025));
  transition:transform .30s cubic-bezier(.2,.72,.2,1),border-color .30s ease,box-shadow .30s ease,background .30s ease
}
.creator-mini-card::before{
  content:"";position:absolute;inset:0;opacity:0;pointer-events:none;
  background:radial-gradient(240px circle at var(--mx) var(--my),rgba(37,217,255,.11),rgba(123,92,255,.09) 36%,transparent 68%);
  transition:opacity .26s ease
}
.creator-mini-card>*{position:relative;z-index:1}
.creator-mini-card:hover{transform:translateY(-3px);border-color:rgba(123,92,255,.22);box-shadow:0 18px 42px rgba(0,0,0,.16)}
.creator-mini-card:hover::before{opacity:1}
.creator-mini-card .creator-avatar{width:42px;height:42px;border-radius:13px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.creator-mini-card .creator-copy{min-width:0;display:grid;gap:4px}
.creator-mini-card b{font-size:11px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.creator-mini-card small{font-size:8.5px}
.creator-mini-bio{margin:0;color:color-mix(in srgb,var(--muted) 90%,var(--text));font-size:8.8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.creator-follow-pill{
  border:1px solid rgba(110,133,180,.12);background:rgba(255,255,255,.03);color:#9ef3d8;
  border-radius:999px;padding:8px 10px;font-size:8px;font-weight:900;letter-spacing:.04em;white-space:nowrap
}
.creator-mini-card:hover .creator-follow-pill{border-color:rgba(84,225,186,.18);background:rgba(84,225,186,.08)}

/* detail thread polish */
.thread-post-premium .question-content h1{position:relative}
.thread-post-premium .question-content h1::after{
  content:"";display:block;width:88px;height:3px;border-radius:99px;margin-top:12px;
  background:linear-gradient(90deg,#7e5cff,#25d9ff);box-shadow:0 0 18px rgba(94,92,255,.25)
}
.thread-post-premium .thread-author-row{
  background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(125,93,255,.035))!important;
  border-color:rgba(135,155,202,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)
}
.thread-post-premium .question-content>p,
.thread-post-premium .forum-article-body{
  font-size:13.5px;line-height:1.84;color:#c7d3e6
}
.thread-post-premium .question-content>p::first-letter,
.thread-post-premium .forum-article-body>p:first-of-type::first-letter{
  font-size:2.2em;line-height:.88;font-weight:900;float:left;padding-right:8px;color:#8ab6ff
}
.thread-post-premium .thread-tags span,
.forum-detail-tags span{box-shadow:0 8px 22px rgba(0,0,0,.08)}

/* home and forum section readability */
.panel-head h3,.page-title-row h1,.page-title-row p,.discussion-panel h3,.forum-main p,.creator-panel h3{position:relative;z-index:1}
.page-title-row p,.side-copy,.forum-thread p,.forum-post-excerpt,.creator-bio,.creator-mini-bio{color:color-mix(in srgb,var(--muted) 92%,var(--text))}
.forum-tools,.discussion-panel,.side-card,.creator-discovery{box-shadow:var(--v95-shadow-dark)}

/* stronger light mode */
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 12% 4%,rgba(118,92,255,.15),transparent 30%),
    radial-gradient(circle at 88% 20%,rgba(33,198,235,.12),transparent 28%),
    linear-gradient(180deg,#f6f8fd 0%,#edf2fb 100%)!important;
}
html[data-theme="light"] .noise{opacity:.05}
html[data-theme="light"] .topbar{
  background:rgba(253,254,255,.95)!important;border-color:rgba(45,69,111,.12)!important;
  box-shadow:0 14px 40px rgba(39,58,95,.08)
}
html[data-theme="light"] .nav-link{color:#55657f}
html[data-theme="light"] .nav-link:hover{color:#1c2b45;background:#eef3fb}
html[data-theme="light"] .search-mini,
html[data-theme="light"] .coin-pill,
html[data-theme="light"] .profile-pill,
html[data-theme="light"] .icon-btn,
html[data-theme="light"] .round-btn,
html[data-theme="light"] .soft-btn{
  background:#fff!important;color:var(--v95-strong-light)!important;border-color:rgba(45,69,111,.13)!important;
  box-shadow:0 8px 22px rgba(38,58,93,.06)
}
html[data-theme="light"] .glass-panel,
html[data-theme="light"] .glass-heavy,
html[data-theme="light"] .discussion-panel,
html[data-theme="light"] .forum-tools,
html[data-theme="light"] .side-card,
html[data-theme="light"] .creator-discovery,
html[data-theme="light"] .creator-card,
html[data-theme="light"] .creator-mini-card,
html[data-theme="light"] .forum-post-card,
html[data-theme="light"] .thread-post-premium{
  background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(246,249,255,.96))!important;
  border-color:rgba(45,69,111,.12)!important;box-shadow:var(--v95-shadow-light)!important
}
html[data-theme="light"] .kicker{color:#6f58eb}
html[data-theme="light"] .page-title-row h1,
html[data-theme="light"] .panel-head h3,
html[data-theme="light"] .section-heading h2,
html[data-theme="light"] .thread-post-premium .question-content h1,
html[data-theme="light"] .forum-post-card h3,
html[data-theme="light"] .forum-thread-v95 h4,
html[data-theme="light"] .thread-row-v95 b,
html[data-theme="light"] .creator-mini-card b,
html[data-theme="light"] .creator-card h3{color:var(--v95-strong-light)!important}
html[data-theme="light"] .page-title-row p,
html[data-theme="light"] .forum-main p,
html[data-theme="light"] .side-copy,
html[data-theme="light"] .forum-thread-v95 .thread-excerpt,
html[data-theme="light"] .thread-mini-excerpt,
html[data-theme="light"] .creator-mini-bio,
html[data-theme="light"] .creator-card .creator-bio,
html[data-theme="light"] .forum-post-excerpt,
html[data-theme="light"] .forum-article-body,
html[data-theme="light"] .thread-post-premium .question-content>p,
html[data-theme="light"] .thread-row small,
html[data-theme="light"] .thread-byline,
html[data-theme="light"] .creator-mini small{color:var(--v95-soft-light)!important}
html[data-theme="light"] .thread-row-v95,
html[data-theme="light"] .forum-thread-v95,
html[data-theme="light"] .creator-mini-card{border-color:var(--v95-thread-border-light)!important;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(240,244,252,.96))!important}
html[data-theme="light"] .hot-panel .thread-row:hover,
html[data-theme="light"] .forum-thread-v95:hover,
html[data-theme="light"] .creator-mini-card:hover,
html[data-theme="light"] .forum-post-card:hover{box-shadow:0 22px 52px rgba(43,63,101,.14)!important;border-color:rgba(97,79,223,.18)!important}
html[data-theme="light"] .forum-thread-v95 .vote{background:#f6f8fd!important;border-color:rgba(45,69,111,.12)!important;color:#4d607e}
html[data-theme="light"] .forum-thread-v95 .thread-inline-stats span,
html[data-theme="light"] .forum-post-stats span{background:#f4f7fd!important;border-color:rgba(45,69,111,.10)!important;color:#5a6d89!important}
html[data-theme="light"] .thread-category-pill{color:#5a46cb;background:#efeafe;border-color:#ddd3ff}
html[data-theme="light"] .thread-list-flag{box-shadow:none}
html[data-theme="light"] .thread-post-premium .thread-author-row{background:linear-gradient(135deg,#f8faff,#eef3fb)!important}
html[data-theme="light"] .thread-post-premium .question-content>p,
html[data-theme="light"] .forum-article-body{color:#45556f!important}
html[data-theme="light"] .creator-follow-pill{background:#f6fdfa;color:#198566;border-color:#c8efe2}
html[data-theme="light"] .creator-mini-card .creator-avatar,
html[data-theme="light"] .creator-avatar-lg{box-shadow:0 10px 24px rgba(62,86,135,.12)}
html[data-theme="light"] .thread-post-premium .question-content>p::first-letter,
html[data-theme="light"] .forum-article-body>p:first-of-type::first-letter{color:#4e72d7}
html[data-theme="light"] .forum-category,
html[data-theme="light"] .tag-cloud span{background:#fff;border-color:rgba(45,69,111,.11)}
html[data-theme="light"] .forum-category b,
html[data-theme="light"] .side-card h3{color:#20304a}
html[data-theme="light"] .forum-category small,
html[data-theme="light"] .tag-cloud span,
html[data-theme="light"] .result-note{color:#61738e}

@media(max-width:820px){
  .thread-row-v95{grid-template-columns:40px minmax(0,1fr)}
  .thread-row-v95 .thread-stats{grid-column:2;justify-items:start;padding-left:0}
  .forum-thread-v95{grid-template-columns:auto minmax(0,1fr)}
  .forum-thread-v95 .thread-right{grid-column:2;justify-items:start;padding:0}
  .creator-mini-card{grid-template-columns:auto minmax(0,1fr)}
  .creator-follow-pill{grid-column:2;justify-self:start}
}
@media(max-width:560px){
  .thread-row-v95 .thread-topline,.forum-thread-v95 .thread-topline{gap:4px}
  .thread-category-pill{font-size:7px;padding:4px 8px}
  .forum-thread-v95 .thread-bottom{align-items:flex-start;flex-direction:column}
  .forum-thread-v95 .thread-inline-stats{width:100%}
  .forum-thread-v95 .thread-inline-stats span{flex:none}
}


/* ===== v9.6.css ===== */
/* ModPro V9.6 — immersive forum reading experience */
:root{
  --v96-ease:cubic-bezier(.2,.75,.18,1);
  --v96-purple:#7c5cff;
  --v96-cyan:#2fd7ff;
  --v96-mint:#54e1b7;
  --v96-gold:#ffd166;
}

/* ---- Page entrance ---- */
.page.route-enter-v96 .page-shell,
.page.route-enter-v96 .creator-profile-hero{
  animation:v96PageIn .46s var(--v96-ease) both;
}
@keyframes v96PageIn{
  from{opacity:.35;transform:translateY(10px) scale(.995);filter:blur(3px)}
  to{opacity:1;transform:none;filter:none}
}

/* ---- Forum cards: focus hierarchy ---- */
.forum-thread-list,.creator-mini-list{perspective:1200px}
.forum-thread-list:has(.forum-thread-v96:hover) .forum-thread-v96:not(:hover),
.creator-mini-list:has(.creator-mini-card:hover) .creator-mini-card:not(:hover){opacity:.78;filter:saturate(.82);transform:scale(.995)}
.forum-thread-v96{
  --mx:50%;--my:50%;position:relative;overflow:hidden;isolation:isolate;
  grid-template-columns:46px minmax(0,1fr) 108px!important;
  border-radius:18px!important;padding:17px 16px!important;
  transition:transform .34s var(--v96-ease),border-color .34s ease,box-shadow .34s ease,opacity .25s ease,filter .25s ease!important
}
.forum-thread-v96::after{
  content:"";position:absolute;inset:-1px;z-index:0;pointer-events:none;opacity:0;
  background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.07) 42%,transparent 66%);
  transform:translateX(-60%);transition:opacity .25s ease
}
.forum-thread-v96:hover{transform:translateY(-5px) rotateX(.35deg);box-shadow:0 24px 56px rgba(0,0,0,.24),0 0 36px rgba(95,79,255,.08)!important}
.forum-thread-v96:hover::after{opacity:1;animation:v96Sheen .72s ease}
@keyframes v96Sheen{to{transform:translateX(65%)}}
.forum-thread-v96 .vote{position:sticky;top:90px}
.forum-thread-v96 .thread-title-line h4{font-size:14.5px!important;letter-spacing:-.012em}
.forum-thread-v96 .thread-title-line h4::after{
  content:"";display:block;width:0;height:2px;margin-top:6px;border-radius:99px;
  background:linear-gradient(90deg,var(--v96-purple),var(--v96-cyan));transition:width .32s var(--v96-ease)
}
.forum-thread-v96:hover .thread-title-line h4::after{width:min(140px,48%)}
.forum-thread-v96 .thread-excerpt{font-size:10.8px!important;line-height:1.68!important}
.forum-thread-v96 .thread-right{align-self:center;padding:0!important;border-left:1px solid rgba(130,151,200,.10);padding-left:14px!important}
.thread-status-live{display:inline-flex!important;align-items:center;gap:5px}
.thread-status-live::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent);animation:v96Pulse 1.8s ease-in-out infinite}
@keyframes v96Pulse{50%{box-shadow:0 0 0 7px transparent}}

/* ---- Richer author identity effects ---- */
.role-name.creator,.role-name.admin{position:relative;font-weight:900}
.role-name.creator::before,.role-name.admin::before{
  content:"";position:absolute;inset:-4px -6px;border-radius:8px;z-index:-1;opacity:0;filter:blur(9px);transition:opacity .25s ease
}
.role-name.creator::before{background:linear-gradient(90deg,rgba(124,92,255,.22),rgba(47,215,255,.18))}
.role-name.admin::before{background:linear-gradient(90deg,rgba(255,209,102,.22),rgba(255,89,146,.16))}
.thread-author-link:hover .role-name::before,.author-inline-effect:hover .role-name::before,.post-author:hover .role-name::before,.creator-card:hover .role-name::before{opacity:1}
.role-name.creator{filter:drop-shadow(0 0 8px rgba(96,126,255,.08))}
.role-name.admin{filter:drop-shadow(0 0 9px rgba(255,166,72,.11))}
.role-identity-chip.creator,.role-identity-chip.admin{transition:transform .24s var(--v96-ease),box-shadow .24s ease}
.thread-author-link:hover .role-identity-chip,.author-inline-effect:hover .role-identity-chip,.post-author:hover .role-identity-chip{transform:translateY(-1px) scale(1.035)}

/* ---- Category cards ---- */
.forum-category{
  --mx:50%;--my:50%;position:relative;overflow:hidden;isolation:isolate;
  transition:transform .3s var(--v96-ease),border-color .3s ease,box-shadow .3s ease!important
}
.forum-category::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(180px circle at var(--mx) var(--my),rgba(126,92,255,.13),rgba(47,215,255,.06) 40%,transparent 70%);transition:opacity .25s ease
}
.forum-category>*{position:relative;z-index:1}
.forum-category:hover{transform:translateY(-4px);border-color:rgba(114,94,238,.25);box-shadow:0 16px 38px rgba(0,0,0,.14)}
.forum-category:hover::after{opacity:1}
.forum-category>span{transition:transform .32s var(--v96-ease),box-shadow .32s ease}
.forum-category:hover>span{transform:rotate(-7deg) scale(1.09);box-shadow:0 10px 24px rgba(83,75,217,.13)}
.tag-cloud span{cursor:default;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}
.tag-cloud span:hover{transform:translateY(-2px);color:#cdbfff;border-color:rgba(124,92,255,.28);background:rgba(124,92,255,.09)}

/* ---- Thread detail hero ---- */
#page-thread{position:relative}
.thread-reading-progress-v96{
  position:fixed;z-index:180;left:0;top:0;width:100%;height:3px;pointer-events:none;background:transparent
}
.thread-reading-progress-v96>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--v96-purple),var(--v96-cyan),var(--v96-mint));box-shadow:0 0 18px rgba(65,183,255,.45);transition:width .08s linear}
.thread-post-premium{
  --mx:50%;--my:20%;position:relative;overflow:hidden;isolation:isolate;
  border-radius:24px!important;padding:28px!important
}
.thread-post-premium::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(520px circle at var(--mx) var(--my),rgba(101,83,255,.10),transparent 58%),
    radial-gradient(360px circle at 88% 8%,rgba(47,215,255,.07),transparent 62%);
  opacity:.9
}
.thread-post-premium::after{
  content:"MODPRO COMMUNITY";position:absolute;right:22px;top:18px;z-index:0;
  color:rgba(151,166,201,.08);font-size:10px;font-weight:950;letter-spacing:.22em;pointer-events:none
}
.thread-post-premium>*{position:relative;z-index:1}
.thread-post-premium .question-content h1{font-size:clamp(27px,3.1vw,38px)!important;line-height:1.12!important;margin-top:12px!important;max-width:940px!important}
.thread-post-premium .question-content h1{background:linear-gradient(100deg,var(--text) 0%,var(--text) 70%,#8db5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.thread-author-row-v96{
  padding:13px 14px!important;border-radius:16px!important;margin:17px 0 22px!important;
  transition:transform .26s var(--v96-ease),border-color .26s ease,box-shadow .26s ease
}
.thread-author-row-v96:hover{transform:translateY(-2px);border-color:rgba(118,96,255,.19)!important;box-shadow:0 13px 30px rgba(0,0,0,.10)}
.thread-author-row-v96 .post-author{align-items:center}
.thread-author-row-v96 .creator-avatar{
  position:relative;width:42px;height:42px;border-radius:13px;box-shadow:0 10px 24px rgba(70,86,221,.18);transition:transform .3s var(--v96-ease),box-shadow .3s ease
}
.thread-author-row-v96:hover .creator-avatar{transform:rotate(-4deg) scale(1.07);box-shadow:0 13px 28px rgba(70,86,221,.24)}
#threadAuthorMeta{font-size:9px!important;color:var(--muted)}
.thread-rich-body{position:relative;padding:4px 2px 2px}
.thread-rich-body p{font-size:13.5px!important;line-height:1.86!important;margin:0 0 18px!important}
.thread-rich-body p:hover{color:color-mix(in srgb,var(--text) 88%,#9fb8ff)}
.thread-rich-body h2,.thread-rich-body h3{scroll-margin-top:90px}
.thread-post-premium .post-actions{margin-top:24px;padding-top:15px;border-top:1px solid rgba(133,153,198,.12)}
.thread-post-premium .post-actions button{transition:transform .22s ease,color .22s ease,background .22s ease}
.thread-post-premium .post-actions button:hover{transform:translateY(-2px);background:rgba(124,92,255,.08);color:#cbbfff}

/* ---- Replies ---- */
#threadReplies{display:grid;gap:12px}
.reply-card-v96{
  --mx:50%;--my:50%;position:relative;overflow:hidden;isolation:isolate;margin:0!important;
  border-radius:18px!important;transition:transform .3s var(--v96-ease),border-color .3s ease,box-shadow .3s ease!important
}
.reply-card-v96::before{
  content:"";position:absolute;inset:0;opacity:0;pointer-events:none;
  background:radial-gradient(260px circle at var(--mx) var(--my),rgba(124,92,255,.08),transparent 68%);transition:opacity .25s ease
}
.reply-card-v96>*{position:relative;z-index:1}
.reply-card-v96:hover{transform:translateY(-3px);border-color:rgba(121,100,245,.20)!important;box-shadow:0 18px 42px rgba(0,0,0,.14)}
.reply-card-v96:hover::before{opacity:1}
.reply-card-v96.accepted{border-color:rgba(84,225,183,.27)!important;box-shadow:0 0 0 1px rgba(84,225,183,.06),0 18px 44px rgba(0,0,0,.13)}
.reply-card-v96 .post-author{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(132,153,198,.10)}
.reply-card-v96 .rich-text{font-size:12.4px!important;line-height:1.78!important}
.reply-card-v96 .creator-avatar{transition:transform .28s var(--v96-ease)}
.reply-card-v96:hover .creator-avatar{transform:scale(1.07) rotate(-3deg)}
.reply-author-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.reply-author-meta small{color:var(--muted)}
.reply-role-note{font-size:7.5px;padding:3px 6px;border-radius:999px;background:rgba(124,92,255,.08);color:#b9aaff;border:1px solid rgba(124,92,255,.12)}
.reply-editor-v96{position:relative;overflow:hidden;border-radius:18px!important}
.reply-editor-v96::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(124,92,255,.035),transparent 36%,rgba(47,215,255,.025));}
.reply-editor-v96>*{position:relative;z-index:1}
.reply-editor-v96:focus-within{border-color:rgba(124,92,255,.25);box-shadow:0 0 0 3px rgba(124,92,255,.055),0 18px 44px rgba(0,0,0,.10)}

/* ---- Side stats ---- */
.thread-aside-v8 .side-card{transition:transform .28s var(--v96-ease),border-color .28s ease,box-shadow .28s ease}
.thread-aside-v8 .side-card:hover{transform:translateY(-3px);border-color:rgba(119,97,241,.18);box-shadow:0 15px 36px rgba(0,0,0,.12)}
.thread-aside-v8 .rank-stats.vertical span{padding:9px 0;border-bottom:1px solid rgba(131,151,195,.08)}
.thread-aside-v8 .rank-stats.vertical span:last-child{border-bottom:0}

/* ---- Creator cards stronger polish ---- */
.creator-card{transition:transform .34s var(--v96-ease),border-color .34s ease,box-shadow .34s ease!important}
.creator-card:hover{transform:translateY(-6px) scale(1.008);border-color:rgba(121,96,244,.22)!important;box-shadow:0 23px 54px rgba(0,0,0,.20)!important}
.creator-card .creator-avatar-lg{transition:transform .34s var(--v96-ease),box-shadow .34s ease}
.creator-card:hover .creator-avatar-lg{transform:rotate(-4deg) scale(1.055)}
.creator-card .creator-bio{transition:color .24s ease}
.creator-card:hover .creator-bio{color:color-mix(in srgb,var(--text) 70%,var(--muted))}
.creator-card .follow-btn{transition:transform .22s ease,background .22s ease,border-color .22s ease}
.creator-card .follow-btn:hover{transform:translateY(-2px);background:rgba(84,225,183,.08);border-color:rgba(84,225,183,.18);color:#7fe4c5}

/* ---- Light mode: deliberate high contrast ---- */
html[data-theme="light"]{
  --text:#17233a!important;
  --muted:#586a85!important;
  --line:rgba(45,66,106,.13)!important;
}
html[data-theme="light"] .thread-post-premium::before{background:radial-gradient(520px circle at var(--mx) var(--my),rgba(99,78,222,.075),transparent 58%),radial-gradient(360px circle at 88% 8%,rgba(34,177,211,.055),transparent 62%)}
html[data-theme="light"] .thread-post-premium::after{color:rgba(57,74,112,.07)}
html[data-theme="light"] .thread-post-premium .question-content h1{background:linear-gradient(100deg,#17233a 0%,#243756 76%,#5270ce 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .thread-author-row-v96{background:linear-gradient(135deg,#fff,#f3f6fc)!important;border-color:rgba(45,66,106,.12)!important}
html[data-theme="light"] .reply-card-v96{background:linear-gradient(150deg,#fff,#f6f8fd)!important;border-color:rgba(45,66,106,.12)!important;box-shadow:0 12px 34px rgba(41,61,96,.07)}
html[data-theme="light"] .reply-card-v96:hover{box-shadow:0 20px 44px rgba(41,61,96,.12)}
html[data-theme="light"] .reply-card-v96 .rich-text,html[data-theme="light"] .thread-rich-body,html[data-theme="light"] .thread-rich-body p{color:#41516b!important}
html[data-theme="light"] .reply-card-v96 .post-author{border-color:rgba(45,66,106,.10)}
html[data-theme="light"] .thread-status-live{color:#218568!important;background:#ebfaf5!important;border-color:#caeee2!important}
html[data-theme="light"] .forum-thread-v96 .thread-right{border-color:rgba(45,66,106,.10)}
html[data-theme="light"] .forum-thread-v96:hover{box-shadow:0 23px 54px rgba(43,63,101,.14),0 0 0 1px rgba(94,77,211,.06)!important}
html[data-theme="light"] .role-name.creator{filter:drop-shadow(0 0 7px rgba(78,90,204,.08))}
html[data-theme="light"] .tag-cloud span:hover{color:#5943c5;background:#f0ecff;border-color:#d9d0ff}
html[data-theme="light"] .reply-editor-v96:focus-within{box-shadow:0 0 0 3px rgba(100,78,222,.05),0 18px 42px rgba(41,61,96,.09)}

@media(max-width:820px){
  .thread-post-premium{padding:20px!important}
  .forum-thread-v96{grid-template-columns:42px minmax(0,1fr)!important}
  .forum-thread-v96 .thread-right{grid-column:2;border-left:0;padding-left:0!important;justify-items:start}
}
@media(max-width:560px){
  .thread-post-premium{padding:16px!important;border-radius:18px!important}
  .thread-post-premium .question-content h1{font-size:25px!important}
  .thread-author-row-v96{align-items:flex-start!important}
  .thread-author-row-v96 .soft-btn{width:100%}
  .forum-thread-v96{padding:14px 12px!important}
}
@media(prefers-reduced-motion:reduce){
  .page.route-enter-v96 .page-shell,.page.route-enter-v96 .creator-profile-hero,.forum-thread-v96,.forum-category,.reply-card-v96,.creator-card{animation:none!important;transition:none!important;transform:none!important}
  .thread-status-live::before{animation:none!important}
}


/* ===== v9.7.css ===== */
/* ModPro V9.4.7 — related Mod readability + Admin quick-menu priority */
:root{--v97-ease:cubic-bezier(.2,.74,.18,1)}

/* =========================================================
   Admin card controls must ALWAYS win over decorative hover UI.
   ========================================================= */
body[data-role="admin"] .mod-card::after,
.mod-card:has([data-admin-quick-root])::after{
  display:none!important;
  content:none!important;
}
body[data-role="admin"] .mod-card .mod-cover,
.mod-card:has([data-admin-quick-root]) .mod-cover{
  z-index:8!important;
}
body[data-role="admin"] .mod-card .admin-quick,
.mod-card:has([data-admin-quick-root]) .admin-quick{
  z-index:50!important;
}
body[data-role="admin"] .mod-card .admin-quick-trigger{
  position:relative;z-index:52!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.05)!important;
}
body[data-role="admin"] .mod-card .admin-quick.open .admin-quick-trigger{
  border-color:rgba(137,110,255,.66)!important;
  background:linear-gradient(135deg,rgba(68,48,142,.96),rgba(20,31,62,.96))!important;
}
body[data-role="admin"] .mod-card .admin-quick-menu{
  z-index:55!important;
  border-color:rgba(131,111,230,.22)!important;
}
body[data-role="admin"] .mod-card:has(.admin-quick.open){
  transform:translateY(-5px)!important;
}

/* Thread/article admin ellipsis stays above forum sheen and animations too. */
body[data-role="admin"] .forum-thread [data-admin-quick-root],
body[data-role="admin"] .thread-row [data-admin-quick-root]{z-index:60!important}
body[data-role="admin"] .forum-thread .admin-quick-menu,
body[data-role="admin"] .thread-row .admin-quick-menu{z-index:65!important}
body[data-role="admin"] .forum-thread:has(.admin-quick.open),
body[data-role="admin"] .thread-row:has(.admin-quick.open){overflow:visible!important;z-index:40}

/* =========================================================
   Related Mods — replace browser-default grey buttons.
   ========================================================= */
#relatedMods.related-list,
#relatedMods{display:grid;gap:9px;margin-top:13px;min-width:0}

.related-mod-v8{
  -webkit-appearance:none;appearance:none;width:100%;min-width:0;margin:0;
  display:grid;grid-template-columns:62px minmax(0,1fr) 28px;align-items:center;gap:11px;
  padding:8px 9px;border:1px solid rgba(135,156,202,.13);border-radius:14px;
  color:var(--text);text-align:left;cursor:pointer;overflow:hidden;position:relative;isolation:isolate;
  background:linear-gradient(145deg,rgba(19,31,52,.90),rgba(10,18,32,.94));
  box-shadow:0 8px 22px rgba(0,0,0,.10);
  transition:transform .28s var(--v97-ease),border-color .28s ease,box-shadow .28s ease,background .28s ease;
}
.related-mod-v8::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;
  background:linear-gradient(110deg,rgba(124,92,255,.08),transparent 42%,rgba(47,215,255,.055));
  transition:opacity .25s ease;
}
.related-mod-v8>*{position:relative;z-index:1}
.related-mod-v8:hover{
  transform:translateY(-2px) translateX(-2px);
  border-color:rgba(116,98,235,.27);
  box-shadow:0 14px 32px rgba(0,0,0,.18),0 0 24px rgba(100,80,244,.055);
  background:linear-gradient(145deg,rgba(24,38,64,.96),rgba(11,21,38,.98));
}
.related-mod-v8:hover::before{opacity:1}
.related-mod-v8:focus-visible{outline:2px solid rgba(84,155,255,.66);outline-offset:2px}

.related-mod-v8 .related-thumb{
  width:62px;height:54px;min-width:62px;border-radius:11px;overflow:hidden;
  display:grid;place-items:center;background:linear-gradient(135deg,var(--c1),var(--c2));
  color:#fff;font-size:19px;font-weight:900;line-height:1;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.15);
  transition:transform .28s var(--v97-ease),filter .28s ease;
}
.related-mod-v8 .related-thumb i{font-style:normal;filter:drop-shadow(0 5px 10px rgba(0,0,0,.22))}
.related-mod-v8:hover .related-thumb{transform:scale(1.035);filter:saturate(1.12) brightness(1.05)}

.related-copy-v8{display:grid;gap:7px;min-width:0}
.related-copy-v8 b{
  display:block;min-width:0;color:var(--text);font-size:11.5px!important;line-height:1.32;font-weight:820;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.related-copy-v8 small{
  display:flex!important;align-items:center;gap:6px;flex-wrap:wrap;margin:0!important;
  color:var(--muted)!important;font-size:8.7px!important;line-height:1.2;
}
.related-copy-v8 small span{
  display:inline-flex;align-items:center;padding:4px 6px;border-radius:999px;
  background:rgba(255,255,255,.035);border:1px solid rgba(136,155,198,.09);white-space:nowrap;
}
.related-open-v8{
  width:27px;height:27px;border-radius:9px;display:grid;place-items:center;
  color:#aebdff;background:rgba(115,91,255,.09);border:1px solid rgba(115,91,255,.13);
  font-size:11px;font-weight:900;transition:transform .25s var(--v97-ease),background .25s ease,color .25s ease;
}
.related-mod-v8:hover .related-open-v8{transform:translate(2px,-2px);background:rgba(115,91,255,.16);color:#fff}

/* Old fallback renderer receives the same treatment instead of becoming a bare row. */
.related-item{
  min-width:0;padding:8px 9px!important;border:1px solid rgba(135,156,202,.12);border-radius:14px;
  background:linear-gradient(145deg,rgba(19,31,52,.90),rgba(10,18,32,.94));
  transition:transform .26s var(--v97-ease),border-color .26s ease,box-shadow .26s ease;
}
.related-item:hover{transform:translateY(-2px);border-color:rgba(116,98,235,.25);box-shadow:0 12px 28px rgba(0,0,0,.14)}
.related-item .related-thumb{width:52px;height:48px!important;min-width:52px}
.related-item>div{min-width:0}.related-item b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-item small{display:block;margin-top:4px}

/* Keep the related-side panel visually separated from the main article. */
#page-mod-detail .mod-detail-aside-v8 .side-card:has(#relatedMods),
#page-mod-detail .mod-detail-aside .side-card:has(#relatedMods){
  overflow:hidden;border-color:rgba(133,153,198,.15);
}
#page-mod-detail .mod-detail-aside-v8 .side-card:has(#relatedMods) h3,
#page-mod-detail .mod-detail-aside .side-card:has(#relatedMods) h3{margin-bottom:4px;letter-spacing:-.01em}

/* Light mode: no grey browser-button slabs; strong readable hierarchy. */
html[data-theme="light"] .related-mod-v8,
html[data-theme="light"] .related-item{
  color:#1c2941;background:linear-gradient(145deg,#fff,#f4f7fc)!important;
  border-color:rgba(45,68,108,.13)!important;box-shadow:0 8px 22px rgba(43,62,96,.07)!important;
}
html[data-theme="light"] .related-mod-v8:hover,
html[data-theme="light"] .related-item:hover{
  background:linear-gradient(145deg,#fff,#eef3fb)!important;
  border-color:rgba(93,76,211,.19)!important;box-shadow:0 14px 30px rgba(43,62,96,.12)!important;
}
html[data-theme="light"] .related-copy-v8 b,
html[data-theme="light"] .related-item b{color:#1b2942!important}
html[data-theme="light"] .related-copy-v8 small,
html[data-theme="light"] .related-item small{color:#5b6d88!important}
html[data-theme="light"] .related-copy-v8 small span{background:#f2f5fb;border-color:rgba(45,68,108,.09)}
html[data-theme="light"] .related-open-v8{color:#5b49c8;background:#f0ecff;border-color:#ddd4ff}
html[data-theme="light"] body[data-role="admin"] .mod-card .admin-quick-trigger{
  background:#fff!important;color:#273650!important;border-color:#cbd6e8!important;
}
html[data-theme="light"] body[data-role="admin"] .mod-card .admin-quick.open .admin-quick-trigger{
  color:#fff!important;background:linear-gradient(135deg,#7257e8,#3b72d9)!important;border-color:transparent!important;
}

@media(max-width:1080px){
  .related-mod-v8{grid-template-columns:56px minmax(0,1fr) 26px;gap:9px}
  .related-mod-v8 .related-thumb{width:56px;min-width:56px;height:50px}
}
@media(max-width:560px){
  .related-mod-v8{grid-template-columns:52px minmax(0,1fr) 25px;padding:7px}
  .related-mod-v8 .related-thumb{width:52px;min-width:52px;height:47px}
  .related-copy-v8 b{font-size:10.8px!important}
}


/* ===== v9.8.css ===== */
/* ModPro V9.4.9 — complete mission control */
.v98-mission-control{padding:20px!important;overflow:visible!important}.v98-mission-head{align-items:flex-start!important}.v98-mission-head p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.v98-mission-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:16px 0}.v98-mission-metrics>div{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft);display:grid;grid-template-columns:26px 1fr;gap:3px 8px;align-items:center}.v98-mission-metrics>div>span{grid-row:1/3;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:rgba(115,87,255,.12);color:#a795ff}.v98-mission-metrics small{font-size:7px;color:var(--muted);letter-spacing:.08em}.v98-mission-metrics b{font-size:14px}.v98-mission-admin-layout{display:grid;grid-template-columns:minmax(370px,.95fr) minmax(440px,1.25fr);gap:14px}.v98-mission-form-card,.v98-mission-list-card,.v98-review-card,.v98-reward-admin{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018);padding:15px}.v98-form-title,.v98-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.v98-form-title h4,.v98-list-head h4,.v98-reward-admin h4{margin:4px 0 0;font-size:13px}.v98-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.v98-form-grid label{display:grid;gap:5px;color:var(--muted);font-size:8.5px;font-weight:700}.v98-form-grid label.span-2{grid-column:1/-1}.v98-form-grid input,.v98-form-grid select,.v98-form-grid textarea{width:100%;min-height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);padding:8px 10px;font-size:10px;outline:none}.v98-form-grid textarea{resize:vertical;line-height:1.55}.v98-form-grid input:focus,.v98-form-grid select:focus,.v98-form-grid textarea:focus{border-color:rgba(117,91,255,.5);box-shadow:0 0 0 3px rgba(117,91,255,.08)}.v98-form-grid label small{font-size:7px;color:var(--muted);font-weight:500}.v98-check-label{align-content:end}.v98-check-label .toggle{height:38px;width:60px}.v98-form-actions{display:flex;align-items:center;gap:12px;margin-top:14px}.v98-form-actions small{color:var(--muted);font-size:8px;line-height:1.45}.v98-form-grid .manual-disabled{opacity:.48}.v98-mission-list-card{min-width:0}.v98-list-head select{min-height:34px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);padding:0 9px;font-size:9px}.v98-mission-list{display:grid;gap:9px;margin-top:12px;max-height:720px;overflow:auto;padding-right:3px}.v98-admin-mission{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(112,85,255,.02));transition:.2s ease}.v98-admin-mission:hover{transform:translateY(-1px);border-color:rgba(117,91,255,.25);background:linear-gradient(135deg,rgba(117,91,255,.06),rgba(37,217,255,.025))}.v98-admin-mission-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(117,91,255,.16),rgba(37,217,255,.09));font-size:16px}.v98-admin-mission-copy{min-width:0}.v98-mission-name{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.v98-mission-name b{font-size:11px}.mission-status,.mission-mode-chip,.mission-state-label{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:7px;font-weight:850;border:1px solid var(--line);color:var(--muted)}.mission-status.published{color:#57dfb7;background:rgba(40,200,157,.08);border-color:rgba(40,200,157,.18)}.mission-status.paused{color:#f1bd73;background:rgba(240,180,80,.08)}.mission-status.ended{color:#ff899c;background:rgba(255,95,121,.07)}.v98-admin-mission-copy>small{display:block;margin-top:5px;color:var(--muted);font-size:8px}.v98-admin-mission-copy>p{margin:6px 0;color:var(--muted);font-size:9px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v98-mission-admin-meta{display:flex;gap:5px;flex-wrap:wrap}.v98-mission-admin-meta span{font-size:7.5px;padding:4px 6px;border-radius:7px;background:rgba(119,139,184,.06);color:#aebbd0}.v98-mission-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:150px}.v98-mission-actions .soft-btn{padding:6px 8px;font-size:8px}.v98-review-card{margin-top:14px}.v98-review-count{font-size:8px;color:#f4bd71;padding:5px 8px;border-radius:999px;background:rgba(244,189,113,.08);border:1px solid rgba(244,189,113,.16)}.v98-review-list{display:grid;gap:8px;margin-top:11px}.v98-review-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.v98-review-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#7658ff,#2f98ef);color:#fff;font-weight:900;font-size:9px}.v98-review-row b{font-size:10px}.v98-review-row small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.v98-review-row p{margin:5px 0 0;font-size:9px;color:var(--muted)}.v98-review-row>div:last-child{text-align:right}.v98-review-row>div:last-child>div{display:flex;gap:5px;margin-top:6px}.soft-btn.success{color:#63deb8;border-color:rgba(65,211,169,.22);background:rgba(65,211,169,.07)}.v98-reward-admin{margin-top:14px}.v98-reward-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr auto 1fr auto;gap:8px;align-items:end;margin-top:11px}.v98-reward-grid label{display:grid;gap:4px;color:var(--muted);font-size:8px}.v98-reward-grid input,.v98-reward-grid select{height:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);padding:0 9px;font-size:9px}.v98-reward-grid #rewardUserResults{grid-column:1/3;position:relative}.v98-reward-grid #rewardUserResults:not(:empty){position:absolute;z-index:30;margin-top:58px;min-width:320px;padding:6px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);box-shadow:0 18px 40px rgba(0,0,0,.22)}
/* user mission cards */.mission-grid{display:grid!important;gap:12px!important}.v98-user-mission{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:17px!important;border-radius:17px!important;overflow:hidden;position:relative}.v98-user-mission::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 10%,rgba(115,91,255,.09),transparent 30%);opacity:.7}.v98-user-mission>*{position:relative;z-index:1}.v98-user-mission .mission-icon{width:48px!important;height:48px!important;border-radius:14px!important;font-size:19px!important}.v98-user-mission-copy{min-width:0}.v98-user-mission-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mission-mode-chip.postback{color:#7ed7ff;background:rgba(61,179,236,.08)}.mission-mode-chip.manual{color:#cbb8ff;background:rgba(129,91,255,.09)}.v98-user-mission h3{font-size:14px;margin:6px 0}.v98-user-mission p{font-size:10px;line-height:1.6;margin:0;color:var(--muted)}.v98-user-mission .mission-reward{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.v98-user-mission .mission-reward>*{font-size:8px;padding:5px 7px;border-radius:8px;background:rgba(118,139,184,.06)}.v98-user-mission .mission-reward b{color:#73e4bd}.v98-mission-info{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.v98-mission-info span{font-size:7.5px;color:var(--muted)}.v98-user-mission-action{min-width:155px;text-align:right}.mission-state-pending_review{border-color:rgba(244,185,99,.20)!important}.mission-state-completed{border-color:rgba(69,211,164,.18)!important}.mission-state-in_progress{border-color:rgba(79,185,239,.20)!important}
html[data-theme="light"] .v98-mission-form-card,html[data-theme="light"] .v98-mission-list-card,html[data-theme="light"] .v98-review-card,html[data-theme="light"] .v98-reward-admin,html[data-theme="light"] .v98-admin-mission,html[data-theme="light"] .v98-review-row{background:#fff;border-color:rgba(45,69,111,.12);box-shadow:0 10px 28px rgba(43,63,101,.05)}html[data-theme="light"] .v98-form-grid input,html[data-theme="light"] .v98-form-grid select,html[data-theme="light"] .v98-form-grid textarea,html[data-theme="light"] .v98-list-head select,html[data-theme="light"] .v98-reward-grid input,html[data-theme="light"] .v98-reward-grid select{background:#f8faff;color:#1d2b45;border-color:rgba(45,69,111,.13)}html[data-theme="light"] .v98-admin-mission-copy>p,html[data-theme="light"] .v98-admin-mission-copy>small,html[data-theme="light"] .v98-user-mission p{color:#586a86}html[data-theme="light"] .v98-mission-metrics>div{background:#fff}
@media(max-width:1180px){.v98-mission-admin-layout{grid-template-columns:1fr}.v98-mission-metrics{grid-template-columns:repeat(3,1fr)}.v98-reward-grid{grid-template-columns:1fr 1fr}.v98-reward-grid #rewardUserResults{grid-column:1/-1}.v98-user-mission{grid-template-columns:48px minmax(0,1fr)!important}.v98-user-mission-action{grid-column:2;min-width:0;text-align:left}}
@media(max-width:680px){.v98-mission-metrics{grid-template-columns:1fr 1fr}.v98-form-grid{grid-template-columns:1fr}.v98-form-grid label.span-2{grid-column:auto}.v98-admin-mission{grid-template-columns:38px minmax(0,1fr)}.v98-mission-actions{grid-column:2;justify-content:flex-start;max-width:none}.v98-review-row{grid-template-columns:34px minmax(0,1fr)}.v98-review-row>div:last-child{grid-column:2;text-align:left}.v98-review-row>div:last-child>div{flex-wrap:wrap}.v98-reward-grid{grid-template-columns:1fr}.v98-user-mission{grid-template-columns:42px minmax(0,1fr)!important;padding:13px!important}.v98-user-mission .mission-icon{width:40px!important;height:40px!important}}


/* ===== v9.9.css ===== */
/* ModPro V9.4.9 — Link4m code mission flow */
.v99-link4m-config{display:grid;gap:4px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(90,112,167,.05)}
.v99-link4m-config b{font-size:10px}.v99-link4m-config small{font-size:9px;color:var(--muted);line-height:1.45}
.v99-link4m-config.ok{border-color:rgba(60,211,162,.24);background:rgba(60,211,162,.06)}
.v99-link4m-config.ok b{color:#68dfb8}.v99-link4m-config.bad{border-color:rgba(255,118,136,.24);background:rgba(255,80,100,.055)}
.v99-link4m-config.bad b{color:#ff98a7}
#v98MissionUrl:disabled,#v98MissionProvider:disabled,#v98MissionTtl:disabled,#v98MissionMinWait:disabled{opacity:.62;cursor:not-allowed;background:color-mix(in srgb,var(--panel2) 90%,transparent)}
.mission-mode-chip.code{color:#87f2cf!important;background:linear-gradient(90deg,rgba(37,211,164,.12),rgba(34,211,238,.10))!important;border-color:rgba(69,224,190,.22)!important}
.v99-code-verify{display:grid;gap:9px;min-width:min(100%,390px);padding:12px;border:1px solid rgba(107,91,255,.20);border-radius:14px;background:linear-gradient(145deg,rgba(111,76,255,.075),rgba(24,185,221,.045));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.v99-code-row{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:8px;align-items:center}
.v99-code-input{min-height:42px!important;border-radius:11px!important;font:900 14px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.12em!important;text-transform:uppercase;text-align:center;border-color:rgba(123,92,255,.35)!important;background:rgba(8,13,24,.64)!important;color:#f4f7ff!important;box-shadow:0 0 0 1px rgba(123,92,255,.05)}
.v99-code-input:focus{border-color:#7b62ff!important;box-shadow:0 0 0 3px rgba(123,92,255,.12),0 12px 28px rgba(68,72,180,.10)!important;outline:none}
.v99-code-tools{display:flex;gap:7px;flex-wrap:wrap}.v99-code-tools .soft-btn{min-height:34px}
.v99-code-timer{font-weight:850!important;color:#6be0b6!important;letter-spacing:.02em}
.v99-code-verify>small{font-size:9px;line-height:1.45;color:var(--muted)}
.mission-state-in_progress:has(.v99-code-verify){border-color:rgba(92,103,255,.24)!important;box-shadow:0 18px 48px rgba(24,32,95,.13),0 0 36px rgba(81,79,230,.05)}
html[data-theme="light"] .v99-link4m-config{background:#f7f9fd;border-color:rgba(45,69,111,.12)}
html[data-theme="light"] .v99-link4m-config.ok{background:#eefbf7;border-color:#c8eee1}html[data-theme="light"] .v99-link4m-config.ok b{color:#17775d}
html[data-theme="light"] .v99-link4m-config.bad{background:#fff4f5;border-color:#ffd2d8}html[data-theme="light"] .v99-link4m-config.bad b{color:#b73b50}
html[data-theme="light"] .v99-code-verify{background:linear-gradient(145deg,#f8f7ff,#f2fbfd);border-color:#ded9ff}
html[data-theme="light"] .v99-code-input{background:#fff!important;color:#20304a!important;border-color:#cbc5ff!important}
html[data-theme="light"] .v99-code-timer{color:#167b5c!important}
@media(max-width:720px){.v99-code-row{grid-template-columns:1fr}.v99-code-row .btn{width:100%}.v99-code-tools{display:grid;grid-template-columns:1fr 1fr}.v99-code-tools .soft-btn{width:100%}}


/* ===== v9.10.css ===== */
/* ModPro V9.5.0 — standalone Missions page */
.admin-mission-action{display:none!important}
body[data-role="admin"] .admin-mission-action.mission-admin-visible,
body[data-role="admin"] .admin-mission-action{display:inline-flex!important}
.missions-shell{padding-top:46px;padding-bottom:88px}
.missions-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:28px 30px;margin-bottom:14px;background:radial-gradient(circle at 88% 25%,rgba(37,217,255,.10),transparent 30%),radial-gradient(circle at 70% 90%,rgba(125,91,255,.12),transparent 38%),var(--glass)}
.missions-hero::before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-120px;top:-170px;border:1px solid rgba(119,91,255,.18);box-shadow:0 0 80px rgba(91,94,255,.08)}
.missions-hero-copy,.missions-hero-actions{position:relative;z-index:1}.missions-hero h1{font-size:38px;letter-spacing:-.04em;margin:6px 0 10px}.missions-hero p{max-width:760px;color:var(--muted);font-size:11.5px;line-height:1.7;margin:0}.missions-trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.missions-trust span{font-size:8px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);color:#aebbd0}.missions-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:245px}.missions-hero-actions .btn{white-space:nowrap}
.mission-admin-note{display:none;align-items:center;gap:12px;padding:13px 15px;margin:0 0 14px;border:1px solid rgba(255,190,71,.18);border-radius:14px;background:linear-gradient(90deg,rgba(255,181,52,.07),rgba(121,84,255,.04));color:var(--text)}body[data-role="admin"] .mission-admin-note{display:flex!important}.mission-admin-note>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,185,62,.12);color:#ffd16d}.mission-admin-note b{font-size:10.5px}.mission-admin-note small{display:block;margin-top:3px;color:var(--muted);font-size:8.5px}
.mission-admin-control{margin:0 0 18px}.mission-admin-control.hidden{display:none!important}.mission-admin-control .v98-mission-control{margin:0}.mission-admin-control.v98-mission-control{border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,color-mix(in srgb,var(--panel2) 92%,transparent),color-mix(in srgb,var(--panel) 88%,transparent));box-shadow:0 18px 50px rgba(0,0,0,.14)}
.missions-user-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:28px 0 12px}.missions-user-head h2{font-size:24px;margin:5px 0 0}.missions-user-head p{font-size:10px;color:var(--muted);margin:5px 0 0}.missions-user-head .result-note{flex:none}
#page-missions .mission-warning{margin-bottom:12px}#page-missions .mission-grid{margin-top:0}
html[data-theme="light"] .missions-hero{background:radial-gradient(circle at 88% 25%,rgba(37,190,225,.11),transparent 30%),radial-gradient(circle at 70% 90%,rgba(125,91,255,.11),transparent 38%),linear-gradient(155deg,#fff,#f7f9fd)}html[data-theme="light"] .missions-hero h1,html[data-theme="light"] .missions-user-head h2{color:#1b2942}html[data-theme="light"] .missions-hero p,html[data-theme="light"] .missions-user-head p{color:#586a86}html[data-theme="light"] .missions-trust span{background:#f7f9fd;color:#52647f;border-color:rgba(45,69,111,.12)}html[data-theme="light"] .mission-admin-note{background:linear-gradient(90deg,#fff8ea,#f7f4ff);border-color:#ead8b7}
@media(max-width:900px){.missions-hero{grid-template-columns:1fr}.missions-hero-actions{justify-content:flex-start;min-width:0}.missions-user-head{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.missions-shell{padding-top:28px}.missions-hero{padding:20px}.missions-hero h1{font-size:30px}.missions-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.missions-hero-actions .btn{width:100%}.missions-hero-actions #missionRefreshBtn{grid-column:1/-1}.missions-user-head{margin-top:22px}}


/* ===== v9.11.css ===== */
/* ModPro V9.5.1 — single-line top navigation */
.topbar{
  height:72px!important;
  min-height:72px;
  padding-left:clamp(12px,1.65vw,28px)!important;
  padding-right:clamp(12px,1.65vw,28px)!important;
  gap:clamp(10px,1.35vw,24px)!important;
  flex-wrap:nowrap!important;
  white-space:nowrap;
}
.topbar>.brand{flex:0 0 auto;min-width:max-content}
.desktop-nav{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  min-width:max-content;
  gap:2px!important;
}
.desktop-nav .nav-link{
  flex:0 0 auto;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  line-height:1!important;
  padding:10px 10px!important;
}
.top-actions{
  flex:1 1 auto;
  min-width:0;
  margin-left:auto;
  display:flex;
  flex-wrap:nowrap!important;
  justify-content:flex-end;
  align-items:center;
  white-space:nowrap;
}
.top-actions>*{flex-shrink:0}
.top-actions .search-mini{
  flex:1 1 190px;
  min-width:120px!important;
  width:clamp(130px,16vw,230px);
  max-width:230px;
}
.top-actions .search-mini input{min-width:0}
.profile-pill,.coin-pill,.guest-auth-top,.guest-auth-top button{white-space:nowrap!important}

/* Keep labels compact before the existing mobile breakpoint takes over. */
@media(max-width:1500px) and (min-width:901px){
  .topbar{gap:12px!important;padding-left:16px!important;padding-right:16px!important}
  .brand-type{font-size:16px!important}
  .desktop-nav .nav-link{font-size:13px!important;padding:9px 9px!important}
  .top-actions{gap:6px!important}
  .top-actions .search-mini{max-width:190px;flex-basis:155px}
  .search-mini kbd{display:none!important}
}
@media(max-width:1320px) and (min-width:901px){
  .topbar{gap:9px!important;padding-left:12px!important;padding-right:12px!important}
  .brand{gap:8px!important}
  .brand-mark{width:35px!important;height:35px!important;border-radius:10px!important}
  .brand-type{font-size:15px!important}
  .desktop-nav .nav-link{font-size:12.5px!important;padding:9px 8px!important}
  .top-actions .search-mini{max-width:150px;min-width:105px!important;flex-basis:120px}
  .profile-pill{padding-right:7px!important}
}
@media(max-width:1180px) and (min-width:901px){
  .top-actions .search-mini{display:none!important}
  .desktop-nav .nav-link{padding-left:7px!important;padding-right:7px!important}
}

/* Absolutely prevent two-line navigation labels, including Admin/Creator-only entries. */
.desktop-nav .nav-link,
.desktop-nav .nav-link span,
.topbar .brand-type,
.topbar .profile-copy b,
.topbar .profile-copy small{white-space:nowrap!important}


/* ===== v9.12.css ===== */
/* ModPro V9.8.0 — full polish, resilience, responsive & accessibility pass */

/* ---------- Global stability ---------- */
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{overflow-x:hidden}
*{min-width:0}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}
img{max-width:100%;height:auto}
.hidden{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;left:12px;top:8px;z-index:9999;transform:translateY(-150%);padding:10px 14px;border-radius:10px;background:#fff;color:#10131d;font-weight:800;text-decoration:none;box-shadow:0 10px 40px #0006;transition:transform .16s ease}
.skip-link:focus{transform:translateY(0)}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #58c7ff!important;outline-offset:3px!important}
:where(button,.btn,.soft-btn,.icon-btn,.round-btn)[disabled],:where(button,.btn,.soft-btn,.icon-btn,.round-btn).is-busy{opacity:.55!important;cursor:not-allowed!important;transform:none!important;pointer-events:none}

/* ---------- Top bar: always one row on desktop ---------- */
.topbar{max-width:100vw;overflow:visible}
.topbar>.brand{flex:0 0 auto;min-width:max-content}
.desktop-nav{min-width:0;overflow:hidden;flex:0 1 auto!important}
.top-actions{min-width:max-content}
.desktop-nav .nav-link{min-width:max-content}
.top-actions{min-width:max-content}
@media (min-width:901px) and (max-width:1240px){
  .topbar{gap:7px!important;padding-inline:10px!important}
  .desktop-nav .nav-link{font-size:12px!important;padding:8px 6px!important}
  .top-actions{gap:5px!important}
  .profile-copy small{display:none!important}
  .coin-pill small{display:none!important}
  .guest-auth-top{gap:4px!important}
  .guest-auth-top button{padding-inline:9px!important}
}
@media (min-width:901px) and (max-width:1060px){
  .brand-type{display:none!important}
  .desktop-nav .nav-link{padding-inline:5px!important;font-size:11.5px!important}
  .profile-copy{display:none!important}
  .coin-pill{padding-inline:8px!important}
  .guest-register-top{display:none!important}
}
@media (min-width:901px) and (max-width:960px){
  .desktop-nav .nav-link[data-route="upload"]{display:none!important}
  .topbar{gap:5px!important}
}

/* ---------- Mobile bottom nav: one row, never wraps ---------- */
@media(max-width:760px){
  .mobile-nav{
    display:flex!important;grid-template-columns:none!important;gap:3px!important;
    overflow-x:auto!important;overflow-y:visible!important;white-space:nowrap!important;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:7px 8px!important;
    padding-bottom:max(7px,env(safe-area-inset-bottom))!important;
  }
  .mobile-nav::-webkit-scrollbar{display:none}
  .mobile-nav button{flex:0 0 64px;min-width:64px;min-height:46px;border-radius:12px!important;padding:5px 4px!important;justify-content:center}
  .mobile-nav button.active{background:rgba(112,91,255,.14)!important;color:var(--text)!important}
  .mobile-nav .mobile-create{flex-basis:46px!important;min-width:46px!important;margin-top:0!important}
  .site-footer{padding-bottom:108px!important}
}
@media(max-width:430px){.mobile-nav{left:6px!important;right:6px!important;bottom:6px!important}.mobile-nav button{flex-basis:58px;min-width:58px;font-size:7.5px!important}}

/* ---------- Better card rhythm ---------- */
.mod-card,.creator-card,.glass-panel,.metric-card,.mission-card{backface-visibility:hidden}
.mod-title,.creator-card h3,.forum-thread-list b,.thread-row b{overflow-wrap:anywhere}
.mod-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.creator-bio{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mod-card,.creator-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
@media(hover:hover){.mod-card:hover,.creator-card:hover{transform:translateY(-3px)}}

/* ---------- Forms / editors ---------- */
input,select,textarea{max-width:100%}
textarea{resize:vertical}
.modal-card{max-height:min(88vh,820px);overflow:auto;overscroll-behavior:contain}
.modal-actions{position:sticky;bottom:-1px;z-index:2;padding-top:12px;background:linear-gradient(180deg,transparent 0%,var(--panel,#0d1322) 32%)}
.modal-close{z-index:4}
.field-error{color:#ff7c91;font-size:11px;margin-top:5px}
input[aria-invalid="true"],textarea[aria-invalid="true"],select[aria-invalid="true"]{border-color:#ff5e7c!important;box-shadow:0 0 0 3px rgba(255,94,124,.10)!important}

/* ---------- Toasts ---------- */
.toast-stack{pointer-events:none;z-index:10050!important}
.toast{pointer-events:auto;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .2s ease,transform .2s ease;max-width:min(390px,calc(100vw - 28px));box-shadow:0 18px 60px #0006}
.toast.toast-in{opacity:1;transform:none}
.toast.toast-out{opacity:0;transform:translateY(7px) scale(.985)}

/* ---------- Network banner ---------- */
.network-banner{position:fixed;left:50%;top:82px;z-index:2000;transform:translate(-50%,-12px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,188,72,.35);background:rgba(45,31,8,.94);color:#ffe6a6;font-size:11px;font-weight:750;box-shadow:0 15px 50px #0007;transition:.2s ease}
.network-banner.show{opacity:1;transform:translate(-50%,0)}
.network-banner.online{border-color:rgba(70,220,160,.30);background:rgba(9,43,34,.94);color:#a8f3d7}
@media(max-width:900px){.network-banner{top:70px;max-width:calc(100vw - 24px)}}

/* ---------- Loading / skeleton ---------- */
.skeleton{position:relative;overflow:hidden;background:rgba(255,255,255,.055)!important;color:transparent!important;border-color:transparent!important}
.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:mp-shimmer 1.2s linear infinite}
@keyframes mp-shimmer{to{transform:translateX(110%)}}
.is-loading{cursor:progress!important}
.is-loading>.loading-label:before{content:"";display:inline-block;width:11px;height:11px;margin-right:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-1px;animation:mp-spin .7s linear infinite}
@keyframes mp-spin{to{transform:rotate(360deg)}}

/* ---------- Missions / Admin ---------- */
#page-missions .missions-hero-actions{display:flex;flex-wrap:wrap;gap:8px}
#page-missions .mission-admin-visible{box-shadow:0 10px 30px rgba(110,80,255,.14)}
#missionAdminControl{scroll-margin-top:92px}
.v98-mission-control input,.v98-mission-control select,.v98-mission-control textarea{min-height:42px}
.admin-shell>main{min-width:0}
.admin-list,.admin-table,.moderation-table{overflow-x:auto;overscroll-behavior-inline:contain}
.admin-nav{position:sticky;top:92px;align-self:start;max-height:calc(100vh - 112px);overflow:auto}
@media(max-width:980px){.admin-shell{grid-template-columns:1fr!important}.admin-nav{position:static;display:flex;overflow-x:auto;gap:6px;max-height:none;padding:10px!important}.admin-nav>span,.admin-nav>h2{display:none}.admin-nav button{flex:0 0 auto;white-space:nowrap}}

/* ---------- Footer / long labels ---------- */
.footer-v8-links button,.footer-bottom button{white-space:normal;text-align:left}
.footer-v8-status{align-items:center}
.build-chip{display:inline-flex;align-items:center;height:22px;padding:0 7px;border:1px solid var(--line);border-radius:999px;font-size:8px;letter-spacing:.06em;color:var(--muted);white-space:nowrap}

/* ---------- Light-mode contrast ---------- */
html[data-theme="light"] .search-mini,
html[data-theme="light"] .coin-pill,
html[data-theme="light"] .profile-pill{background:rgba(255,255,255,.82)!important}
html[data-theme="light"] .network-banner{box-shadow:0 12px 35px rgba(40,50,80,.16)}
html[data-theme="light"] .skeleton{background:rgba(54,68,105,.08)!important}
html[data-theme="light"] .toast{box-shadow:0 16px 45px rgba(38,45,70,.18)}

/* ---------- Reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .ambient,.noise{animation:none!important}
}

/* ---------- Very small screens ---------- */
@media(max-width:520px){
  .topbar{padding-inline:9px!important;gap:6px!important}
  .top-actions{gap:5px!important}
  .top-actions .icon-btn{width:36px;height:36px}
  .profile-pill{height:38px!important}
  .page-shell{padding-inline:0}
  .modal-backdrop{padding:10px!important}
  .modal-card{border-radius:18px!important;padding:18px!important;max-height:92vh}
  .hero-copy h1{font-size:clamp(39px,13vw,50px)!important}
}


/* ===== v9.13.css ===== */
/* ModPro V9.8.0 — deep performance, keyboard UX & accessibility polish */
html{scrollbar-gutter:stable;overscroll-behavior-y:none}
body.mp-modal-open{overflow:hidden!important;padding-right:var(--mp-scrollbar-comp,0)}
::selection{background:rgba(113,91,255,.32);color:inherit}
.page.active :is(h1,h2){text-wrap:balance}
.page.active :is(p,.hero-copy p,.section-subtitle){text-wrap:pretty}

/* Keyboard / command palette */
.command-results button:focus-visible,.command-results button[aria-selected="true"]{background:rgba(112,91,255,.14)!important;border-color:rgba(125,107,255,.38)!important}
.command-results button{border:1px solid transparent!important;outline:none}
.command-dialog{max-height:min(76vh,680px);overflow:hidden;display:flex;flex-direction:column}
.command-results{overflow:auto;overscroll-behavior:contain}
.command-results button>div{min-width:0}.command-results button b,.command-results button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Modal stability and focus */
.modal-backdrop:not(.hidden),.command-palette:not(.hidden){overscroll-behavior:contain}
.modal-card[role="dialog"],.command-dialog[role="dialog"]{outline:none}
.modal-card input,.modal-card textarea,.modal-card select{scroll-margin-top:100px}

/* Back to top */
.mp-back-to-top{position:fixed;right:20px;bottom:24px;z-index:85;width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:var(--glass2);color:var(--text);backdrop-filter:blur(15px);box-shadow:0 12px 35px rgba(0,0,0,.22);display:grid;place-items:center;opacity:0;transform:translateY(12px) scale(.92);pointer-events:none;transition:opacity .18s ease,transform .18s ease,border-color .18s ease;cursor:pointer}
.mp-back-to-top.show{opacity:1;transform:none;pointer-events:auto}
.mp-back-to-top:hover{border-color:rgba(117,97,255,.55);transform:translateY(-2px)}
.mp-back-to-top span{font-size:18px;line-height:1}
@media(max-width:760px){.mp-back-to-top{right:14px;bottom:88px;width:40px;height:40px;border-radius:13px}}

/* Route state */
[data-route][aria-current="page"]{position:relative}
.desktop-nav [data-route][aria-current="page"]:after{content:"";position:absolute;left:28%;right:28%;bottom:2px;height:2px;border-radius:99px;background:currentColor;opacity:.72}

/* Dense pages: improve scrolling without changing layout */
.admin-list,.moderation-table,.v98-admin-list,.wallet-history,.forum-thread-list{scrollbar-width:thin;scrollbar-color:rgba(130,112,255,.34) transparent}
:is(.admin-list,.moderation-table,.v98-admin-list,.wallet-history,.forum-thread-list)::-webkit-scrollbar{width:8px;height:8px}
:is(.admin-list,.moderation-table,.v98-admin-list,.wallet-history,.forum-thread-list)::-webkit-scrollbar-thumb{background:rgba(130,112,255,.28);border-radius:999px}

/* Touch targets */
@media(pointer:coarse){
  :is(.btn,.soft-btn,.icon-btn,.round-btn,.nav-link,.profile-pill,.coin-pill){min-height:42px}
  input,select,textarea{font-size:max(16px,1em)}
}

/* Desktop top bar stays one line even with Admin/Creator actions */
@media(min-width:901px){.topbar,.desktop-nav,.top-actions{flex-wrap:nowrap!important}.desktop-nav{white-space:nowrap!important}.desktop-nav .nav-link{white-space:nowrap!important}}

/* Light theme depth */
html[data-theme="light"] .mp-back-to-top{background:rgba(255,255,255,.92);box-shadow:0 12px 32px rgba(45,54,84,.15)}
html[data-theme="light"] .command-results button:focus-visible{background:rgba(83,65,210,.09)!important}

@media(prefers-reduced-motion:reduce){.mp-back-to-top{transition:none!important}.mp-back-to-top:hover{transform:none}}


/* ===== v9.14.css ===== */
/* ModPro V9.8.0 — request feedback, safer forms & micro-polish */
.mp-request-bar{position:fixed;z-index:4000;left:0;right:0;top:0;height:2px;pointer-events:none;opacity:0;overflow:hidden;transition:opacity .12s ease}.mp-request-bar.show{opacity:1}.mp-request-bar i{display:block;width:34%;height:100%;border-radius:999px;background:linear-gradient(90deg,#7657ff,#3da7ff,#65e3bf);transform:translateX(-120%)}.mp-request-bar.show i{animation:mp-request-run 1.05s cubic-bezier(.4,0,.2,1) infinite}@keyframes mp-request-run{0%{transform:translateX(-120%) scaleX(.7)}55%{transform:translateX(180%) scaleX(1.15)}100%{transform:translateX(360%) scaleX(.72)}}
.mp-password-field{position:relative}.mp-password-field>input[type="password"],.mp-password-field>input[type="text"]{padding-right:62px!important}.mp-password-toggle{position:absolute;right:9px;bottom:8px;min-width:42px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--muted,#9ca7bd);font-size:11px;font-weight:800;cursor:pointer}.mp-password-toggle:hover,.mp-password-toggle:focus-visible{background:rgba(124,92,255,.12);color:var(--text,#fff);outline:none}.mp-caps-hint{position:absolute;right:0;top:100%;margin-top:4px;color:#ffbf6b;font-size:10px;font-weight:750;z-index:3}.mp-char-counter{display:block;text-align:right;margin-top:5px;color:var(--muted,#8f9ab0);font-size:10px;font-variant-numeric:tabular-nums}.mp-char-counter.near{color:#ffb76b;font-weight:800}.mp-image-failed{opacity:.38;filter:grayscale(1)}
textarea[data-mp-text-ready="1"]{resize:vertical;transition:height .1s ease,border-color .18s ease,box-shadow .18s ease}
html[data-theme="light"] .mp-password-toggle:hover,html[data-theme="light"] .mp-password-toggle:focus-visible{background:rgba(90,72,210,.09)}
@media(max-width:760px){.mp-password-toggle{right:7px;bottom:7px}.mp-request-bar{height:3px}}
@media(prefers-reduced-motion:reduce){.mp-request-bar.show i{animation-duration:1.8s}textarea[data-mp-text-ready="1"]{transition:none}}