*{box-sizing:border-box}body{margin:0;background:#07090b;color:#d2d8dc;font-family:Arial,sans-serif;font-size:14px}.wrap{width:min(1160px,calc(100% - 20px));margin:auto}.header{background:#071b29;border-bottom:1px solid #163549}.header-row{min-height:70px;display:flex;align-items:center;gap:28px}.logo{color:#fff;text-decoration:none;font:700 20px Georgia}.logo span{color:#dda63d}.logo small{display:block;font:8px Arial;letter-spacing:3px;color:#7594a8}.header nav{display:flex;flex:1}.header nav a,.subnav a{color:#74a6c4;text-decoration:none}.header nav a{padding:27px 14px;border-bottom:2px solid transparent}.header nav a:hover{background:#0b2839;border-bottom-color:#d79a32;color:#fff}.account-actions{display:flex;gap:8px;align-items:center}.linkbtn,.goldbtn,.menubtn{display:inline-block;border:0;border-radius:3px;cursor:pointer;padding:10px 14px;color:#fff;text-decoration:none}.linkbtn,.menubtn{background:#102c3d}.goldbtn{background:var(--accent,#a86c10);border:1px solid #cf8b22}.menubtn{display:none}.subnav{background:#050708;border-bottom:1px solid #1d2428}.subnav .wrap{display:flex;gap:18px;padding:10px 0;font-size:12px}.flash{margin-top:12px;padding:11px 13px;background:#0e2d3e;border:1px solid #24536c;color:#bfe7ff}.page{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;padding:16px 0 30px}.headline,.forum-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.kicker{color:#d29a35;font-size:11px;letter-spacing:2px}.headline h1,.forum-title h1{margin:6px 0;font-size:24px;font-weight:500;color:#f0f2f4}.headline p,.forum-title p{margin:0;color:#87939a}.box,.category,.sidebox,.formbox,.profilebox,.statscards,.post{background:#111416;border:1px solid #242a2d;margin-bottom:14px}.tabs{display:flex;background:#0c202b;overflow:auto}.tab{background:transparent;color:#93b4c8;border:0;padding:13px 17px;white-space:nowrap}.tab.active{border-bottom:3px solid #3790be;color:white}.topic{display:grid;grid-template-columns:50px minmax(0,1fr) 100px 120px;gap:8px;padding:11px;border-bottom:1px solid #262a2c;align-items:center}.topic-link,.forumlink,.threadrow{text-decoration:none;color:inherit}.topic:last-child{border-bottom:0}.topic b{color:#6fb0d6;font-size:15px}.topic small,.threadrow small{display:block;color:#7d858a;margin-top:4px}.stats,.last{font-size:12px;color:#8e969b}.last{text-align:right}.last span{color:#72a7c5}.badge{display:inline-block;font-size:10px;border-radius:3px;padding:4px 6px;text-align:center;color:#111;font-weight:700}.sell{background:#f1c426}.info{background:#75b7dc}.buy{background:#72d09a}.ad{background:#d2a7ff}.support{background:#ff9e72}.cathead{padding:10px 12px;background:linear-gradient(#0a2a3a,#071c28);border-bottom:1px solid #23404e}.cathead h2{margin:0;color:#9dbbd0;font-size:17px;font-weight:500}.cathead span{font-size:11px;color:#628091}.forumrow{display:grid;grid-template-columns:40px minmax(0,1fr) 190px;gap:10px;padding:16px 12px;border-bottom:1px solid #25292c;align-items:center}.forumrow:last-child{border-bottom:0}.ico{font-size:22px;color:#dda34b}.forumrow h3{margin:0 0 5px;color:#72afd2;font-size:16px}.forumrow p{margin:0;color:#9ba0a3;line-height:1.45;font-size:12px}.forumrow small{display:block;color:#72787c;margin-top:5px}.preview{font-size:12px;color:#6fa8c7}.preview span{color:#787e82}.sidebox h3{margin:0;padding:10px;background:#0d2533;color:#9db8ca;font-size:14px;font-weight:500}.sidebox p,.sidebox small{display:block;margin:11px;color:#a7adb1;line-height:1.5}.full{display:block;width:calc(100% - 22px);margin:0 11px 11px;text-align:center}.product,.linkfull{display:flex;justify-content:space-between;padding:12px;color:#78b2d4;text-decoration:none;border-bottom:1px solid #25292c}.product span{font-size:10px;color:#c99a35}.member{display:flex;gap:9px;padding:12px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#885d22;color:#fff;font-weight:700}.member span,.author span{display:block;color:#777;font-size:11px}footer{background:#040708;border-top:1px solid #17242c}.foot{padding:18px 0;display:grid;grid-template-columns:1fr auto;gap:12px;color:#738794;font-size:11px}.foot a{color:#738794;text-decoration:none}.copy{grid-column:1/-1;text-align:center}.narrow{width:min(700px,calc(100% - 20px));padding:28px 0}.narrow-wide{width:min(950px,calc(100% - 20px));padding:24px 0}.formbox{padding:22px}.formbox h1{margin-top:0}.formbox label{display:block;margin:13px 0;color:#b9c0c4}.formbox input,.formbox select,.formbox textarea{width:100%;padding:11px;margin-top:5px;background:#070a0c;border:1px solid #34444e;color:#fff}.formbox textarea{resize:vertical}.error{background:#45191b;border:1px solid #7d2e33;color:#ffc3c6;padding:9px;margin:8px 0}.hint{color:#89949b;font-size:12px}.threadrow{display:grid;grid-template-columns:55px minmax(0,1fr) 100px;gap:12px;align-items:center;padding:14px;border-bottom:1px solid #252a2d}.threadrow:last-child{border-bottom:0}.threadrow b{color:#74b2d5}.threadrow .right{text-align:right;color:#8a9297;font-size:12px}.empty{padding:20px;color:#89939a}.breadcrumbs{margin-bottom:12px;color:#6f8491;font-size:12px}.breadcrumbs a{color:#6da5c6;text-decoration:none}.thread-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.thread-head h1{font-size:23px;margin:0}.post{display:grid;grid-template-columns:150px 1fr}.author{padding:18px;border-right:1px solid #252a2d}.author b{display:block;margin:8px 0;color:#e1b04d}.postbody{padding:18px;line-height:1.6}.postbody small{color:#7e878c}.replybox{margin-top:18px}.profilebox{padding:20px;display:flex;gap:18px;align-items:center}.bigavatar{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:#8b6024;font-size:36px;font-weight:700}.profilebox h1{margin:5px 0}.profilebox p{margin:5px 0;color:#8f989d}.statscards{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.statscards div{padding:20px;border-right:1px solid #252a2d}.statscards div:last-child{border-right:0}.statscards b{display:block;font-size:20px;color:#e2ad49}.statscards span{display:block;margin-top:6px;color:#818b91}@media(max-width:900px){.page{grid-template-columns:1fr}.header nav{position:absolute;top:70px;left:0;right:0;background:#071b29;display:none;flex-direction:column;z-index:20}.header nav.open{display:flex}.header nav a{padding:14px 20px}.menubtn{display:block}.forumrow{grid-template-columns:38px minmax(0,1fr)}.preview{display:none}.page aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sidebox{margin:0}.post{grid-template-columns:110px 1fr}}@media(max-width:620px){.headline,.forum-title{display:block}.headline .goldbtn,.forum-title .goldbtn{margin-top:12px}.topic{grid-template-columns:46px minmax(0,1fr)}.stats,.last{display:none}.page aside{grid-template-columns:1fr}.subnav .wrap{overflow:auto;white-space:nowrap}.foot{grid-template-columns:1fr}.copy{grid-column:auto}.logo{font-size:17px}.threadrow{grid-template-columns:50px minmax(0,1fr)}.threadrow .right{display:none}.post{grid-template-columns:1fr}.author{border-right:0;border-bottom:1px solid #252a2d}.statscards{grid-template-columns:1fr}.statscards div{border-right:0;border-bottom:1px solid #252a2d}}
.forum-locked{opacity:.68}.forum-locked:hover{opacity:1}
.statuspin,.statuslock{font-size:10px;padding:4px 7px;border-radius:3px;font-weight:700}
.statuspin{background:#d3a43e;color:#17120a}.statuslock{background:#73363a;color:#ffd7d9}
.modbar{margin:-3px 0 12px;display:flex;gap:8px}
.modbar a{background:#122b39;border:1px solid #284c60;color:#91c2dc;text-decoration:none;padding:7px 11px;border-radius:3px}
.adminpage{padding:24px 0}.admin-title{margin-bottom:18px}.admin-title h1{margin:5px 0}.admin-title p{color:#849198}
.admincard{background:#111416;border:1px solid #252b2f;margin-bottom:16px}
.admincard h2{margin:0;padding:12px;background:#0c2735;color:#a3c0d2;font-size:17px}
.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}
th,td{padding:10px;border-bottom:1px solid #252a2d;text-align:left;font-size:12px}
th{background:#0b0f11;color:#809cab}td small{display:block;color:#6e777c;margin-top:3px}
td select{background:#080b0d;color:#ddd;border:1px solid #35444c;padding:6px}
.smallbtn{padding:6px 9px}.dangerbtn{background:#762f34;border:1px solid #9e464d;color:#fff;padding:6px 9px;border-radius:3px;cursor:pointer}
.admincard a{color:#74b0d3;text-decoration:none}

.profile-actions{display:flex;gap:10px;margin:0 0 14px;flex-wrap:wrap}
.formbox hr{border:0;border-top:1px solid #283036;margin:24px 0}
.textlink{color:#77b1d3;text-decoration:none}
.attachment{margin-top:16px;padding:10px;background:#0b1216;border:1px solid #243642}
.attachment a{color:#7cb9db;text-decoration:none}
.message-row,.notification-row{display:flex;justify-content:space-between;gap:10px;padding:13px;border-bottom:1px solid #252a2d;text-decoration:none;color:#cbd1d5}
.message-row b,.notification-row b{color:#79b6d7}
.message-row small,.notification-row small{display:block;color:#747d82;margin-top:4px}
.message-row.unread,.notification-row.unread{background:#102431}
.message-row>span,.notification-row>span{font-size:10px;color:#d7aa4d}
.message-body{padding:12px 14px 18px;background:#0c1012;border-bottom:1px solid #252a2d;color:#aeb5b9;line-height:1.5}

.post-actions{float:right;margin-left:10px}.post-actions a{color:#7db6d5;text-decoration:none;font-size:11px}
.membergrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.membercard{background:#111416;border:1px solid #252b2f;padding:16px;display:flex;gap:14px;align-items:center}
.membercard h3{margin:0 0 4px;color:#7ab6d7}.membercard span,.membercard small{display:block;color:#7f898f;margin-top:4px}
.smallavatar{width:58px;height:58px;font-size:24px}
.producthero{background:linear-gradient(180deg,#102b3b,#0b1318);border:1px solid #28414e;padding:28px;margin-bottom:16px}
.producthero h1{margin:6px 0;color:#fff;font-size:30px}.producthero p{color:#a5b0b6;max-width:700px;line-height:1.6}
.productcontent,.legalcontent{padding:18px;line-height:1.7;color:#b4bbc0}
@media(max-width:650px){.membergrid{grid-template-columns:1fr}}

.pagination{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.pagination a{padding:7px 10px;background:#101b21;border:1px solid #293a44;color:#83b7d1;text-decoration:none}.pagination a.active{background:#9a6516;color:white;border-color:#c18425}
.watchbar{margin:0 0 10px}.watchbar a{color:#d6a54a;text-decoration:none;font-size:12px}
.post-signature{margin-top:18px;padding-top:10px;border-top:1px solid #273139;color:#77868f;font-size:12px}
.signaturebox{background:#111416;border:1px solid #242a2d;padding:14px;margin-bottom:14px;color:#94a2aa}
img.avatar,img.bigavatar{object-fit:cover;display:block}
.settingsform{padding:15px}.settingsgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.settingsgrid label{display:block;color:#aeb8bd}.settingsgrid input,.settingsgrid select{width:100%;padding:9px;margin-top:5px;background:#080c0e;color:#ddd;border:1px solid #34454e}
.inlineform{display:inline-block;margin-left:8px}
@media(max-width:650px){.settingsgrid{grid-template-columns:1fr}}

.publicprofile{display:flex;align-items:center;gap:18px;background:#111416;border:1px solid #242a2d;padding:20px;margin-bottom:14px}
.profileavatar{width:96px;height:96px;border-radius:50%;background:#885d22;display:grid;place-items:center;font-size:34px;font-weight:700;object-fit:cover}
.publicprofile h1{margin:5px 0}.rankbadge{display:inline-block;background:#173346;border:1px solid #31566d;color:#9ed0eb;padding:4px 8px;border-radius:3px;font-size:11px}
.reactionbar{display:flex;gap:12px;align-items:center;margin-top:14px;font-size:12px}.reactionbar a{color:#76b0d2;text-decoration:none}.reactionbar span{color:#d8b15e}
.postbody blockquote{margin:12px 0;padding:10px 12px;background:#0a1115;border-left:3px solid #47748b;color:#aeb8be}
.pricebox{display:inline-block;margin:12px 10px 12px 0;padding:9px 12px;background:#0b151a;border:1px solid #2a444f;color:#e1b45b;font-weight:700}
.admincard input[type=text],.admincard input[type=number],.admincard input:not([type]){background:#080c0e;color:#ddd;border:1px solid #34454e;padding:7px;width:100%}

.dashboardgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}
.dashcard{background:#111416;border:1px solid #273039;padding:18px;text-align:center}
.dashcard b{display:block;font-size:26px;color:#e0af52}.dashcard span{display:block;color:#84939b;margin-top:5px}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.gallery figure{margin:0;background:#111416;border:1px solid #263039}.gallery img{width:100%;height:180px;object-fit:cover;display:block}.gallery figcaption{padding:8px;color:#8e9ba2;font-size:12px}
.orderstatus{display:inline-block;padding:4px 7px;background:#122d3b;border:1px solid #2c5368;color:#9bd1ed;border-radius:3px}
.admincard input,.admincard select{max-width:100%}
@media(max-width:900px){.dashboardgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.dashboardgrid,.gallery{grid-template-columns:1fr}}

.diagrow{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #263039}.diagok{color:#76d59e}.diagbad{color:#ff858c}
.toolbuttons{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:520px){
  .header-row{gap:8px}.account-actions{gap:4px}.account-actions a,.account-actions button{padding:8px 9px;font-size:11px}
  .topic,.threadrow{padding:10px}.headline h1,.forum-title h1{font-size:20px}.producthero h1{font-size:24px}
  .publicprofile{align-items:flex-start}.profileavatar{width:72px;height:72px}
  .diagrow{display:block}.diagrow b{display:block;margin-top:4px}
}


.adminonlynote{margin-top:6px;color:#d7b166;font-size:12px}
.readonlypill{display:inline-block;padding:10px 14px;background:#11161a;border:1px solid #2d3b44;color:#9fb2bc;border-radius:4px}


.nestedcategory{border:1px solid #24313a;background:#0c1013}
.nestedcategory .forumrow{border-top:1px solid #1d252b}
.nestedcategory .forumrow:first-child{border-top:0}

.tabs a.tab{display:block;text-decoration:none}

/* V1.0.10 mobile header fix: keep Log in visible in portrait mode */
@media(max-width:620px){
  .header-row{
    min-height:74px;
    gap:6px;
    padding:8px 0;
    flex-wrap:nowrap;
  }
  .logo{
    flex:1 1 auto;
    min-width:0;
    font-size:16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .account-actions{
    display:flex;
    flex:0 0 auto;
    gap:5px;
    align-items:center;
  }
  .account-actions .linkbtn,
  .account-actions .goldbtn,
  .account-actions .menubtn{
    display:inline-block !important;
    padding:9px 10px;
    font-size:12px;
    white-space:nowrap;
  }
}
@media(max-width:390px){
  .logo{font-size:15px}
  .account-actions .linkbtn,
  .account-actions .goldbtn,
  .account-actions .menubtn{
    padding:8px 8px;
    font-size:11px;
  }
}

/* V1.0.12 portrait mobile header hotfix */
@media(max-width:620px){
  .header-row{
    min-height:70px;
    display:flex;
    align-items:center;
    gap:6px;
  }

  .logo{
    flex:1 1 auto;
    min-width:0;
    max-width:125px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:15px;
  }

  .account-actions{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:4px;
    flex:0 0 auto;
  }

  .account-actions .linkbtn,
  .account-actions .goldbtn,
  .account-actions .menubtn{
    display:inline-block !important;
    padding:8px 8px;
    font-size:11px;
    white-space:nowrap;
  }

  .menubtn{
    width:36px;
  }
}

@media(max-width:380px){
  .logo{max-width:100px;font-size:14px}
  .account-actions .linkbtn,
  .account-actions .goldbtn,
  .account-actions .menubtn{
    padding:7px 6px;
    font-size:10px;
  }
}


/* V1.0.16 MOBILE HEADER - self-contained in main stylesheet */
.mobile-header-actions{display:none}

@media(max-width:900px){
  .desktop-nav,
  .desktop-account{
    display:none !important;
  }

  .header{
    position:relative;
    z-index:1000;
  }

  .header-row{
    min-height:68px;
    display:flex;
    align-items:center;
    gap:4px;
  }

  .header .logo{
    flex:1 1 auto;
    min-width:0;
    max-width:128px;
    font-size:15px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .mobile-header-actions{
    display:flex !important;
    align-items:center;
    gap:4px;
    margin-left:auto;
    flex:0 0 auto;
  }

  /* BOTH Register and Log in are the same yellow button */
  .mobile-header-actions .mobile-register-btn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    height:38px;
    padding:0 9px;
    border-radius:4px;
    background:var(--accent,#a86c10);
    border:1px solid #cf8b22;
    color:#fff !important;
    text-decoration:none !important;
    white-space:nowrap;
    font-size:11px;
    line-height:1;
  }

  .mobile-header-actions .mobile-login-btn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    height:38px;
    padding:0 9px;
    border-radius:4px;
    background:var(--accent,#a86c10);
    border:1px solid #cf8b22;
    color:#fff !important;
    text-decoration:none !important;
    white-space:nowrap;
    font-size:11px;
    line-height:1;
  }

  .mobile-menu-details{
    position:relative;
    flex:0 0 auto;
    margin:0;
  }

  .mobile-menu-details summary{
    list-style:none;
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    margin:0;
    padding:0;
    border-radius:4px;
    background:#102c3d;
    border:1px solid #1e4257;
    color:#fff;
    cursor:pointer;
    font-size:20px;
    line-height:1;
  }

  .mobile-menu-details summary::-webkit-details-marker{display:none}

  .mobile-menu-popup{
    position:absolute;
    top:44px;
    right:0;
    z-index:9999;
    width:230px;
    padding:7px;
    border:1px solid #24495d;
    border-radius:5px;
    background:#081b28;
    box-shadow:0 12px 28px rgba(0,0,0,.45);
  }

  .mobile-menu-popup a{
    display:block;
    padding:10px 11px;
    margin:0 0 5px;
    border-radius:3px;
    background:#0d2a3a;
    color:#9bc9e2 !important;
    text-decoration:none !important;
    font-size:13px;
  }

  .mobile-menu-popup a:last-child{margin-bottom:0}
}

@media(max-width:390px){
  .header .logo{
    max-width:96px;
    font-size:13px;
  }

  .mobile-header-actions .mobile-register-btn,
  .mobile-header-actions .mobile-login-btn{
    height:36px;
    padding:0 6px;
    font-size:10px;
  }

  .mobile-menu-details summary{
    width:34px;
    height:36px;
    font-size:18px;
  }
}

/* V1.0.17 safety: never show desktop account links in mobile header */
@media(max-width:900px){
  .desktop-account{display:none !important}
  .desktop-nav{display:none !important}
}


/* V1.0.18 unified header: no duplicate account markup */
.mobile-menu-button,
.mobile-menu-panel{display:none}

@media(max-width:900px){
  .desktop-nav{display:none !important}

  .header-row{
    min-height:68px;
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:5px;
  }

  .header .logo{
    flex:1 1 auto;
    min-width:0;
    max-width:112px;
    font-size:14px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .unified-account{
    margin-left:auto;
    display:flex !important;
    align-items:center;
    gap:4px;
    flex:0 0 auto;
  }

  .desktop-only-account{
    display:none !important;
  }

  .unified-account .guest-register-btn,
  .unified-account .guest-login-btn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    height:36px;
    min-width:58px;
    padding:0 7px;
    margin:0;
    border-radius:4px;
    background:var(--accent,#a86c10) !important;
    border:1px solid #cf8b22 !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:10px;
    line-height:1;
    white-space:nowrap;
  }

  .mobile-menu-button{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:34px;
    height:36px;
    padding:0;
    margin:0;
    border-radius:4px;
    border:1px solid #1e4257;
    background:#102c3d;
    color:#fff;
    font-size:18px;
    cursor:pointer;
  }

  .mobile-menu-panel{
    position:absolute;
    top:68px;
    right:0;
    left:0;
    z-index:9999;
    background:#081b28;
    border-top:1px solid #234152;
    border-bottom:1px solid #234152;
    box-shadow:0 10px 24px rgba(0,0,0,.4);
  }

  .mobile-menu-links{
    padding:8px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
  }

  .mobile-menu-links a{
    display:block;
    padding:10px 11px;
    border:1px solid #234152;
    border-radius:4px;
    background:#0d2a3a;
    color:#9bc9e2;
    text-decoration:none;
    font-size:13px;
  }

  .header{position:relative;z-index:1000}
}

@media(max-width:390px){
  .header .logo{max-width:94px;font-size:13px}
  .unified-account .guest-register-btn,
  .unified-account .guest-login-btn{
    min-width:54px;
    height:34px;
    padding:0 6px;
    font-size:9px;
  }
  .mobile-menu-button{width:32px;height:34px;font-size:17px}
}

@media(min-width:901px){
  .mobile-menu-button,
  .mobile-menu-panel{display:none !important}
}


/* V1.0.19 Support Shop */
.support-pay-label{text-align:center;font-weight:700;color:#dce3e7}
.support-pay-btn{display:block;text-align:center}
.support-separator{height:1px;background:#67727a;margin:14px 0}
.paypalbtn{display:block;padding:11px 12px;border-radius:4px;background:#12466a;color:#fff!important;text-decoration:none;text-align:center;font-weight:700}

.shop-wrap{padding-top:24px;padding-bottom:80px}
.shop-hero{margin-bottom:18px}
.shop-hero h1{margin:5px 0 8px;font-size:32px}
.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.shop-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.shop-card{background:#111416;border:1px solid #2b343a;border-radius:8px;overflow:hidden}
.shop-card-link{display:block;color:inherit;text-decoration:none}
.shop-product-art{height:190px;background:#e9ebee;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b6416}
.shop-product-logo{font:700 28px Georgia;color:#8f6a23;text-shadow:0 1px #fff}
.shop-product-art small{margin-top:8px;color:#6c7378}
.shop-card-body{padding:15px}
.shop-card-body h2{margin:0 0 8px;color:#78b6da;font-size:19px}
.shop-price,.checkout-price{font-size:25px;font-weight:800;color:#e7b04c}
.shop-card-body p{color:#a8b1b6}
.shop-checkout{position:sticky;top:18px;background:#111416;border:1px solid #2b343a;border-radius:8px;padding:18px}
.shop-checkout h2{margin:6px 0}
.qty-box{display:grid;grid-template-columns:52px 1fr 52px;margin:18px 0;border:1px solid #35434c;border-radius:7px;overflow:hidden}
.qty-box button,.qty-box input{height:48px;border:0;background:#0b0f12;color:#fff;text-align:center;font-size:20px}
.qty-box button{cursor:pointer;background:#172029}
.checkout-total{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #2d3539}
.paypal-checkout-btn{display:block;margin-top:12px;padding:14px 16px;border-radius:999px;background:#5577f2;color:#fff!important;text-align:center;text-decoration:none;font-weight:800;font-size:18px}
.paypal-checkout-btn.disabled{opacity:.45;cursor:not-allowed}
.shop-warning{margin-top:12px;padding:10px;background:#3b2b0c;border:1px solid #725516;color:#f3d996;font-size:12px}
.shop-contact-link{display:block;margin-top:14px;color:#86bcd9;text-align:center}

@media(max-width:900px){
  .shop-layout{grid-template-columns:1fr}
  .shop-checkout{position:static}
}
@media(max-width:620px){
  .shop-products{grid-template-columns:1fr}
  .shop-product-art{height:220px}
  .shop-hero h1{font-size:28px}
}


/* V1.0.27 official product update topics */
.badge.update{
  background:#b8730b;
  color:#fff;
  border-color:#d89425;
}
.postbody{
  line-height:1.55;
}


/* V1.0.31 Latest posts gear + refresh */
.latest-tabs-row{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  position:relative;
  overflow:visible !important;
}
.latest-tabs-scroll{
  display:flex;
  align-items:stretch;
  min-width:0;
  flex:1 1 auto;
  overflow-x:auto;
  scrollbar-width:none;
}
.latest-tabs-scroll::-webkit-scrollbar{display:none}
.latest-controls{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  margin-left:auto;
  padding:0 7px 0 3px;
  background:#0d202b;
  border-left:1px solid #173645;
}
.latest-icon-btn{
  width:38px;
  min-width:38px;
  height:46px;
  border:0;
  background:transparent;
  color:#83bee1;
  font-size:23px;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}
.latest-icon-btn:hover,
.latest-icon-btn:focus{
  color:#b8e0f7;
  outline:none;
}
.entries-control{position:relative}
.entries-menu{
  position:absolute;
  top:45px;
  right:0;
  z-index:7000;
  width:205px;
  padding:4px 0;
  background:#151719;
  border:1px solid #2a3034;
  box-shadow:0 10px 28px rgba(0,0,0,.55);
}
.entries-menu[hidden]{display:none !important}
.entries-menu a{
  display:block;
  padding:14px 18px;
  color:#e5e7e8;
  text-decoration:none;
  font-size:17px;
  white-space:nowrap;
}
.entries-menu a:hover,
.entries-menu a.selected{
  background:#202529;
  color:#9bcff0;
}
.refresh-btn{font-size:28px}

@media(max-width:620px){
  .latest-controls{padding-right:2px;padding-left:2px}
  .latest-icon-btn{
    width:34px;
    min-width:34px;
    height:44px;
    font-size:20px;
  }
  .refresh-btn{font-size:25px}
  .entries-menu{
    top:43px;
    right:-34px;
    width:190px;
  }
  .entries-menu a{
    padding:13px 16px;
    font-size:16px;
  }
}


/* V1.0.32 mobile layout repair */
@media(max-width:900px){
  .desktop-only-account{
    display:none !important;
  }

  .unified-account > a:not(.guest-register-btn):not(.guest-login-btn):not(:first-child){
    display:none !important;
  }

  .latest-tabs-row{
    flex-wrap:nowrap !important;
    align-items:stretch !important;
  }

  .latest-tabs-scroll{
    flex-wrap:nowrap !important;
    white-space:nowrap !important;
    overflow-x:auto !important;
  }

  .latest-tabs-scroll .tab{
    flex:0 0 auto !important;
  }

  .latest-controls{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    align-self:stretch !important;
    min-width:72px !important;
  }

  .latest-controls .entries-control{
    display:block !important;
    flex:0 0 36px !important;
  }

  .latest-controls .latest-icon-btn{
    display:flex !important;
    width:36px !important;
    min-width:36px !important;
    height:46px !important;
    margin:0 !important;
    padding:0 !important;
  }
}

@media(min-width:901px){
  .desktop-only-account[style]{
    display:inline-flex !important;
  }
}


/* V1.0.33 restore mobile account buttons + clean latest controls */
@media(max-width:900px){
  .header-row{
    width:100%;
    box-sizing:border-box;
  }

  .unified-account{
    margin-left:auto !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:4px !important;
  }

  /* Guest: ALWAYS Register + Log in + hamburger */
  .unified-account .guest-register-btn,
  .unified-account .guest-login-btn{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  /* Logged in: username + hamburger only */
  .unified-account .mobile-user-account{
    display:inline-flex !important;
    max-width:92px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .unified-account .desktop-only-account{
    display:none !important;
  }

  /* Remove the bad broad selector from V1.0.32 behavior */
  .unified-account > a:not(.guest-register-btn):not(.guest-login-btn):not(:first-child){
    display:none !important;
  }
  .unified-account > a.mobile-user-account{
    display:inline-flex !important;
  }

  .mobile-menu-button{
    display:inline-flex !important;
    flex:0 0 auto !important;
  }

  /* Gear + refresh stay compact, dark and side-by-side */
  .latest-controls{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    min-width:68px !important;
    background:#0d202b !important;
  }

  .latest-controls .latest-icon-btn{
    display:flex !important;
    width:34px !important;
    min-width:34px !important;
    height:44px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:#0d202b !important;
    color:#83bee1 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    appearance:none !important;
    -webkit-appearance:none !important;
  }
}

@media(min-width:901px){
  .desktop-only-account{
    display:inline-flex !important;
  }
}


/* V1.0.34 functional controls fix */
.entries-control,
.entries-menu,
.latest-icon-btn{
  pointer-events:auto !important;
}

.entries-menu{
  z-index:99999 !important;
}

.entries-menu:not([hidden]){
  display:block !important;
}

.latest-icon-btn{
  cursor:pointer !important;
  touch-action:manipulation !important;
}


/* V1.0.35 Entries popup like reference */
.latest-tabs-row{
  overflow:visible !important;
}

.latest-controls{
  position:relative !important;
  overflow:visible !important;
}

.entries-control{
  position:relative !important;
  overflow:visible !important;
}

#entriesMenu{
  display:none;
  position:absolute !important;
  top:44px !important;
  right:0 !important;
  width:205px !important;
  min-width:205px !important;
  z-index:99999 !important;
  padding:4px 0 !important;
  margin:0 !important;
  background:#151719 !important;
  border:1px solid #2a3034 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.60) !important;
  overflow:hidden !important;
}

#entriesMenu a{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding:15px 18px !important;
  margin:0 !important;
  color:#eceeef !important;
  background:#151719 !important;
  text-decoration:none !important;
  font-size:17px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.025) !important;
}

#entriesMenu a:last-child{
  border-bottom:0 !important;
}

#entriesMenu a:hover,
#entriesMenu a.selected{
  background:#202427 !important;
  color:#9ccff0 !important;
}

/* Keep icons inside the same header row. */
#entriesGear,
#latestRefresh{
  background:#0d202b !important;
  color:#83bee1 !important;
  border:0 !important;
  box-shadow:none !important;
}

@media(max-width:620px){
  #entriesMenu{
    right:-34px !important;
    width:185px !important;
    min-width:185px !important;
  }

  #entriesMenu a{
    padding:14px 16px !important;
    font-size:16px !important;
  }
}
\n\n/* V1.0.36 exact vertical Entries dropdown - source fix only */\n#entriesMenu > div{\n  display:block !important;\n  width:100% !important;\n  margin:0 !important;\n  padding:0 !important;\n}\n#entriesMenu > div > a{\n  display:block !important;\n  width:100% !important;\n  box-sizing:border-box !important;\n  padding:15px 18px !important;\n  margin:0 !important;\n  background:#151719 !important;\n  color:#eeeeee !important;\n  text-decoration:none !important;\n  font-size:17px !important;\n  line-height:1.2 !important;\n  white-space:nowrap !important;\n}\n#entriesMenu > div > a:hover,\n#entriesMenu > div > a.selected{\n  background:#202427 !important;\n  color:#9ccff0 !important;\n}\n@media(max-width:620px){\n  #entriesMenu{\n    width:185px !important;\n    min-width:185px !important;\n    right:-34px !important;\n  }\n  #entriesMenu > div > a{\n    padding:14px 16px !important;\n    font-size:16px !important;\n  }\n}\n

/* V1.0.56 - Lucera-style mobile slide drawer */
.mobile-menu-backdrop,
.mobile-drawer{
  display:none;
}

@media(max-width:900px){
  body.mobile-menu-open{
    overflow:hidden !important;
  }

  .mobile-menu-backdrop{
    position:fixed;
    inset:0;
    z-index:12000;
    background:rgba(0,0,0,.62);
  }
  .mobile-menu-backdrop.is-open{
    display:block;
  }

  .mobile-drawer{
    display:flex;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    z-index:12001;
    width:min(72vw,370px);
    max-width:370px;
    flex-direction:column;
    background:#071b29;
    color:#9fc9e4;
    border-right:1px solid #16384b;
    box-shadow:12px 0 28px rgba(0,0,0,.48);
    transform:translateX(-105%);
    visibility:hidden;
    transition:transform .22s ease, visibility .22s ease;
  }

  .mobile-drawer.is-open{
    transform:translateX(0);
    visibility:visible;
  }

  .mobile-drawer-head{
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 18px;
    background:#101416;
    border-bottom:1px solid #162a36;
    font-size:24px;
    color:#6fb0d6;
  }

  .mobile-drawer-close{
    width:46px;
    height:46px;
    border:0;
    background:transparent;
    color:#69b1dc;
    font-size:38px;
    line-height:1;
    cursor:pointer;
  }

  .mobile-drawer-body{
    overflow-y:auto;
    overscroll-behavior:contain;
    flex:1;
    background:#071b29;
  }

  .mobile-drawer-link,
  .mobile-drawer-section > summary{
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 18px;
    margin:0;
    border:0;
    border-bottom:1px solid #173243;
    background:#082131;
    color:#6fb0d6 !important;
    text-decoration:none !important;
    font-size:21px;
    font-weight:400;
    cursor:pointer;
    list-style:none;
  }

  .mobile-drawer-link:hover,
  .mobile-drawer-section > summary:hover{
    background:#0a293b;
    color:#8bcaee !important;
  }

  .mobile-drawer-section{
    margin:0;
    border:0;
    background:#101416;
  }

  .mobile-drawer-section > summary::-webkit-details-marker{
    display:none;
  }

  .mobile-drawer-section[open] > summary{
    background:#101416;
    color:#74b8df !important;
    font-weight:700;
  }

  .mobile-drawer-arrow{
    display:inline-flex;
    width:42px;
    height:56px;
    align-items:center;
    justify-content:center;
    margin-right:-8px;
    border-left:1px solid #1d303b;
    color:#65add9;
    font-size:26px;
  }

  .mobile-drawer-section[open] .mobile-drawer-arrow{
    transform:rotate(0deg);
  }

  .mobile-drawer-submenu{
    background:#111719;
  }

  .mobile-drawer-submenu a{
    min-height:62px;
    display:flex;
    align-items:center;
    padding:0 18px;
    color:#6fb0d6 !important;
    text-decoration:none !important;
    border-bottom:1px solid #182329;
    font-size:17px;
  }

  .mobile-drawer-submenu a:hover{
    background:#152027;
  }

  .mobile-menu-button{
    position:relative;
    z-index:1;
  }
}

@media(max-width:520px){
  .mobile-drawer{
    width:72vw;
    min-width:285px;
  }
  .mobile-drawer-head{
    min-height:68px;
    font-size:22px;
  }
  .mobile-drawer-link,
  .mobile-drawer-section > summary{
    min-height:66px;
    font-size:19px;
  }
  .mobile-drawer-submenu a{
    min-height:58px;
    font-size:16px;
  }
}

@media(min-width:901px){
  .mobile-menu-backdrop,
  .mobile-drawer{
    display:none !important;
  }
}


/* V1.0.63 Contacts panel */
.contacts-box .contact-list{padding:8px 12px 12px}
.contacts-box .contact-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 0;color:#d8dde1;font-size:13px}
.contacts-box .contact-row b{font-weight:500;color:#e6e9eb}
.contacts-box .contact-row a,.contacts-box .contact-row span:not(.contact-icon){color:#6fb0d6;text-decoration:none;word-break:break-word}
.contacts-box .contact-row a:hover{text-decoration:underline}
.contacts-box .contact-icon{width:25px;height:25px;border-radius:50%;display:inline-grid;place-items:center;background:#2f86b9;color:#fff;font-weight:700;flex:0 0 25px}
.contacts-box .contact-row:nth-child(2) .contact-icon{background:#5865f2}
.contacts-box .contact-row:nth-child(3) .contact-icon{background:#6264a7;border-radius:5px}
.contacts-box .contact-row:nth-child(4) .contact-icon{background:#1877f2}


/* V1.0.64 clickable contact links */
.contacts-box .contact-row{
  text-decoration:none !important;
  cursor:pointer;
  border-radius:4px;
  transition:background .15s ease;
}
.contacts-box .contact-row:hover{
  background:rgba(90,170,220,.08);
}
.contacts-box .contact-row b{
  color:#e8edf1;
}
.contacts-box .contact-row span:last-child{
  color:#6fb0d6 !important;
}
.contacts-box .contact-telegram .contact-icon{background:#229ed9}
.contacts-box .contact-discord .contact-icon{background:#5865f2}
.contacts-box .contact-teams .contact-icon{background:#6264a7;border-radius:5px}
.contacts-box .contact-messenger .contact-icon{background:#168aff}
.contacts-box .contact-facebook .contact-icon{background:#1877f2}


/* V1.0.65 Server video showcase */
.video-showcase-box .video-showcase-inner{padding:12px}
.video-showcase-box .video-showcase-text{
  margin:0 0 12px;
  color:#c5ccd2;
  font-size:13px;
  line-height:1.55;
}
.video-showcase-frame{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid rgba(111,176,214,.22);
  background:#050708;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
}
.video-showcase-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.video-showcase-open{
  display:block;
  margin-top:12px;
  text-align:center;
}
@media (max-width: 760px){
  .video-showcase-box .video-showcase-inner{padding:10px}
  .video-showcase-box .video-showcase-text{font-size:14px}
}


/* V1.0.66 - showcase moved to main/central panel */
.video-showcase-main{
  margin:0 0 18px;
  overflow:hidden;
  background:rgba(12,17,20,.90);
  border:1px solid rgba(85,165,210,.22);
}
.video-showcase-main > h3{
  margin:0;
  padding:13px 16px;
  background:linear-gradient(180deg,#0d3447,#082533);
  color:#9fc4db;
  font-size:19px;
  font-weight:500;
  border-bottom:1px solid rgba(85,165,210,.20);
}
.video-showcase-main .video-showcase-inner{
  padding:16px;
}
.video-showcase-main .video-showcase-text{
  margin:0 0 14px;
  font-size:15px;
  color:#b9c1c7;
}
.video-showcase-main .video-showcase-frame{
  width:100%;
  aspect-ratio:16/9;
  max-height:none;
}
.video-showcase-main .video-showcase-open{
  width:max-content;
  min-width:150px;
  margin:14px auto 0;
  padding-left:22px;
  padding-right:22px;
}
@media (max-width:760px){
  .video-showcase-main{margin:0 0 14px}
  .video-showcase-main > h3{font-size:18px;padding:12px 14px}
  .video-showcase-main .video-showcase-inner{padding:12px}
  .video-showcase-main .video-showcase-open{
    width:100%;
    box-sizing:border-box;
  }
}


/* V1.0.68 - Support shop compact cards + centered checkout */
.shop-layout{
  grid-template-columns:minmax(0,1fr) 360px;
  gap:22px;
}
.shop-products{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,300px));
  justify-content:center;
  align-items:start;
  gap:18px;
}
.shop-card{
  width:100%;
  max-width:300px;
  margin:0 auto;
}
.shop-product-art{
  height:165px;
  min-height:165px;
  padding:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#000;
  text-align:center;
}
.shop-product-image{
  display:block;
  width:auto;
  height:auto;
  max-width:210px;
  max-height:140px;
  object-fit:contain;
  margin:0 auto;
}
.shop-card-body{
  padding:12px 14px 16px;
  text-align:center;
}
.shop-card-body h2{
  margin:0 0 7px;
  text-align:center;
}
.shop-card-body .shop-price{
  margin:0 0 7px;
  text-align:center;
}
.shop-card-body p{
  max-width:94%;
  margin:0 auto;
  text-align:center;
}

.shop-checkout{
  text-align:center;
}
.shop-checkout .kicker{
  display:block;
  text-align:center;
}
.checkout-product-image-wrap{
  width:240px;
  height:170px;
  margin:12px auto 16px;
  padding:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  overflow:hidden;
  background:#000;
}
.checkout-product-image{
  display:block;
  width:auto;
  height:auto;
  max-width:210px;
  max-height:145px;
  object-fit:contain;
  margin:0 auto;
}
.shop-checkout h2,
.shop-checkout .checkout-price,
.shop-checkout > p{
  text-align:center;
}
.shop-checkout > p{
  margin-left:auto;
  margin-right:auto;
  max-width:300px;
}
.qty-box{
  justify-content:center;
}
.checkout-total{
  justify-content:center;
  gap:8px;
}
.paypal-buy-form{
  max-width:250px;
  margin-left:auto;
  margin-right:auto;
}
.shop-contact-link{
  text-align:center;
}

@media(max-width:900px){
  .shop-layout{grid-template-columns:1fr}
  .shop-products{
    grid-template-columns:repeat(auto-fit,minmax(240px,300px));
    justify-content:center;
  }
  .shop-checkout{
    max-width:380px;
    width:100%;
    margin:0 auto;
  }
}
@media(max-width:620px){
  .shop-products{grid-template-columns:minmax(0,300px)}
  .shop-card{max-width:300px}
  .shop-product-art{height:155px;min-height:155px}
  .shop-product-image{max-width:195px;max-height:130px}
  .checkout-product-image-wrap{width:230px;height:160px}
}

/* V1.0.71 native Entries menu source fix */
.entries-details > summary::-webkit-details-marker{display:none!important}
.entries-details > summary::marker{display:none!important;content:""}
.entries-details:not([open]) .entries-menu{display:none!important}
.entries-details[open] .entries-menu{display:block!important}
.entries-details .entries-summary{cursor:pointer!important;user-select:none!important;-webkit-user-select:none!important}


/* V1.0.73 - Contacts labels only */
.contacts-box .contact-row{
  display:flex;
  align-items:center;
  gap:8px;
  text-decoration:none!important;
}
.contacts-box .contact-row b{
  color:#e8edf1;
  font-weight:500;
}


/* V1.0.74 - visible GUIDE badge in Latest posts */
.badge.guide{
  background:#75b7dc;
  color:#111;
  min-width:46px;
  padding:4px 7px;
  border-radius:3px;
  font-size:10px;
  font-weight:700;
  text-align:center;
}


/* V1.0.76 - Private License Update Center */
.update-center-link{border-color:rgba(210,151,35,.55)!important;color:#f0c66b!important}
.license-customer-panel-body{padding:14px}.license-customer-panel-body p{margin:0 0 12px;color:#aeb9c0}.license-customer-panel-body .goldbtn{display:block;text-align:center}
.license-center-page{padding-top:24px;padding-bottom:50px}
.license-hero{padding:24px 26px;margin-bottom:18px;background:rgba(8,19,25,.88);border:1px solid rgba(87,171,216,.25)}
.license-hero h1{margin:5px 0 8px;font-size:30px}.license-hero p{max-width:850px;color:#b8c1c8;line-height:1.6;margin:0}
.license-status-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:15px}
.license-stat{display:flex;flex-direction:column;gap:2px;padding:15px;text-decoration:none;background:rgba(13,20,24,.92);border:1px solid #263139;color:#dce7ec}
.license-stat b{font-size:26px;color:#7cc5ec}.license-stat span{font-size:13px}.license-stat:hover{border-color:#57afd9}
.license-toolbar{padding:0!important;overflow:hidden}.license-filter-row{display:flex;flex-wrap:wrap;gap:0}.license-filter-row a{padding:13px 17px;text-decoration:none;color:#9fc3d8;border-right:1px solid #21313a}.license-filter-row a.active,.license-filter-row a:hover{background:#0b3143;color:#fff}
.license-update-list{display:grid;gap:13px;margin-top:15px}.license-update-card{background:rgba(12,17,20,.92);border:1px solid #263139;border-left:4px solid #67808d;padding:18px 20px}.license-update-card.status-open{border-left-color:#e0a13a}.license-update-card.status-in_progress{border-left-color:#4aaae0}.license-update-card.status-testing{border-left-color:#a879df}.license-update-card.status-fixed{border-left-color:#4fb778}.license-update-card.status-closed{border-left-color:#73808a}
.license-update-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.license-update-head h2{margin:8px 0 0;color:#8ec8ea;font-size:21px}.license-update-head time{color:#788991;font-size:12px;white-space:nowrap}.license-update-meta{display:flex;flex-wrap:wrap;gap:7px}.version-pill,.type-pill,.status-pill{display:inline-block;padding:4px 8px;border-radius:3px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.version-pill{background:#0b3042;color:#a7d7f1}.type-pill{background:#253039;color:#d5dde2}.status-pill.status-open{background:#5b4216;color:#ffd984}.status-pill.status-in_progress{background:#113c55;color:#8ad7ff}.status-pill.status-testing{background:#382253;color:#d7b1ff}.status-pill.status-fixed{background:#173f29;color:#9ce3b8}.status-pill.status-closed{background:#2b3236;color:#c6d0d5}
.license-summary{color:#c3ccd1;line-height:1.65;margin:14px 0}.license-details{margin-top:12px;border-top:1px solid #263139;padding-top:11px}.license-details summary{cursor:pointer;color:#78bee5;font-weight:600}.license-details-body{margin-top:12px;padding:14px;background:rgba(4,8,10,.5);color:#b9c4ca;line-height:1.65;white-space:normal}.license-empty{padding:22px}
.license-update-editor,.license-admin-entry{padding:15px;background:rgba(7,12,15,.45);border:1px solid #25323a;margin:12px 0}.wide-setting{grid-column:1/-1}.license-admin-list{display:grid;gap:14px;margin-top:18px}.license-admin-entry-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;color:#9fc9df}
.access-denied-box{margin:40px 0;padding:28px}
@media(max-width:760px){.license-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.license-hero{padding:18px}.license-hero h1{font-size:25px}.license-update-head{display:block}.license-update-head time{display:block;margin-top:8px}.license-update-card{padding:15px}.license-filter-row a{flex:1 1 33%;text-align:center}.license-admin-entry-head{display:block}.wide-setting{grid-column:auto}}


/* V1.0.79 - License Update Center visual fix */
.license-center-page{
  max-width:1200px;
  margin:0 auto;
}
.license-hero{
  border-radius:4px;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.license-status-grid{
  margin-top:4px;
}
.license-stat{
  border-radius:4px;
  min-height:82px;
  justify-content:center;
  transition:.18s ease;
}
.license-stat:hover,
.license-stat.active{
  transform:translateY(-1px);
  border-color:#65b7df;
  background:rgba(10,38,51,.96);
}
.license-stat b{
  line-height:1;
}
.license-toolbar{
  background:rgba(10,18,22,.93)!important;
  border:1px solid #263139!important;
  border-radius:4px;
}
.license-toolbar-label{
  padding:10px 14px 8px;
  color:#7f929d;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  border-bottom:1px solid #223039;
}
.license-filter-row{
  padding:8px;
  gap:7px;
}
.license-filter-row a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 13px;
  border:1px solid #2a3942;
  border-radius:3px;
  background:#10171b;
  color:#9fc3d8!important;
  text-decoration:none!important;
}
.license-filter-row a:hover,
.license-filter-row a.active{
  background:#0b3143;
  color:#fff!important;
  border-color:#4fa7d1;
}
.license-update-card,
.license-empty{
  border-radius:4px;
  box-shadow:0 8px 22px rgba(0,0,0,.14);
}
.license-empty h2{
  margin-top:0;
  color:#d9e4ea;
}
.license-empty p{
  margin-bottom:0;
  color:#9aa8b0;
}
@media(max-width:760px){
  .license-center-page{padding-left:12px;padding-right:12px}
  .license-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .license-stat{min-height:72px;padding:12px}
  .license-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .license-filter-row a{width:100%;box-sizing:border-box}
}


/* V1.0.80 - visible Updates button on mobile header */
.mobile-update-account{
  display:none !important;
}

@media(max-width:900px){
  .unified-account .mobile-update-account{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:36px !important;
    min-width:62px !important;
    padding:0 9px !important;
    margin:0 !important;
    border-radius:4px !important;
    background:#0f3040 !important;
    border:1px solid #24536a !important;
    color:#d9edf8 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    flex:0 0 auto !important;
  }

  /* override the older broad mobile selector that hides extra account links */
  .unified-account > a.mobile-update-account{
    display:inline-flex !important;
  }
}

@media(min-width:901px){
  .mobile-update-account{
    display:none !important;
  }
}


/* ==========================================================
   V1.0.84 - REAL MOBILE LAYOUT FIX
   Some Android/Chrome modes report a wide CSS viewport even on
   a real phone. Width-only breakpoints then render the whole forum
   like a tiny desktop page. Force the COMPLETE mobile layout on
   coarse-pointer/touch devices up to 1200px.
   ========================================================== */
@media (hover:none) and (pointer:coarse) and (max-width:1200px){
  html,body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  body{
    font-size:16px !important;
  }

  .wrap,
  .narrow,
  .narrow-wide{
    width:calc(100% - 20px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .page{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    width:100% !important;
  }

  .headline,
  .forum-title{
    display:block !important;
  }

  .headline h1,
  .forum-title h1{
    font-size:24px !important;
    line-height:1.22 !important;
  }

  .headline p,
  .forum-title p{
    font-size:15px !important;
    line-height:1.45 !important;
  }

  .headline .goldbtn,
  .forum-title .goldbtn{
    margin-top:12px !important;
  }

  .subnav .wrap{
    overflow-x:auto !important;
    white-space:nowrap !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .tabs{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .tab{
    padding:13px 15px !important;
    font-size:15px !important;
  }

  .topic{
    grid-template-columns:58px minmax(0,1fr) !important;
    gap:10px !important;
    padding:12px !important;
  }

  .topic .stats,
  .topic .last{
    display:none !important;
  }

  .topic b{
    font-size:16px !important;
    line-height:1.3 !important;
  }

  .topic small{
    font-size:13px !important;
  }

  .badge{
    font-size:10px !important;
    padding:5px 7px !important;
  }

  .forumrow{
    grid-template-columns:44px minmax(0,1fr) !important;
    gap:10px !important;
    padding:15px 12px !important;
  }

  .forumrow .preview{
    display:none !important;
  }

  .forumrow h3{
    font-size:17px !important;
  }

  .forumrow p{
    font-size:13px !important;
  }

  .page aside{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .sidebox{
    margin:0 !important;
  }

  .threadrow{
    grid-template-columns:54px minmax(0,1fr) !important;
  }

  .threadrow .right{
    display:none !important;
  }

  .post{
    grid-template-columns:1fr !important;
  }

  .author{
    border-right:0 !important;
    border-bottom:1px solid #252a2d !important;
  }

  .statscards{
    grid-template-columns:1fr !important;
  }

  .statscards div{
    border-right:0 !important;
    border-bottom:1px solid #252a2d !important;
  }

  .foot{
    grid-template-columns:1fr !important;
    font-size:12px !important;
  }

  .copy{
    grid-column:auto !important;
  }

  .tablewrap{
    max-width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  /* Keep controls readable instead of desktop-size scaled down. */
  input,select,textarea,button,
  .linkbtn,.goldbtn,.menubtn{
    font-size:16px !important;
  }

  /* License Update Center */
  .license-center-page{
    width:calc(100% - 20px) !important;
    max-width:none !important;
  }

  .license-status-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .license-filter-row{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  /* Shop */
  .shop-layout{
    grid-template-columns:1fr !important;
  }

  .shop-products{
    grid-template-columns:minmax(0,300px) !important;
    justify-content:center !important;
  }
}

/* Extra compact phones / portrait layout. */
@media (hover:none) and (pointer:coarse) and (max-width:700px){
  .wrap,
  .narrow,
  .narrow-wide,
  .license-center-page{
    width:calc(100% - 16px) !important;
  }

  .headline h1,
  .forum-title h1{
    font-size:22px !important;
  }

  .topic{
    grid-template-columns:56px minmax(0,1fr) !important;
  }
}


/* V1.0.85 - SVN Access Center */
.svn-access-card{
  margin:18px 0;
  padding:22px;
  background:rgba(10,18,22,.94);
  border:1px solid #263943;
  border-radius:5px;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.svn-access-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.svn-access-head h2{
  margin:4px 0 6px;
  color:#dce9ef;
}
.svn-access-head p{
  margin:0;
  color:#9aaab2;
  max-width:820px;
}
.svn-status{
  flex:0 0 auto;
  padding:7px 11px;
  border-radius:3px;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.svn-status.enabled{
  background:#123f2d;
  color:#8fe2b3;
  border:1px solid #286d4d;
}
.svn-status.disabled{
  background:#34251a;
  color:#e6b77d;
  border:1px solid #69472d;
}
.svn-credentials{
  margin-top:18px;
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr;
  gap:12px;
}
.svn-field label{
  display:block;
  margin-bottom:6px;
  color:#9fb0b8;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.svn-copy-row{
  display:flex;
  align-items:stretch;
  min-width:0;
}
.svn-copy-row code{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  padding:10px 11px;
  overflow:auto;
  white-space:nowrap;
  background:#080d10;
  color:#9dd9f6;
  border:1px solid #2b3e48;
  border-right:0;
  border-radius:3px 0 0 3px;
  font-family:Consolas,monospace;
  font-size:13px;
}
.svn-copy-row .svn-copy{
  border-radius:0 3px 3px 0;
  margin:0;
}
.svn-guide-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.svn-step{
  position:relative;
  padding:16px 16px 16px 54px;
  background:#10171b;
  border:1px solid #26363f;
  border-radius:4px;
}
.svn-step > b{
  position:absolute;
  left:14px;
  top:15px;
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#0d4058;
  color:#9bdcff;
}
.svn-step h3{
  margin:0 0 6px;
  font-size:15px;
  color:#dce8ed;
}
.svn-step p{
  margin:0;
  font-size:13px;
  line-height:1.5;
  color:#9daab0;
}
.svn-warning,
.svn-not-ready{
  margin-top:16px;
  padding:12px 14px;
  border-radius:3px;
}
.svn-warning{
  background:rgba(80,50,10,.30);
  border:1px solid #71521f;
  color:#d8bd7e;
}
.svn-not-ready{
  background:#10171b;
  border:1px solid #34434b;
  color:#c9d4da;
}
.svn-not-ready p{margin:6px 0 0;color:#8fa0a8}

@media(max-width:900px){
  .svn-access-head{display:block}
  .svn-status{display:inline-block;margin-top:12px}
  .svn-credentials{grid-template-columns:1fr}
  .svn-guide-grid{grid-template-columns:1fr}
}
