:root{--bg:#10110f;--panel:#171915;--text:#e7e6df;--muted:#a4a79d;--accent:#9c6f32;--accent2:#c49b5c;--danger:#a84939;--line:#34382f}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(rgba(10,11,9,.92),rgba(10,11,9,.96)),radial-gradient(circle at 20% 15%,#3a3324 0,transparent 34%),#0b0c0a;color:var(--text);min-height:100vh}
.fog{position:fixed;inset:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(120deg,transparent 0 120px,rgba(255,255,255,.025) 121px 122px)}
.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:rgba(12,13,11,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.brand{display:flex;align-items:center;gap:12px;letter-spacing:.08em}.brand-mark{border:2px solid var(--accent2);padding:7px 9px;color:var(--accent2);font-weight:900}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
nav{display:flex;gap:10px;flex-wrap:wrap}nav a,.btn{color:var(--text);text-decoration:none;border:1px solid var(--line);background:#1c1f1a;padding:10px 14px;border-radius:4px;cursor:pointer;font-weight:700}
nav a:hover,.btn:hover{border-color:var(--accent2);color:#fff}.danger-link{border-color:#613b32!important}.shell{width:min(1400px,94vw);margin:30px auto}
.panel{background:linear-gradient(180deg,rgba(31,34,28,.96),rgba(19,21,18,.98));border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.3);padding:22px;border-radius:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.stat{padding:18px;background:#121410;border:1px solid var(--line)}.stat strong{display:block;font-size:30px;color:var(--accent2)}
h1,h2,h3{letter-spacing:.035em}h1{margin-top:0}label{display:block;color:#d6d2c6;font-weight:700;margin:14px 0 6px}
input,select,textarea{width:100%;background:#0e100d;border:1px solid #3a3e34;color:var(--text);padding:12px;border-radius:4px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent2)}.btn.primary{background:#5b4425;border-color:#9c6f32}.btn.danger{background:#4d2923;border-color:#8d493d}.btn.ok{background:#354732;border-color:#688160}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.muted{color:var(--muted)}.flash{padding:12px 14px;border:1px solid;margin-bottom:16px}.flash.success{border-color:#567550;background:#1c2a1a}.flash.error{border-color:#88483e;background:#2c1b18}
.auth{max-width:520px;margin:7vh auto}.link-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;border:1px solid var(--line);margin:12px 0}.badge{display:inline-block;padding:4px 8px;border:1px solid var(--line);font-size:12px;text-transform:uppercase}.badge.masteradmin{border-color:#c49b5c;color:#e4bd7c}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}th{color:var(--accent2);font-size:12px;text-transform:uppercase}
.item-delivery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.item-list,.basket{height:480px;overflow:auto;border:1px solid var(--line);background:#0e100d;padding:10px}.item-row{padding:9px;border-bottom:1px solid #242820;cursor:pointer}.item-row:hover{background:#272b23}.basket-row{display:flex;gap:8px;align-items:center;padding:8px;border-bottom:1px solid #242820}.basket-row input{width:90px}.basket-row button{margin-left:auto}
.searchline{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.online{color:#91b386}.offline{color:#b77467}code{color:#d7b77e}footer{text-align:center;color:#777d70;padding:28px}
@media(max-width:850px){.topbar{align-items:flex-start;gap:15px;flex-direction:column}.item-delivery{grid-template-columns:1fr}.searchline{grid-template-columns:1fr}}

/* TLD authentication / account-link background */
body.auth-background{
    background:
        linear-gradient(rgba(5,6,5,.42),rgba(5,6,5,.58)),
        url("login-background.png") center center / cover no-repeat fixed;
    min-height:100vh;
}
body.auth-background .fog{
    opacity:.08;
}
body.auth-background .topbar{
    background:rgba(8,9,7,.82);
    backdrop-filter:blur(5px);
}
body.auth-background .panel.auth{
    background:linear-gradient(180deg,rgba(25,28,23,.91),rgba(14,16,13,.94));
    border-color:rgba(196,155,92,.38);
    box-shadow:0 22px 70px rgba(0,0,0,.62);
    backdrop-filter:blur(5px);
}
body.auth-background footer{
    color:#b5b3aa;
    text-shadow:0 2px 5px #000;
}
@media(max-width:850px){
    body.auth-background{
        background-position:center center;
        background-attachment:scroll;
    }
}

/* ALPHA */
.item-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.notice-box{border:1px solid #5d533f;background:#16160f;padding:14px 16px;margin:16px 0;border-radius:4px}
.item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.item-card{border:1px solid var(--line);background:#11130f;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.item-card-image{aspect-ratio:16/10;background:#090a08;display:flex;align-items:center;justify-content:center;overflow:hidden}
.item-card-image img{width:100%;height:100%;object-fit:cover}
.item-placeholder{font-size:54px;font-weight:900;color:var(--accent2);letter-spacing:.12em}
.item-card-body{padding:18px;display:flex;flex-direction:column;gap:12px;height:100%}
.item-card-body h2{margin:0}.item-card-body p{margin:0;color:#c8c6bd;line-height:1.5}
.product-meta{display:flex;gap:7px;flex-wrap:wrap}.product-meta span,.product-meta code{border:1px solid #30352c;padding:5px 7px;font-size:12px}
.item-price{font-size:30px;font-weight:900;color:var(--accent2);margin-top:auto}.wide{width:100%;display:block;text-align:center}
.item-admin-grid{grid-template-columns:minmax(340px,.85fr) minmax(420px,1.15fr)}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-row{display:flex;gap:18px;flex-wrap:wrap;border:1px solid var(--line);padding:13px;background:#0e100d}
.check-row label{display:flex;align-items:center;gap:8px;margin:0}.check-row input{width:auto}
.small{font-size:12px}.admin-product-list,.gamma-list{display:flex;flex-direction:column;gap:10px}
.admin-product-row,.my-item-row{display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:13px;background:#0e100d}
.admin-product-row img{width:82px;height:62px;object-fit:cover;border:1px solid var(--line)}
.grow{flex:1;min-width:0}.inactive-product{opacity:.5}.settings-panel{max-width:850px;margin:0 auto}
.my-item-row h2{margin:0 0 6px}.transaction-line{margin-top:8px;font-size:12px;color:#a9ab9f}
.item-delivery-action{display:flex;align-items:flex-end;gap:10px;flex-direction:column}
.status-pill{font-size:11px;font-weight:900;letter-spacing:.06em;border:1px solid var(--line);padding:5px 8px}
.status-available{color:#dcbf78;border-color:#8d7136}.status-queued{color:#c5c6bd}.status-delivered{color:#92bd89;border-color:#54734e}.status-failed{color:#d98979;border-color:#8a473c}
@media(max-width:900px){.item-admin-grid{grid-template-columns:1fr}.form-two{grid-template-columns:1fr}.my-item-row{align-items:flex-start;flex-direction:column}.item-delivery-action{align-items:flex-start}}

/* Item product layout/profile v1.1 */
.alpha-panel{max-width:none}
.item-grid-five{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:16px;
}
.item-card{
    min-width:0;
    overflow:hidden;
    border:2px solid #454b3f;
    background:linear-gradient(180deg,#151812,#0d0f0c);
    border-radius:7px;
    box-shadow:0 8px 22px rgba(0,0,0,.25);
    transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.item-card:hover{
    transform:translateY(-2px);
    border-color:var(--accent2);
    box-shadow:0 12px 28px rgba(0,0,0,.38);
}
.product-card-link{
    display:flex;
    flex-direction:column;
    height:100%;
    color:inherit;
    text-decoration:none;
}
.item-card-image{
    width:100%;
    height:auto;
    aspect-ratio:4/3;
    max-height:190px;
    overflow:hidden;
    background:#090a08;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:1px solid #34382f;
}
.item-card-image img{
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    object-fit:cover;
}
.item-card-body{
    padding:13px;
    min-width:0;
}
.item-card-body h2{
    font-size:16px;
    line-height:1.25;
    margin:0 0 8px;
    overflow-wrap:anywhere;
}
.compact-meta{font-size:11px}
.compact-meta span{padding:4px 6px}
.item-card .item-price{font-size:23px;margin:7px 0 11px}
.card-view-button{font-size:12px;padding:8px 10px}

.admin-product-row{
    overflow:hidden;
    align-items:center;
}
.admin-product-thumb{
    flex:0 0 110px;
    width:110px;
    height:82px;
    overflow:hidden;
    border:1px solid #454b3f;
    background:#090a08;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--accent2);
    font-weight:900;
}
.admin-product-thumb img{
    width:100%;
    height:100%;
    max-width:100%;
    object-fit:cover;
}

.product-profile{padding:24px}
.product-profile-top{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);
    gap:28px;
    align-items:start;
}
.product-profile-media{min-width:0}
.product-main-image{
    width:100%;
    aspect-ratio:16/10;
    max-height:620px;
    overflow:hidden;
    border:2px solid #4b5144;
    background:#080907;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:zoom-in;
}
.product-main-image img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.product-gallery{
    margin-top:12px;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}
.gallery-thumb{
    padding:0;
    border:2px solid #34382f;
    background:#080907;
    aspect-ratio:4/3;
    overflow:hidden;
    cursor:pointer;
}
.gallery-thumb:hover{border-color:var(--accent2)}
.gallery-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.product-profile-info{
    border:1px solid #454b3f;
    background:#10120e;
    padding:22px;
}
.product-profile-info h1{font-size:34px;margin:10px 0}
.profile-price{font-size:38px;font-weight:900;color:var(--accent2);margin:10px 0 16px}
.profile-meta{margin-bottom:18px}
.product-description{
    line-height:1.65;
    color:#d0cec5;
    border-top:1px solid #34382f;
    padding-top:18px;
    margin-top:8px;
}
.product-payment-box{
    margin-top:24px;
    padding:16px;
    border:1px solid #5d533f;
    background:#16160f;
}
.product-pay-button{font-size:17px}

.product-lightbox[hidden]{display:none!important}
.product-lightbox{
    position:fixed;
    inset:0;
    z-index:9999;
    background:rgba(0,0,0,.92);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:34px;
}
.product-lightbox img{
    max-width:94vw;
    max-height:90vh;
    object-fit:contain;
    border:2px solid #5a604f;
    box-shadow:0 20px 80px #000;
}
.lightbox-close{
    position:fixed;
    top:18px;
    right:24px;
    width:48px;
    height:48px;
    border:1px solid #777;
    background:#151515;
    color:#fff;
    font-size:31px;
    line-height:1;
    cursor:pointer;
    z-index:10000;
}
body.lightbox-open{overflow:hidden}

@media(max-width:1250px){
    .item-grid-five{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1000px){
    .item-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}
    .product-profile-top{grid-template-columns:1fr}
}
@media(max-width:720px){
    .item-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}
    .product-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:460px){
    .item-grid-five{grid-template-columns:1fr}
    .product-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ALPHA v2 */
body.alpha-field{
    background:
        linear-gradient(rgba(4,4,4,.46),rgba(4,4,4,.58)),
        url("alpha-field.png") center center / cover no-repeat fixed;
    min-height:100vh;
}
body.alpha-field .fog{opacity:.08}
body.alpha-field .topbar{
    background:rgba(8,8,8,.9);
}
body.alpha-field footer{
    color:#b7b7b1;
    text-shadow:0 2px 4px #000;
}
.alpha-glass{
    background:linear-gradient(
        180deg,
        rgba(24,27,23,.88),
        rgba(13,15,12,.92)
    );
    backdrop-filter:blur(4px);
    border-color:rgba(196,155,92,.42);
}
.alpha-notice{
    background:rgba(10,11,9,.82);
}
.alpha-grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
}
.compact-product-card{
    border:2px solid #505648;
    border-radius:7px;
    min-width:0;
    box-shadow:0 7px 24px rgba(0,0,0,.42);
    overflow:hidden;
}
.compact-product-card:hover{
    border-color:var(--accent2);
    transform:translateY(-2px);
}
.product-card-main-link{
    color:inherit;
    text-decoration:none;
    display:block;
}
.compact-card-image{
    height:135px;
    aspect-ratio:auto;
    border-bottom:1px solid #3c4137;
}
.compact-card-image img{
    object-fit:cover;
}
.compact-placeholder{
    font-size:30px;
}
.item-card-title{
    min-height:48px;
    padding:11px 12px 8px;
    font-size:15px;
    font-weight:900;
    line-height:1.2;
}
.compact-card-body{
    padding:0 12px 12px;
}
.compact-card-meta{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    color:#aeb1a8;
    font-size:11px;
}
.compact-card-meta span{
    border:1px solid #33382f;
    padding:4px 6px;
}
.compact-price{
    font-size:22px;
    margin:9px 0;
}
.limit-one-badge{
    border:1px solid #755d31;
    color:#ddb66f;
    padding:5px 7px;
    font-size:11px;
    text-align:center;
    margin-bottom:8px;
}
.compact-card-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
}
.compact-card-actions .btn{
    padding:8px 6px;
    font-size:11px;
}
.btn[disabled]{
    opacity:.55;
    cursor:not-allowed;
}

.delivery-radio-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:10px 0 16px;
}
.delivery-radio-grid label{
    display:flex;
    gap:8px;
    align-items:center;
    margin:0;
    border:1px solid #3a3e34;
    background:#0e100d;
    padding:12px;
}
.delivery-radio-grid input{
    width:auto;
}

/* My Item Deliveries cards */
.gamma-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:16px;
}
.my-item-card{
    border:2px solid #3e4439;
    background:#0e100d;
    border-radius:7px;
    overflow:hidden;
    box-shadow:0 8px 26px rgba(0,0,0,.28);
}
.my-item-image{
    width:100%;
    height:170px;
    background:#090a08;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:1px solid #34382f;
}
.my-item-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.my-item-card-body{
    padding:15px;
}
.my-item-card-body h2{
    margin:0 0 8px;
}
.item-card-status{
    margin:12px 0;
}
.my-item-delivery-form{
    margin-top:12px;
}
.my-item-delivery-form label{
    margin-top:0;
}

/* Item settings/admin */
.item-danger-panel{
    max-width:850px;
    margin:18px auto 0;
    border-color:#72443b;
}
.user-item-admin-grid{
    grid-template-columns:minmax(300px,.65fr) minmax(520px,1.35fr);
    margin-top:18px;
}
.admin-user-item-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.admin-user-item-card{
    display:flex;
    align-items:center;
    gap:12px;
    border:1px solid #3d4238;
    background:#0e100d;
    padding:11px;
}
.admin-user-item-image{
    width:100px;
    height:72px;
    flex:0 0 100px;
    background:#080907;
    border:1px solid #34382f;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--accent2);
    font-weight:900;
    overflow:hidden;
}
.admin-user-item-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.admin-user-item-actions{
    display:flex;
    gap:7px;
    align-items:center;
    flex-wrap:wrap;
}
.admin-user-item-actions form{
    margin:0;
}

@media(max-width:1250px){
    .alpha-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}
@media(max-width:1000px){
    .alpha-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .user-item-admin-grid{
        grid-template-columns:1fr;
    }
}
@media(max-width:720px){
    .alpha-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .compact-card-actions{
        grid-template-columns:1fr;
    }
}
@media(max-width:480px){
    body.alpha-field{
        background-attachment:scroll;
    }
    .alpha-grid{
        grid-template-columns:1fr;
    }
    .delivery-radio-grid{
        grid-template-columns:1fr;
    }
}

/* Product profile + My Item Deliveries shared full-screen background */
body.beta-field,
body.gamma-field{
    background:
        linear-gradient(rgba(3,3,3,.48),rgba(3,3,3,.62)),
        url("beta-field.png") center center / cover no-repeat fixed;
    min-height:100vh;
}
body.beta-field .fog,
body.gamma-field .fog{
    opacity:.08;
}
body.beta-field .topbar,
body.gamma-field .topbar{
    background:rgba(7,8,6,.92);
}
body.beta-field .panel,
body.gamma-field .panel{
    background:linear-gradient(
        180deg,
        rgba(23,26,22,.90),
        rgba(12,14,11,.93)
    );
    backdrop-filter:blur(4px);
}
body.beta-field footer,
body.gamma-field footer{
    color:#b9b8b0;
    text-shadow:0 2px 4px #000;
}

/* Masteradmin item history */
.history-panel{
    max-width:none;
}
.history-summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin:18px 0;
}
.history-summary-card{
    border:1px solid #444a3f;
    background:#0f110e;
    padding:15px;
    display:flex;
    flex-direction:column;
    gap:6px;
}
.history-summary-card span{
    color:#aaada3;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.history-summary-card strong{
    color:var(--accent2);
    font-size:25px;
}
.history-filters{
    display:grid;
    grid-template-columns:minmax(240px,2fr) minmax(150px,1fr) minmax(145px,1fr) minmax(145px,1fr) auto;
    gap:10px;
    align-items:end;
    border:1px solid #353a31;
    background:#0e100d;
    padding:12px;
    margin-bottom:16px;
}
.history-filters label{
    margin-top:0;
}
.history-filter-actions{
    display:flex;
    gap:7px;
    align-items:center;
    padding-bottom:1px;
}
.history-table-wrap{
    border:1px solid #3b4036;
}
.history-table{
    min-width:1120px;
}
.history-table td,
.history-table th{
    vertical-align:top;
}
.history-table code{
    white-space:nowrap;
}
.status-history-completed{
    color:#92bd89;
    border-color:#54734e;
}
.status-history-approved,
.status-history-created{
    color:#d6bd7b;
    border-color:#786331;
}
.status-history-failed,
.status-history-cancelled,
.status-history-refunded,
.status-history-reversed{
    color:#d98979;
    border-color:#8a473c;
}

@media(max-width:1050px){
    .history-filters{
        grid-template-columns:1fr 1fr;
    }
    .history-filter-actions{
        grid-column:1/-1;
    }
}
@media(max-width:700px){
    body.beta-field,
    body.gamma-field{
        background-attachment:scroll;
    }
    .history-summary{
        grid-template-columns:1fr;
    }
    .history-filters{
        grid-template-columns:1fr;
    }
}

/* HARD FIX: product profile + My Item Deliveries background
   Uses a dedicated fixed layer so the site's default body background cannot hide it. */
body.beta-field,
body.gamma-field{
    position:relative;
    background:#070807!important;
    min-height:100vh;
}

.tld-fixed-page-background{
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.34)),
        url("beta-field.png");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}

body.beta-field .fog,
body.gamma-field .fog{
    z-index:1;
    opacity:.05!important;
}

body.beta-field .topbar,
body.gamma-field .topbar{
    position:sticky;
    z-index:20;
    background:rgba(7,8,6,.86)!important;
}

body.beta-field .shell,
body.gamma-field .shell{
    position:relative;
    z-index:5;
}

body.beta-field .panel,
body.gamma-field .panel{
    background:linear-gradient(
        180deg,
        rgba(22,25,21,.82),
        rgba(11,13,10,.88)
    )!important;
    border-color:rgba(104,110,91,.72);
    backdrop-filter:blur(3px);
}

body.beta-field footer,
body.gamma-field footer{
    position:relative;
    z-index:5;
    color:#c5c4bc;
    text-shadow:0 2px 5px #000;
}

@media(max-width:700px){
    .tld-fixed-page-background{
        background-attachment:scroll;
    }
}


/* TLD Join Server + live whitelist controls */
.join-server-panel{max-width:1050px;margin:0 auto}.join-server-hero,.whitelist-setting-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.eyebrow{font-size:12px;letter-spacing:.15em;color:var(--accent2);font-weight:900}.server-ready-badge{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid;font-size:12px;font-weight:900;letter-spacing:.08em}.server-ready-badge.ready{color:#a7d69b;border-color:#5f8657;background:#182416}.server-ready-badge.blocked{color:#e2a18e;border-color:#8d4b3d;background:#291815}.server-ready-badge.open{color:#d9c287;border-color:#7d6a37;background:#24200f}.server-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.server-info-card{border:1px solid var(--line);background:#10120e;padding:16px;min-width:0}.server-info-card span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.server-info-card strong{display:block;overflow-wrap:anywhere;color:#efe7d5}.success-note{border-color:#55734e;background:#172116}.warning-note{border-color:#81523e;background:#241813}.join-big{font-size:18px;padding:14px 24px}.whitelist-settings-panel{margin-top:18px}.compact-info{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px}.whitelist-toggle-form{max-width:700px}.switch-row{margin-top:8px;border:1px solid var(--line);background:#10120e;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.switch-row small{display:block;color:var(--muted);margin-top:4px}.switch{position:relative;width:56px;height:30px;flex:0 0 56px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#4a2d27;border:1px solid #74453a;border-radius:20px;cursor:pointer;transition:.2s}.slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:#ddd;border-radius:50%;transition:.2s}.switch input:checked + .slider{background:#334c2d;border-color:#63865a}.switch input:checked + .slider:before{transform:translateX(26px)}
@media(max-width:850px){.server-info-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.server-info-grid,.compact-info{grid-template-columns:1fr}}


/* Per-user DayZ whitelist access controls */
.user-whitelist-cell{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:250px}.inline-whitelist-toggle{display:flex;align-items:center;gap:8px;margin:0}.compact-switch{width:44px;height:24px;flex-basis:44px}.compact-switch .slider:before{width:16px;height:16px}.compact-switch input:checked + .slider:before{transform:translateX(20px)}.whitelist-access-label{font-size:11px;font-weight:800;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.whitelist-access-label.enabled{color:#9dcc91}.whitelist-access-label.disabled{color:#df9787}@media(max-width:700px){.user-whitelist-cell{min-width:220px}}


/* ============================================================
   TLD LEFT SIDEBAR NAVIGATION
   Replaces the legacy topbar site-wide.
   ============================================================ */
:root{--sidebar-width:270px}
.tld-sidebar{
    position:fixed;
    inset:0 auto 0 0;
    z-index:40;
    width:var(--sidebar-width);
    display:flex;
    flex-direction:column;
    overflow-y:auto;
    background:
        linear-gradient(180deg,rgba(12,14,11,.98),rgba(8,9,7,.985)),
        radial-gradient(circle at 20% 10%,rgba(156,111,50,.15),transparent 42%);
    border-right:1px solid rgba(196,155,92,.28);
    box-shadow:18px 0 45px rgba(0,0,0,.34);
    backdrop-filter:blur(10px);
}
.sidebar-brand{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:92px;
    padding:18px 17px;
    border-bottom:1px solid var(--line);
    background:linear-gradient(135deg,rgba(156,111,50,.12),transparent 72%);
    letter-spacing:.08em;
}
.sidebar-brand strong{
    display:block;
    color:#f4efe3;
    font-size:13px;
    line-height:1.25;
    text-shadow:0 2px 8px #000;
}
.sidebar-brand small{
    display:block;
    margin-top:4px;
    color:var(--accent2);
    font-size:9px;
    font-weight:800;
    letter-spacing:.13em;
}
.sidebar-nav{
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:15px 12px 22px;
}
.sidebar-section-label{
    margin:14px 9px 5px;
    color:#877d69;
    font-size:10px;
    font-weight:900;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.sidebar-nav a{
    position:relative;
    display:block;
    padding:11px 13px 11px 16px;
    border:1px solid transparent;
    border-left:3px solid transparent;
    border-radius:4px;
    background:rgba(29,32,26,.55);
    color:#e8e5da;
    text-decoration:none;
    font-size:13px;
    font-weight:900;
    letter-spacing:.045em;
    text-transform:uppercase;
    text-shadow:0 2px 5px #000;
    transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.sidebar-nav a:hover{
    transform:translateX(3px);
    color:#fff7e3;
    background:linear-gradient(90deg,rgba(156,111,50,.28),rgba(33,36,29,.8));
    border-color:rgba(196,155,92,.38);
    border-left-color:var(--accent2);
}
.sidebar-nav a.active{
    color:#fff3cf;
    background:linear-gradient(90deg,rgba(156,111,50,.38),rgba(30,34,27,.78));
    border-color:rgba(196,155,92,.44);
    border-left-color:#e2b86c;
    box-shadow:inset 0 0 18px rgba(196,155,92,.06),0 5px 15px rgba(0,0,0,.18);
}
.sidebar-nav a.danger-link{
    color:#e5a497;
    border-color:transparent!important;
}
.sidebar-nav a.danger-link:hover{
    color:#ffd1c8;
    border-color:rgba(168,73,57,.45)!important;
    border-left-color:#c96350!important;
    background:rgba(77,41,35,.75);
}
.sidebar-footer{
    margin-top:auto;
    padding:15px 18px 19px;
    border-top:1px solid var(--line);
    background:rgba(0,0,0,.16);
}
.sidebar-footer span{
    display:block;
    color:var(--accent2);
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
}
.sidebar-footer small{
    display:block;
    margin-top:5px;
    color:#777d70;
    font-size:10px;
}
.tld-page{
    position:relative;
    z-index:2;
    min-height:100vh;
    margin-left:var(--sidebar-width);
    display:flex;
    flex-direction:column;
}
.tld-page .shell{
    width:min(1400px,calc(100% - 48px));
    margin:28px auto;
    flex:1 0 auto;
}
.tld-page footer{
    margin-left:0;
    flex:0 0 auto;
}
.sidebar-toggle{
    display:none;
    position:fixed;
    z-index:60;
    top:12px;
    left:12px;
    width:44px;
    height:42px;
    padding:9px;
    border:1px solid rgba(196,155,92,.55);
    border-radius:4px;
    background:rgba(12,14,11,.97);
    cursor:pointer;
    box-shadow:0 8px 22px rgba(0,0,0,.4);
}
.sidebar-toggle span{
    display:block;
    height:2px;
    margin:4px 0;
    background:#dfbc7d;
}

/* Existing fixed-background pages must layer correctly with the sidebar. */
body.beta-field .tld-sidebar,
body.gamma-field .tld-sidebar,
body.auth-background .tld-sidebar{
    background:linear-gradient(180deg,rgba(7,8,6,.94),rgba(8,9,7,.97));
}
body.beta-field .tld-page,
body.gamma-field .tld-page{
    position:relative;
    z-index:5;
}
body.auth-background .tld-page{
    position:relative;
    z-index:3;
}

/* Catalog clarity */
.catalog-count-note{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 10px;
    color:var(--muted);
    font-size:12px;
}
.catalog-count-note strong{color:var(--accent2)}
.item-row code{font-weight:800}
.item-row .muted{font-size:11px}

@media(max-width:950px){
    .sidebar-toggle{display:block}
    .tld-sidebar{
        width:min(290px,86vw);
        transform:translateX(-105%);
        transition:transform .2s ease;
    }
    body.sidebar-open .tld-sidebar{transform:translateX(0)}
    .tld-page{margin-left:0}
    .tld-page .shell{
        width:min(1400px,calc(100% - 28px));
        margin-top:68px;
    }
    body.sidebar-open::after{
        content:"";
        position:fixed;
        inset:0;
        z-index:35;
        background:rgba(0,0,0,.58);
    }
}


/* ============================================================
   TLD BACKGROUND SCALE + TRANSPARENCY UPDATE
   Full viewport, no cropping/zooming of source artwork.
   ============================================================ */
body.join-server-background,
body.alpha-field,
body.gamma-field{
    position:relative;
    min-height:100vh;
    background-color:#050505!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:contain!important;
    background-attachment:fixed!important;
}
body.join-server-background{
    background-image:
        linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.14)),
        url("join-server-background.png")!important;
}
body.alpha-field{
    background-image:
        linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.16)),
        url("alpha-field.png")!important;
}

/* My Item Deliveries previously used a fixed cover layer, which cropped/zoomed the artwork.
   Keep the fixed edge-to-edge layer but fit the entire source image in the viewport. */
body.gamma-field{
    background:#050505!important;
}
body.gamma-field .tld-fixed-page-background{
    background-image:
        linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.14)),
        url("beta-field.png")!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:contain!important;
    background-color:#050505!important;
    background-attachment:fixed!important;
}

/* Allow artwork to show through while retaining readable navigation/content. */
.tld-sidebar{
    background:
        linear-gradient(180deg,rgba(12,14,11,.54),rgba(8,9,7,.58)),
        radial-gradient(circle at 20% 10%,rgba(156,111,50,.10),transparent 42%)!important;
    backdrop-filter:blur(5px);
}
.sidebar-brand,
.sidebar-footer{
    background-color:rgba(8,9,7,.34)!important;
}
.sidebar-nav a{
    background:rgba(29,32,26,.50)!important;
}
.sidebar-nav a:hover{
    background:linear-gradient(90deg,rgba(156,111,50,.34),rgba(33,36,29,.55))!important;
}
.sidebar-nav a.active{
    background:linear-gradient(90deg,rgba(156,111,50,.42),rgba(30,34,27,.56))!important;
}
.panel{
    background:linear-gradient(180deg,rgba(31,34,28,.70),rgba(19,21,18,.74))!important;
    backdrop-filter:blur(3px);
}
.btn,
nav a{
    background:rgba(28,31,26,.52)!important;
    backdrop-filter:blur(2px);
}
.btn.primary{background:rgba(91,68,37,.62)!important}
.btn.danger{background:rgba(77,41,35,.62)!important}
.btn.ok{background:rgba(53,71,50,.62)!important}

/* Page-specific old rules were more opaque; override them last. */
body.join-server-background .panel,
body.alpha-field .panel,
body.gamma-field .panel{
    background:linear-gradient(180deg,rgba(25,28,23,.66),rgba(14,16,13,.72))!important;
}
body.join-server-background .fog,
body.alpha-field .fog,
body.gamma-field .fog{opacity:.045!important}

@media(max-width:950px){
    body.join-server-background,
    body.alpha-field,
    body.gamma-field{
        background-attachment:scroll!important;
    }
    body.gamma-field .tld-fixed-page-background{
        background-attachment:scroll!important;
    }
}


/* ============================================================
   TLD FULL-SCREEN BACKGROUND CORRECTION
   2026-07-25
   ============================================================
   The previous contain rule preserved the whole image but created black
   side bars whenever the viewport aspect ratio did not match the artwork.
   These page backgrounds now use a fixed viewport layer with cover so the
   artwork always reaches every screen edge.
*/
html,body{min-width:100%;min-height:100%}
body.join-server-background,
body.alpha-field,
body.gamma-field{
    min-height:100vh!important;
    background:#050505!important;
    background-image:none!important;
}

/* Dedicated fixed layers sit behind every page element and cover the entire viewport. */
body.join-server-background::before,
body.alpha-field::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-2;
    width:100vw;
    height:100vh;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    pointer-events:none;
}
body.join-server-background::before{
    background-image:url("join-server-background.png");
}
body.alpha-field::before{
    background-image:url("alpha-field.png");
}

/* My Item Deliveries already has a real fixed background element from layout.php. */
body.gamma-field .tld-fixed-page-background{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    z-index:-2!important;
    background-image:url("beta-field.png")!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-attachment:scroll!important;
    background-color:#050505!important;
}

/* Very light veil only; preserve the artwork. */
body.join-server-background::after,
body.alpha-field::after,
body.gamma-field::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:rgba(0,0,0,.06);
}

/* Sidebar: substantially more transparent than the prior build. */
.tld-sidebar,
body.beta-field .tld-sidebar,
body.gamma-field .tld-sidebar,
body.auth-background .tld-sidebar{
    background:rgba(7,8,6,.24)!important;
    border-right-color:rgba(196,155,92,.24)!important;
    box-shadow:10px 0 30px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(2px)!important;
}
.sidebar-brand{
    background:rgba(8,9,7,.22)!important;
}
.sidebar-footer{
    background:rgba(5,6,5,.20)!important;
}
.sidebar-nav a{
    background:rgba(20,23,19,.28)!important;
    border-color:rgba(196,155,92,.07)!important;
    text-shadow:0 2px 5px rgba(0,0,0,.95)!important;
}
.sidebar-nav a:hover{
    background:linear-gradient(90deg,rgba(156,111,50,.30),rgba(20,23,19,.30))!important;
    border-color:rgba(196,155,92,.30)!important;
}
.sidebar-nav a.active{
    background:linear-gradient(90deg,rgba(156,111,50,.36),rgba(20,23,19,.31))!important;
    border-color:rgba(196,155,92,.38)!important;
}
.sidebar-section-label{
    text-shadow:0 2px 5px #000,0 0 4px #000;
}

/* Keep content readable while allowing much more of every page background through. */
.panel,
body.join-server-background .panel,
body.alpha-field .panel,
body.gamma-field .panel{
    background:linear-gradient(180deg,rgba(24,27,22,.54),rgba(13,15,12,.59))!important;
    backdrop-filter:blur(2px)!important;
}
.btn,nav a{
    background:rgba(22,25,21,.38)!important;
}
.btn.primary{background:rgba(91,68,37,.48)!important}
.btn.danger{background:rgba(77,41,35,.48)!important}
.btn.ok{background:rgba(53,71,50,.48)!important}

body.join-server-background .fog,
body.alpha-field .fog,
body.gamma-field .fog{
    opacity:.02!important;
}

@media(max-width:950px){
    body.join-server-background::before,
    body.alpha-field::before,
    body.gamma-field .tld-fixed-page-background{
        background-size:cover!important;
        background-position:center center!important;
    }
    .tld-sidebar{background:rgba(7,8,6,.48)!important}
}

/* Item product/package builder */
.product-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:16px;align-items:start}
.builder-basket{display:grid;gap:12px}
.vehicle-builder-box{border:1px solid rgba(196,155,92,.28);border-radius:12px;background:rgba(7,9,7,.42);padding:12px}
.builder-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.builder-head label{display:flex;align-items:center;gap:6px;margin:0}.builder-head input{width:76px}
.vehicle-slot-group{margin-top:12px;padding-top:10px;border-top:1px solid rgba(196,155,92,.18)}.vehicle-slot-group h4{margin:0 0 8px}
.vehicle-slot-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(180px,1.2fr);gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.vehicle-slot-row em{display:block;font-size:.74rem;opacity:.65;font-style:normal}.slot-pair-button{width:100%;text-align:left;border:1px solid rgba(196,155,92,.22);background:rgba(17,20,17,.58);color:inherit;border-radius:7px;padding:8px 10px;cursor:pointer}.slot-pair-button:hover{border-color:rgba(196,155,92,.55)}
.product-contents-box{margin:14px 0;padding:12px;border:1px solid rgba(196,155,92,.18);border-radius:10px;background:rgba(5,7,5,.30)}.product-contents-box h3{margin-top:0}.product-content-line{padding:5px 0}
@media(max-width:950px){.product-builder{grid-template-columns:1fr}.vehicle-slot-row{grid-template-columns:1fr}}

/* Item Products admin layout: full-width builder with products below */
.item-admin-grid{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%;
}
.item-admin-grid > .panel{
    width:100%;
    min-width:0;
}
.item-admin-grid .product-builder{
    grid-template-columns:minmax(520px,1.15fr) minmax(420px,.85fr);
}
.item-admin-grid .item-row,
.item-admin-grid .item-row code,
.item-admin-grid .builder-head strong,
.item-admin-grid .slot-pair-button{
    overflow-wrap:anywhere;
    word-break:break-word;
    white-space:normal;
}
.item-admin-grid .admin-product-list{
    width:100%;
}
@media(max-width:1100px){
    .item-admin-grid .product-builder{grid-template-columns:1fr;}
}

/* ============================================================
   Item Product Vehicle Configurator
   Click a vehicle in the product basket to configure all slots.
   ============================================================ */
.vehicle-builder-box.is-vehicle{cursor:pointer;transition:border-color .15s ease,background .15s ease}
.vehicle-builder-box.is-vehicle:hover{border-color:rgba(221,177,105,.62);background:rgba(15,18,14,.62)}
.builder-item-title{min-width:0;flex:1}.builder-item-title strong{display:block}
.vehicle-config-summary{width:100%;margin-top:11px;padding:12px 14px;border:1px solid rgba(196,155,92,.30);border-radius:9px;background:rgba(15,18,14,.72);color:inherit;text-align:left;cursor:pointer;display:grid;grid-template-columns:minmax(180px,.6fr) minmax(220px,1fr) auto;gap:12px;align-items:center}
.vehicle-config-summary:hover{border-color:rgba(221,177,105,.70);background:rgba(29,27,20,.82)}
.vehicle-config-summary span{color:var(--muted);font-size:12px}.vehicle-config-summary em{font-style:normal;color:var(--accent2);font-size:12px;font-weight:800}
body.vehicle-modal-open{overflow:hidden}
.vehicle-config-modal[hidden]{display:none!important}.vehicle-config-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:28px}
.vehicle-config-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}
.vehicle-config-dialog{position:relative;z-index:1;width:min(1180px,96vw);max-height:92vh;display:flex;flex-direction:column;border:1px solid rgba(205,158,86,.52);border-radius:14px;background:linear-gradient(180deg,rgba(17,20,16,.985),rgba(8,10,8,.99));box-shadow:0 30px 90px rgba(0,0,0,.65);overflow:hidden}
.vehicle-config-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:20px 22px;border-bottom:1px solid rgba(196,155,92,.24);background:rgba(28,27,20,.62)}
.vehicle-config-header h2{margin:2px 0 4px}.vehicle-config-kicker{font-size:11px;letter-spacing:.18em;font-weight:900;color:var(--accent2)}
.vehicle-config-close{border:0;background:transparent;color:#eee;font-size:34px;line-height:1;cursor:pointer;padding:0 4px}.vehicle-config-close:hover{color:var(--accent2)}
.vehicle-config-body{overflow:auto;padding:18px 22px 24px}.vehicle-config-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.vehicle-config-section{border:1px solid rgba(196,155,92,.20);border-radius:10px;background:rgba(7,9,7,.52);padding:14px;margin-top:14px}.vehicle-config-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.vehicle-config-section-title h3{margin:0}.vehicle-config-section-title p{margin:4px 0 0}
.vehicle-config-rows{display:grid;gap:8px}.vehicle-config-row{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(360px,1.45fr);gap:12px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(19,22,18,.72)}
.vehicle-config-row:has(.vehicle-cargo-qty){grid-template-columns:minmax(170px,.5fr) minmax(300px,1.25fr) 105px auto}
.vehicle-slot-label strong{display:block;overflow-wrap:anywhere}.vehicle-slot-label span{font-size:11px;color:var(--muted)}
.vehicle-slot-picker{min-width:0}.vehicle-slot-picker input{width:100%;margin:0}.vehicle-slot-picker small{display:block;min-height:16px;margin-top:4px;color:var(--muted);overflow-wrap:anywhere}.vehicle-slot-picker input.invalid-slot-choice{border-color:#bd5847!important;box-shadow:0 0 0 1px rgba(189,88,71,.35)}
.vehicle-cargo-qty{display:flex;align-items:center;gap:6px;margin:0}.vehicle-cargo-qty input{width:70px;margin:0}
.vehicle-empty-state{padding:18px;border:1px dashed rgba(196,155,92,.22);border-radius:8px;color:var(--muted);text-align:center}
.vehicle-config-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;border-top:1px solid rgba(196,155,92,.24);background:rgba(13,15,12,.96)}
@media(max-width:900px){.vehicle-config-modal{padding:10px}.vehicle-config-dialog{width:100%;max-height:96vh}.vehicle-config-row,.vehicle-config-row:has(.vehicle-cargo-qty){grid-template-columns:1fr}.vehicle-config-summary{grid-template-columns:1fr}.vehicle-config-toolbar,.vehicle-config-section-title,.vehicle-config-footer{align-items:stretch;flex-direction:column}}

/* Universal vehicle-slot editor */
.vehicle-config-section-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.vehicle-slot-name-input{width:100%;margin:0 0 4px;font-weight:800;min-width:0}
.vehicle-slot-label{min-width:0}.vehicle-slot-label span{display:block}
@media(max-width:900px){.vehicle-config-section-actions{justify-content:flex-start}.vehicle-config-section-actions .btn{width:100%}}

/* TLD container loadout / nested product contents */
.container-config-dialog{max-width:1120px}
.container-capacity-summary{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;align-items:center;padding:12px 14px;margin-bottom:14px;border:1px solid rgba(196,155,92,.28);border-radius:10px;background:rgba(8,11,8,.72)}
.container-capacity-summary strong{font-size:16px}.container-capacity-summary span{font-weight:700}.container-capacity-summary small{grid-column:1/-1;color:#b8b8ae}
.container-capacity-summary.is-ok span{color:#a8d79f}.container-capacity-summary.is-error{border-color:rgba(220,86,68,.7)}.container-capacity-summary.is-error span{color:#ff9c8f}
.container-config-row{display:grid;grid-template-columns:minmax(320px,1fr) minmax(290px,.75fr) auto auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(196,155,92,.15);border-radius:9px;background:rgba(8,11,8,.56)}
.container-qty-editor{display:grid;grid-template-columns:auto minmax(90px,1fr) auto;gap:6px;align-items:center}.container-qty-editor small{grid-column:1/-1;color:#aaa99f}.container-qty-editor input{min-width:0}
.product-tree-node{margin:7px 0}.product-tree-line{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:8px 10px;border:1px solid rgba(196,155,92,.12);border-radius:8px;background:rgba(5,7,5,.24)}
.product-tree-name{display:flex;flex-direction:column;min-width:210px;flex:1}.product-tree-name small{color:#aaa99f;margin-top:2px}.product-tree-slot{font-weight:700;color:#d9b66d;min-width:150px}.product-tree-badge{font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:3px 7px;border:1px solid rgba(196,155,92,.35);border-radius:999px;color:#d9b66d}.product-tree-group{margin:7px 0 7px 18px;padding-left:12px;border-left:2px solid rgba(196,155,92,.2)}.product-tree-group-title{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#8f8f86;margin:9px 0 5px}
@media(max-width:900px){.container-config-row{grid-template-columns:1fr}.container-capacity-summary{grid-template-columns:1fr}.container-capacity-summary small{grid-column:auto}.product-tree-group{margin-left:8px}}

/* Item Look Up ----------------------------------------------------------- */
.item-lookup-panel,.item-lookup-detail{max-width:1500px;margin-left:auto;margin-right:auto}
.item-lookup-panel{padding:26px}
.item-lookup-heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:20px}
.item-lookup-heading h1,.item-lookup-detail h2{margin:4px 0 8px}
.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent2);font-weight:800}
.item-lookup-count{min-width:150px;text-align:right;font-size:30px;font-weight:900;color:var(--accent2)}
.item-lookup-count span{display:block;color:#aaa;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.item-lookup-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:18px 0 22px}
.item-lookup-search input{min-height:48px;font-size:16px}
.item-lookup-results-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #34382f;padding:0 0 10px;margin-bottom:10px}
.item-lookup-results-head span{color:#999;font-size:13px}
.item-lookup-results{display:grid;gap:8px}
.item-lookup-result{display:grid;grid-template-columns:minmax(280px,1fr) minmax(160px,.45fr) auto;gap:18px;align-items:center;padding:14px 16px;border:1px solid #34382f;background:#0e100d;text-decoration:none;color:#eee;transition:.15s ease}
.item-lookup-result:hover,.item-lookup-result.selected{border-color:#8b7547;background:#15170f;transform:translateY(-1px)}
.item-lookup-result-main{min-width:0}
.item-lookup-result-main strong{display:block;font-size:16px;margin-bottom:4px}
.item-lookup-result-main code,.attachment-option code,.item-classname-large{color:#d5ad58;font-family:Consolas,Monaco,monospace;word-break:break-word}
.item-lookup-result-meta{display:flex;flex-direction:column;gap:3px;color:#bbb;font-size:13px}
.item-lookup-result-meta small{color:#777}
.item-lookup-open{font-size:13px;color:#d5ad58;font-weight:700;white-space:nowrap}
.item-lookup-detail{padding:26px;margin-top:18px}
.item-detail-title-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:1px solid #34382f;padding-bottom:18px}
.item-classname-large{display:inline-block;font-size:15px;margin-top:3px}
.item-detail-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.item-detail-badges span{border:1px solid #4a4636;background:#14150f;padding:7px 10px;font-size:12px;color:#d8d4c8}
.item-detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.item-detail-stats>div{border:1px solid #34382f;background:#0d0f0c;padding:13px}
.item-detail-stats small{display:block;color:#888;text-transform:uppercase;letter-spacing:.08em;font-size:10px;margin-bottom:5px}
.item-detail-stats strong{font-size:15px}
.attachment-section-heading{display:flex;justify-content:space-between;align-items:end;margin:24px 0 12px}
.attachment-section-heading h3{margin:0 0 5px;font-size:22px}
.attachment-section-heading p{margin:0}
.attachment-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.attachment-slot-card{border:1px solid #3c4035;background:#0c0e0b;padding:14px}
.attachment-slot-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:11px;padding-bottom:10px;border-bottom:1px solid #292c26}
.attachment-slot-head strong{display:block;font-size:16px}
.attachment-slot-head small{display:block;color:#777;margin-top:3px}
.attachment-slot-head>span{font-size:11px;color:#c4a45b;border:1px solid #584d32;padding:4px 7px;white-space:nowrap}
.attachment-option-list{display:grid;gap:7px}
.attachment-option{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #292c26;background:#10120f;padding:10px}
.attachment-option.default{border-color:#66552f}
.attachment-option strong{display:block;font-size:14px;margin-bottom:3px}
.attachment-option code{font-size:12px}
.attachment-option>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#e0b55a}
.item-lookup-no-slots{line-height:1.55}
@media(max-width:900px){
 .item-lookup-heading,.item-detail-title-row{flex-direction:column}
 .item-lookup-count{text-align:left}
 .item-lookup-search{grid-template-columns:1fr}
 .item-lookup-result{grid-template-columns:1fr}
 .item-lookup-open{white-space:normal}
 .item-detail-badges{justify-content:flex-start}
 .item-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .attachment-slot-grid{grid-template-columns:1fr}
}
@media(max-width:540px){.item-detail-stats{grid-template-columns:1fr}}


/* Item Look Up v2: collapsible search + weapon metadata */
.item-lookup-heading-actions{display:flex;align-items:flex-start;gap:14px}
.item-lookup-toggle{white-space:nowrap}
.item-lookup-panel .item-lookup-collapsible{display:block}
.item-lookup-panel.lookup-collapsed .item-lookup-collapsible{display:none}
.item-lookup-panel.lookup-collapsed{padding-bottom:18px}
.item-lookup-panel.lookup-collapsed .item-lookup-heading{margin-bottom:0}
.weapon-compatibility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 8px}
.weapon-compat-card{border:1px solid #3c4035;background:#0c0e0b;padding:14px}
.item-lookup-detail{scroll-margin-top:18px}
@media(max-width:900px){
 .item-lookup-heading-actions{width:100%;justify-content:space-between}
 .weapon-compatibility-grid{grid-template-columns:1fr}
}

.item-lookup-inference-note{margin:18px 0 4px;padding:12px 14px;border:1px solid #65532d;background:#17140d;color:#d8d3c5}
.item-lookup-inference-note strong{color:#d6ad58}


/* Keep the lookup UI readable while allowing the supplied artwork to remain visible. */
body.item-lookup-page .item-lookup-panel,
body.item-lookup-page .item-lookup-detail {
    background: rgba(10, 13, 10, 0.90);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

@media (max-width: 900px) {
    body.item-lookup-page {
        background-attachment: scroll;
        background-position: center top;
    }
}


/* Put every visible Item Look Up UI layer above the dedicated artwork. */
body:has(.tld-item-lookup-background) .sidebar,
body:has(.tld-item-lookup-background) aside,
body:has(.tld-item-lookup-background) main,
body:has(.tld-item-lookup-background) .main,
body:has(.tld-item-lookup-background) .content,
body:has(.tld-item-lookup-background) .main-content,
body:has(.tld-item-lookup-background) .page-content,
body:has(.tld-item-lookup-background) footer {
    position: relative !important;
    z-index: 2 !important;
}

/* Remove the black viewport paint from the content side only so the artwork shows through. */
body:has(.tld-item-lookup-background) main,
body:has(.tld-item-lookup-background) .main,
body:has(.tld-item-lookup-background) .content,
body:has(.tld-item-lookup-background) .main-content,
body:has(.tld-item-lookup-background) .page-content {
    background: transparent !important;
}

/* Keep cards readable while visibly showing the background around and behind them. */
body:has(.tld-item-lookup-background) .item-lookup-panel,
body:has(.tld-item-lookup-background) .item-lookup-detail {
    background: rgba(9,12,9,.88) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}


/* FINAL Item Look Up background.
   The image is applied DIRECTLY to the actual page content container.
   There is intentionally NO gradient, NO tint, NO dark overlay and NO pseudo-element. */
.tld-item-lookup-content {
    background-color: transparent !important;
    background-image: url('itemsearch.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    min-height: 100vh !important;
}

/* Do not allow inner Item Look Up wrappers to paint a black full-page layer over the image. */
.tld-item-lookup-content > *,
.tld-item-lookup-content .page,
.tld-item-lookup-content .page-shell,
.tld-item-lookup-content .page-content,
.tld-item-lookup-content .lookup-page,
.tld-item-lookup-content .item-lookup-page {
    background-color: transparent;
}

/* Individual cards keep their existing card backgrounds for readability.
   This rule does NOT cover the page/background itself. */
@media (max-width: 900px) {
    .tld-item-lookup-content {
        background-attachment: scroll !important;
        background-position: center top !important;
    }
}


/* ============================================================
   ITEM LOOK UP BACKGROUND - REAL BODY CLASS FIX
   The page explicitly sets $GLOBALS['tld_body_class'] to
   item-lookup-background before render_header().
   No gradient, tint, veil, fog, or full-screen dark overlay.
   ============================================================ */
html {
    background: #000;
}

body.item-lookup-background {
    background-color: #000 !important;
    background-image: url("itemsearch-v2.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    min-height: 100vh !important;
}

/* The global fog layer is a full-screen visual overlay. Disable it entirely
   on Item Look Up so NOTHING darkens or changes the supplied artwork. */
body.item-lookup-background .fog {
    display: none !important;
    opacity: 0 !important;
    background: none !important;
}

/* These are structural wrappers only. They must never paint over the image. */
body.item-lookup-background .tld-page,
body.item-lookup-background main.shell {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Do not generate any page-wide pseudo overlay on this route. */
body.item-lookup-background::before,
body.item-lookup-background::after,
body.item-lookup-background .tld-page::before,
body.item-lookup-background .tld-page::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

/* Keep the navigation usable without placing a full-screen veil over the image. */
body.item-lookup-background .tld-sidebar {
    background: rgba(7, 8, 6, .76) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Only the actual information cards have a local background.
   There is no full-page dark layer between them. */
body.item-lookup-background .item-lookup-panel,
body.item-lookup-background .item-lookup-detail {
    background: rgba(12, 14, 11, .82) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Footer should not create a dark strip over the artwork. */
body.item-lookup-background footer {
    background: transparent !important;
}

@media (max-width: 900px) {
    body.item-lookup-background {
        background-attachment: scroll !important;
        background-position: center top !important;
    }
}


/* ============================================================
   TLD COMMUNITY HUB - MEDICAL GUIDE
   ============================================================ */
body.medical-guide-background{
    background:
        radial-gradient(circle at 78% 10%,rgba(136,25,20,.14),transparent 30%),
        linear-gradient(180deg,#090b09 0,#070807 58%,#090b09 100%)!important;
}
body.medical-guide-background .fog{opacity:.018!important}
body.medical-guide-background .shell{max-width:1320px}
.medical-kicker{font-size:11px;font-weight:1000;letter-spacing:.18em;color:#d7a75d;text-transform:uppercase}
.medical-hero{
    display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
    min-height:410px;margin:24px 0 18px;border:1px solid #414a3b;
    background:linear-gradient(120deg,rgba(12,14,12,.96),rgba(17,20,16,.86));
    box-shadow:0 24px 75px rgba(0,0,0,.46);overflow:hidden;position:relative
}
.medical-hero::after{content:"";position:absolute;inset:0;pointer-events:none;border-top:2px solid rgba(177,45,37,.7)}
.medical-hero-art{min-height:410px;position:relative;background:#0b0d0b}
.medical-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(12,14,12,.94))}
.medical-hero-art img{width:100%;height:100%;object-fit:cover;display:block}
.medical-hero-copy{padding:48px 52px 40px;position:relative;z-index:2}
.medical-hero h1{font-size:54px;line-height:.98;margin:9px 0 18px;letter-spacing:.015em}
.medical-lead{font-size:17px;line-height:1.7;color:#c5c7bf;max-width:780px}
.medical-alert{display:flex;gap:14px;align-items:flex-start;border:1px solid #4b5143;padding:14px 16px;margin:20px 0;background:rgba(17,19,16,.76)}
.medical-alert strong{white-space:nowrap;font-size:12px;letter-spacing:.08em}
.medical-alert span{color:#c8cac2;line-height:1.5}
.medical-alert.danger{border-color:#7f382f;background:rgba(85,25,20,.18)}
.medical-alert.danger strong{color:#ff7666}
.medical-alert.warning{border-color:#8a6c2f;background:rgba(118,83,20,.15)}
.medical-alert.warning strong{color:#f3c25d}
.medical-alert.cyan{border-color:#2f7882;background:rgba(18,85,94,.15)}
.medical-alert.cyan strong{color:#71dce8}
.medical-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.medical-btn,.medical-credit-links a{
    display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid #596053;
    background:#151814;color:#e9e9e3;text-decoration:none;font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.07em
}
.medical-btn.primary{border-color:#9b7337;background:linear-gradient(180deg,#43321b,#2c2317);color:#ffd68d}
.medical-btn:hover,.medical-credit-links a:hover{border-color:#d0a35d;color:#ffd78e}
.medical-command-panel{
    display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 24px;margin:0 0 18px;
    border:1px solid #3d4339;background:rgba(13,15,12,.91)
}
.medical-command-panel h2{margin:3px 0 3px}
.medical-command-panel p{margin:0;color:#969b91}
.medical-quick-nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.medical-quick-nav a{padding:9px 11px;border:1px solid #444b40;text-decoration:none;color:#d6d8d0;background:#10130f;font-size:11px;font-weight:900;text-transform:uppercase}
.medical-quick-nav a.green:hover{border-color:#4f9a61;color:#83df96}
.medical-quick-nav a.orange:hover{border-color:#a87236;color:#e8a75b}
.medical-quick-nav a.red:hover{border-color:#a74238;color:#ff7567}
.medical-quick-nav a.infect:hover{border-color:#8d5da9;color:#ce8df0}
.medical-quick-nav a.yellow:hover{border-color:#a28e3f;color:#e9d367}
.medical-quick-nav a.purple:hover{border-color:#715a9b;color:#ae91e8}
.medical-quick-nav a.cyan:hover{border-color:#397f87;color:#71dce8}
.medical-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.medical-overview-card{padding:19px;border:1px solid #3c4238;background:rgba(13,15,12,.91);position:relative;overflow:hidden}
.medical-overview-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#777}
.medical-overview-card strong{display:block;font-size:11px;letter-spacing:.18em;color:#747b70}
.medical-overview-card h3{margin:7px 0 5px;font-size:19px}
.medical-overview-card p{margin:0;color:#9da198;line-height:1.5;font-size:13px}
.medical-overview-card.green::before{background:#55ad68}.medical-overview-card.orange::before{background:#d48a43}
.medical-overview-card.red::before{background:#d04f43}.medical-overview-card.purple::before{background:#8971bd}
.medical-guide-shell{display:grid;gap:18px}
.medical-chapter{border:1px solid #40473b;background:linear-gradient(180deg,rgba(14,16,13,.95),rgba(10,12,10,.96));padding:28px;box-shadow:0 18px 45px rgba(0,0,0,.25)}
.medical-chapter-heading{padding:0 0 20px;border-bottom:1px solid #33392f;margin-bottom:20px}
.medical-chapter-heading>span{font-size:10px;font-weight:1000;letter-spacing:.2em;color:#7b8177}
.medical-chapter-heading h2{font-size:31px;margin:5px 0 8px}
.medical-chapter-heading p,.medical-chapter>p{color:#b2b6ac;line-height:1.7}
.chapter-green{border-top:3px solid #55ad68}.chapter-orange{border-top:3px solid #d48a43}
.chapter-red{border-top:3px solid #d04f43}.chapter-infect{border-top:3px solid #9a5db4}
.chapter-yellow{border-top:3px solid #c6ac44}.chapter-purple{border-top:3px solid #8068b4}.chapter-cyan{border-top:3px solid #4da0a9}
.medical-section-title{display:flex;align-items:center;gap:13px;margin:28px 0 10px;padding:12px 14px;background:#10130f;border-left:3px solid #7d8476}
.medical-section-title span{font-size:9px;font-weight:1000;letter-spacing:.17em;color:#7c8377}
.medical-section-title h2{font-size:21px;margin:1px 0 0}
.medical-section-icon{width:38px;height:38px;object-fit:contain;image-rendering:auto}
.medical-section-title.tone-green{border-left-color:#55ad68}.medical-section-title.tone-orange{border-left-color:#d48a43}
.medical-section-title.tone-red{border-left-color:#d04f43}.medical-section-title.tone-infect{border-left-color:#9a5db4}
.medical-section-title.tone-yellow{border-left-color:#c6ac44}.medical-section-title.tone-purple{border-left-color:#8068b4}
.medical-section-title.tone-cyan{border-left-color:#4da0a9}
.medical-icon-row{display:flex;gap:8px;margin:28px 0 -22px;padding-left:14px}
.medical-icon-row .medical-section-icon{width:34px;height:34px}
.medical-tip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.medical-tip{border:1px solid #394034;background:#0d100c;padding:13px}
.medical-tip b{display:block;color:#74cb84;font-size:10px;letter-spacing:.1em;margin-bottom:6px}
.medical-tip span{font-size:12px;color:#9da399;line-height:1.5}
.medical-tip.warning{border-color:#67512c}.medical-tip.warning b{color:#efbd58}
.medical-table-wrap{width:100%;overflow-x:auto;margin:12px 0 26px;border:1px solid #383e34}
.medical-table{width:100%;border-collapse:collapse;min-width:650px;background:#0b0e0b}
.medical-table th{padding:11px 12px;text-align:left;background:#171b15;color:#d5b16e;font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #434a3e;white-space:nowrap}
.medical-table td{padding:10px 12px;border-bottom:1px solid #252a23;color:#c5c8c0;font-size:12px}
.medical-table tr:nth-child(even) td{background:rgba(255,255,255,.012)}
.medical-table tr:hover td{background:rgba(196,155,92,.07);color:#fff}
.medical-stage-track{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}
.medical-stage-track>div{padding:15px;border:1px solid #544b27;background:#15130d}
.medical-stage-track b{display:block;color:#e2c85d;font-size:11px;letter-spacing:.1em;margin-bottom:5px}
.medical-stage-track span{font-size:12px;color:#a9aa9f}
.psi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.psi-grid article{padding:18px;border:1px solid #315b60;background:rgba(13,50,54,.15)}
.psi-grid span{font-size:11px;color:#65c7d1;font-weight:1000;letter-spacing:.16em}
.psi-grid h3{margin:7px 0}.psi-grid p{margin:0;color:#aab5b3;line-height:1.55;font-size:13px}
.medical-credits{display:grid;grid-template-columns:190px 1fr;gap:26px;padding:25px;border:1px solid #57492f;background:linear-gradient(120deg,#11140f,#18150f);margin-bottom:26px}
.medical-credit-logo img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid #494d42}
.medical-credits h2{margin:5px 0 10px}.medical-credits p{color:#b5b8af;line-height:1.6}
.medical-credit-links{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.medical-credits small{display:block;color:#777e73;line-height:1.5}
.medical-back-top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#211b11;border:1px solid #8b6a35;color:#f2c877;text-decoration:none;font-weight:1000;z-index:20}
@media(max-width:1050px){
    .medical-hero{grid-template-columns:1fr}.medical-hero-art{height:280px;min-height:280px}.medical-hero-art::after{background:linear-gradient(0deg,rgba(12,14,12,.92),transparent 65%)}
    .medical-hero-copy{padding:28px}.medical-hero h1{font-size:42px}
    .medical-command-panel{align-items:flex-start;flex-direction:column}.medical-quick-nav{justify-content:flex-start}
    .medical-overview-grid{grid-template-columns:repeat(2,1fr)}.medical-tip-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
    .medical-hero-copy{padding:22px}.medical-hero h1{font-size:36px}.medical-lead{font-size:15px}
    .medical-overview-grid,.medical-tip-grid,.medical-stage-track,.psi-grid{grid-template-columns:1fr}
    .medical-chapter{padding:18px}.medical-chapter-heading h2{font-size:26px}
    .medical-alert{flex-direction:column}.medical-credits{grid-template-columns:1fr}.medical-credit-logo{max-width:180px}
}


/* ============================================================
   TLD COMMUNITY HUB - DRUG RUNNING MOD GUIDE
   ============================================================ */
body.drug-running-guide-background{
    background:
        radial-gradient(circle at 78% 7%,rgba(99,31,116,.12),transparent 28%),
        radial-gradient(circle at 15% 18%,rgba(38,121,70,.10),transparent 24%),
        linear-gradient(180deg,#080a08 0,#070807 55%,#090a08 100%)!important;
}
body.drug-running-guide-background .fog{opacity:.012!important}
body.drug-running-guide-background .shell{max-width:1320px}
.drug-eyebrow{font-size:10px;font-weight:1000;letter-spacing:.18em;color:#d2a75f;text-transform:uppercase}
.drug-hero{
    display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
    min-height:430px;margin:24px 0 18px;border:1px solid #40473a;
    background:linear-gradient(120deg,rgba(11,14,11,.98),rgba(18,20,16,.91));
    box-shadow:0 24px 80px rgba(0,0,0,.48);overflow:hidden;position:relative
}
.drug-hero::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,#5ab86c,#c39d53,#a855ba)}
.drug-hero-copy{padding:48px 50px;position:relative;z-index:2}
.drug-hero h1{font-size:54px;line-height:1;margin:8px 0 18px;letter-spacing:.01em}
.drug-lead{font-size:17px;line-height:1.72;color:#c1c5bb;max-width:760px}
.drug-hero-art{position:relative;min-height:430px;background:#0b0d0b}
.drug-hero-art::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,14,11,.96),transparent 45%)}
.drug-hero-art img{display:block;width:100%;height:100%;object-fit:cover}
.drug-callout{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;margin:20px 0;border:1px solid #4c5246;background:#10130f}
.drug-callout strong{white-space:nowrap;font-size:11px;letter-spacing:.09em}
.drug-callout span{color:#c0c4b9;line-height:1.5}
.drug-callout.amber{border-color:#7b5f30;background:rgba(98,67,22,.14)}.drug-callout.amber strong{color:#e9bb65}
.drug-callout.green{border-color:#396c45;background:rgba(34,98,49,.12)}.drug-callout.green strong{color:#78d58c}
.drug-callout.purple{border-color:#664678;background:rgba(95,42,112,.12)}.drug-callout.purple strong{color:#c58adc}
.drug-callout.blue{border-color:#3d677c;background:rgba(30,78,101,.12)}.drug-callout.blue strong{color:#7cc2e2}
.drug-callout.white{border-color:#676a64;background:rgba(220,220,210,.04)}.drug-callout.white strong{color:#efefe6}
.drug-callout.red{border-color:#7f3d34;background:rgba(111,33,27,.13)}.drug-callout.red strong{color:#ff7666}
.drug-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.drug-btn,.drug-credit-links a{
    display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border:1px solid #596054;
    background:#141713;color:#e8e9e1;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase
}
.drug-btn.primary{border-color:#8e6d38;background:linear-gradient(180deg,#45331d,#2d2316);color:#ffd792}
.drug-btn:hover,.drug-credit-links a:hover{border-color:#d2a75e;color:#ffdd9b}
.drug-quick{
    display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 23px;margin-bottom:18px;
    border:1px solid #3d4339;background:rgba(13,15,12,.94)
}
.drug-quick h2{margin:3px 0 3px}.drug-quick p{margin:0;color:#959b91}
.drug-quick-links{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.drug-quick-links a{padding:9px 11px;border:1px solid #42483e;background:#0f120f;color:#d7dad1;text-decoration:none;font-size:10px;font-weight:1000;text-transform:uppercase}
.drug-quick-links a.lime:hover{border-color:#8acb62;color:#acf28a}
.drug-quick-links a.green:hover{border-color:#4fa464;color:#80df93}
.drug-quick-links a.cyan:hover{border-color:#4096a0;color:#75dbe7}
.drug-quick-links a.amber:hover{border-color:#a87a36;color:#edbd68}
.drug-quick-links a.red:hover{border-color:#a84438;color:#ff7969}
.drug-quick-links a.purple:hover{border-color:#8655a1;color:#cb8ee8}
.drug-quick-links a.gold:hover{border-color:#b08b4d;color:#f4c978}
.drug-route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.drug-route-card{padding:19px;border:1px solid #3c4238;background:rgba(13,15,12,.92);position:relative;overflow:hidden}
.drug-route-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#777}
.drug-route-card.green::before{background:#52ad68}.drug-route-card.cyan::before{background:#4b9ca5}
.drug-route-card.amber::before{background:#c58d45}.drug-route-card.red::before{background:#cf5044}
.drug-route-card>span{display:block;color:#71786d;font-weight:1000;font-size:10px;letter-spacing:.18em}
.drug-route-card h3{margin:7px 0 5px}.drug-route-card p{margin:0;color:#9ca197;font-size:13px;line-height:1.55}
.drug-guide-shell{display:grid;gap:18px}
.drug-chapter{border:1px solid #3f463a;background:linear-gradient(180deg,rgba(14,16,13,.96),rgba(10,12,10,.97));padding:28px;box-shadow:0 18px 45px rgba(0,0,0,.24)}
.chapter-lime{border-top:3px solid #8acb62}.chapter-green{border-top:3px solid #52ad68}
.chapter-cyan{border-top:3px solid #4b9ca5}.chapter-amber{border-top:3px solid #c58d45}
.chapter-red{border-top:3px solid #cf5044}.chapter-purple{border-top:3px solid #8a64b0}
.drug-chapter-heading{padding-bottom:20px;border-bottom:1px solid #33392f;margin-bottom:20px}
.drug-chapter-heading>span{font-size:10px;font-weight:1000;letter-spacing:.2em;color:#7b8177}
.drug-chapter-heading h2{font-size:31px;margin:5px 0 8px}
.drug-chapter-heading p,.drug-body-copy{color:#b1b6ac;line-height:1.7}
.drug-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.drug-feature-grid>div{padding:15px;border:1px solid #394035;background:#0d100c}
.drug-feature-grid b{display:block;color:#83d891;font-size:10px;letter-spacing:.1em;margin-bottom:7px}
.drug-feature-grid span{color:#9da399;font-size:12px;line-height:1.55}
.drug-product-strip{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}
.drug-product-strip span,.drug-tag-cloud span{padding:7px 9px;background:#11150f;border:1px solid #3c4438;color:#cad0c5;font-size:11px}
.drug-tag-cloud{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 22px}
.drug-tag-cloud.purple span{border-color:#5d4368;background:#171019;color:#d7afdF}
.drug-media-card{display:grid;grid-template-columns:360px 1fr;gap:22px;align-items:stretch;border:1px solid #40473b;background:#0d100d;margin:18px 0 24px;overflow:hidden}
.drug-media-card.compact{grid-template-columns:290px 1fr}
.drug-media-card img{width:100%;height:100%;min-height:230px;object-fit:cover;display:block}
.drug-media-card>div{padding:24px 24px 24px 0;align-self:center}
.drug-media-card h3{font-size:24px;margin:5px 0 8px}.drug-media-card p{color:#adb2a8;line-height:1.65}
.drug-section-title{margin:27px 0 11px;padding:12px 14px;border-left:3px solid #777;background:#10130f}
.drug-section-title span{font-size:9px;letter-spacing:.17em;color:#777e74;font-weight:1000}
.drug-section-title h3{font-size:21px;margin:2px 0 0}
.drug-section-title.green{border-left-color:#52ad68}.drug-section-title.purple{border-left-color:#8a64b0}
.drug-section-title.orange{border-left-color:#ce7f41}.drug-section-title.blue{border-left-color:#4d93bb}
.drug-section-title.white{border-left-color:#cfcfc8}.drug-section-title.pink{border-left-color:#d469aa}
.drug-section-title.red{border-left-color:#cf5044}
.drug-two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}
.drug-info-panel{padding:17px;border:1px solid #3c4238;background:#0d100d}
.drug-info-panel>span{font-size:9px;letter-spacing:.15em;font-weight:1000;color:#b89a61}
.drug-info-panel h3{margin:6px 0}.drug-info-panel p{margin:0;color:#9fa49b;line-height:1.55}
.drug-info-panel.coca>span{color:#7fd38e}.drug-info-panel.poppy>span{color:#dd8c85}
.drug-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.drug-steps>div{display:flex;gap:10px;align-items:center;padding:13px;background:#0d100d;border:1px solid #394035}
.drug-steps b{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:#34283c;color:#d9acee}
.drug-steps span{font-size:12px;color:#aab0a6}
.drug-workstation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.drug-workstation-grid article{padding:18px;border:1px solid #36535a;background:linear-gradient(180deg,rgba(19,47,51,.22),rgba(12,18,18,.18))}
.drug-workstation-grid span{font-size:9px;letter-spacing:.16em;color:#6bc8d2;font-weight:1000}
.drug-workstation-grid h3{margin:6px 0}.drug-workstation-grid p{color:#adb5ae;line-height:1.55}.drug-workstation-grid small{color:#747e78;line-height:1.5}
.drug-recipe-nav{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 20px}
.drug-recipe-nav a{padding:8px 10px;border:1px solid #54462d;background:#15120d;color:#e2b666;text-decoration:none;font-size:10px;font-weight:900;text-transform:uppercase}
.drug-batch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.drug-batch-grid article{padding:17px;border:1px solid #40463b;background:#0d100d}
.drug-batch-grid h3{margin:0 0 9px}.drug-batch-grid ul{margin:0;padding-left:18px;color:#aeb3aa;line-height:1.65}
.drug-batch-grid article.blue{border-top:3px solid #4e9bcc}.drug-batch-grid article.brown{border-top:3px solid #9b7553}.drug-batch-grid article.pink{border-top:3px solid #d26eae}
.drug-process-line{display:flex;align-items:stretch;gap:8px;margin:18px 0;overflow-x:auto}
.drug-process-line>div{min-width:135px;padding:12px;border:1px solid #3c4338;background:#0d100d;display:flex;flex-direction:column;justify-content:center}
.drug-process-line>div:nth-child(even){min-width:20px;border:0;background:transparent;color:#b48b49;text-align:center}
.drug-process-line b{color:#e2b667;font-size:10px;letter-spacing:.08em}.drug-process-line span{color:#949b91;font-size:11px;margin-top:4px}
.drug-recipe-card{display:grid;gap:7px;margin:12px 0}
.drug-recipe-card>div{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid #493b47;background:#120f12}
.drug-recipe-card b{display:flex;min-width:28px;height:28px;align-items:center;justify-content:center;background:#4d2943;color:#f4acd8}
.drug-recipe-card span{color:#b9b0b6;font-size:12px}
.drug-recipe-table{border:1px solid #473f32;margin:12px 0}
.drug-recipe-table>div{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid #2d2a24}
.drug-recipe-table>div:last-child{border-bottom:0}
.drug-recipe-table>div>*{padding:11px 13px}
.drug-recipe-table .head{background:#19160f;color:#dfb66d;text-transform:uppercase;font-size:10px;letter-spacing:.08em;font-weight:900}
.drug-recipe-table b{color:#d99669}.drug-recipe-table span{color:#aeb1a8;font-size:12px;line-height:1.5}
.drug-highend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.drug-highend-grid article{padding:17px;border:1px solid #553932;background:rgba(63,19,16,.12)}
.drug-highend-grid span{font-size:9px;letter-spacing:.15em;font-weight:1000;color:#e26f61}
.drug-highend-grid h3{margin:6px 0}.drug-highend-grid p{color:#a9aaa2;font-size:12px;line-height:1.55}
.drug-effects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.drug-effects-grid article{padding:17px;border:1px solid #3d423a;background:#0d100d}
.drug-effects-grid>article>span{font-size:9px;letter-spacing:.15em;font-weight:1000}
.drug-effects-grid h3{font-size:22px;margin:5px 0}.drug-effects-grid p{font-size:12px;line-height:1.55;color:#aeb2a9}.drug-effects-grid small{color:#777f75;line-height:1.45}
.drug-effects-grid .green{border-top:3px solid #55ad68}.drug-effects-grid .green>span{color:#7fd591}
.drug-effects-grid .blue{border-top:3px solid #5395c3}.drug-effects-grid .blue>span{color:#81c2eb}
.drug-effects-grid .purple{border-top:3px solid #8a64b0}.drug-effects-grid .purple>span{color:#c08ce3}
.drug-effects-grid .pink{border-top:3px solid #d06ba7}.drug-effects-grid .pink>span{color:#f5a7d4}
.drug-effects-grid .white{border-top:3px solid #d2d2ca}.drug-effects-grid .white>span{color:#eee}
.drug-effects-grid .amber{border-top:3px solid #c58d45}.drug-effects-grid .amber>span{color:#e9b86a}
.drug-credits{padding:26px;border:1px solid #57492f;background:linear-gradient(120deg,#10130f,#18150f);margin-bottom:28px}
.drug-credits h2{margin:5px 0 10px}.drug-credits p{color:#b3b7ad;line-height:1.65}
.drug-credit-links{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.drug-credits small{color:#777e73;line-height:1.5}
.drug-back-top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#211b11;border:1px solid #8b6a35;color:#f2c877;text-decoration:none;font-weight:1000;z-index:20}
@media(max-width:1050px){
    .drug-hero{grid-template-columns:1fr}.drug-hero-art{height:310px;min-height:310px}.drug-hero-art::before{background:linear-gradient(0deg,rgba(12,14,11,.94),transparent 62%)}
    .drug-hero-copy{padding:30px}.drug-hero h1{font-size:43px}
    .drug-quick{align-items:flex-start;flex-direction:column}.drug-quick-links{justify-content:flex-start}
    .drug-route-grid{grid-template-columns:repeat(2,1fr)}.drug-feature-grid{grid-template-columns:repeat(2,1fr)}
    .drug-media-card,.drug-media-card.compact{grid-template-columns:300px 1fr}
    .drug-highend-grid{grid-template-columns:repeat(2,1fr)}.drug-effects-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
    .drug-hero-copy{padding:22px}.drug-hero h1{font-size:36px}.drug-lead{font-size:15px}
    .drug-route-grid,.drug-feature-grid,.drug-two-col,.drug-workstation-grid,.drug-batch-grid,.drug-highend-grid,.drug-effects-grid,.drug-steps{grid-template-columns:1fr}
    .drug-chapter{padding:18px}.drug-chapter-heading h2{font-size:26px}
    .drug-media-card,.drug-media-card.compact{grid-template-columns:1fr}.drug-media-card>div{padding:18px}
    .drug-callout{flex-direction:column}.drug-recipe-table>div{grid-template-columns:1fr}.drug-recipe-table .head{display:none}
}


/* =========================================================
   TLD COMMUNITY HUB - COOKING MOD GUIDE
   ========================================================= */
body.cooking-guide-background{background:#080a08!important}
.cooking-guide-background .fog{opacity:.12}
.cook-guide-shell,.cook-hero,.cook-quick{max-width:1240px;margin-left:auto;margin-right:auto}
.cook-hero{margin-top:24px;padding:34px;border:1px solid #4c3c22;border-radius:12px;background:linear-gradient(120deg,rgba(10,13,10,.97),rgba(18,20,14,.93));display:grid;grid-template-columns:1.55fr .75fr;gap:28px;box-shadow:0 18px 60px #000}
.cook-eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:#d7a64a}.cook-hero h1{font-size:54px;line-height:1;margin:9px 0 14px;color:#f4f0e7}.cook-lead{font-size:18px;line-height:1.65;color:#c9c8c1;max-width:800px}
.cook-alert{margin-top:22px;padding:18px;border-left:4px solid #e0a82e;background:rgba(224,168,46,.08);display:grid;gap:7px}.cook-alert strong{color:#ffc95b;letter-spacing:1px}.cook-alert span{color:#ddd8ca;line-height:1.55}
.cook-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.cook-actions a,.cook-quick a{padding:11px 15px;border:1px solid #6d5225;border-radius:5px;background:#17150f;color:#f2c56d;text-decoration:none;font-weight:800}.cook-actions a:hover,.cook-quick a:hover{background:#2b2111}
.cook-hero-panel{align-self:stretch;border:1px solid #33402b;background:linear-gradient(160deg,rgba(41,54,31,.45),rgba(10,12,10,.85));padding:24px;border-radius:9px;display:flex;flex-direction:column;justify-content:center}.cook-hero-panel span{color:#8bcf66;font-size:11px;letter-spacing:2px;font-weight:900}.cook-hero-panel strong{font-size:23px;color:#f3f1e8;margin:10px 0}.cook-hero-panel p{color:#bfc6b9;line-height:1.55}
.cook-quick{display:flex;gap:9px;flex-wrap:wrap;padding:18px 0}.cook-guide-shell{padding-bottom:70px}.cook-chapter{margin:18px 0 28px;padding:28px;background:rgba(11,14,11,.96);border:1px solid #30362d;border-radius:10px;box-shadow:0 15px 45px rgba(0,0,0,.35)}
.cook-title{border-bottom:1px solid #30362d;padding-bottom:15px;margin-bottom:20px}.cook-title span{font-size:11px;letter-spacing:2px;font-weight:900}.cook-title h2,.cook-title h3{margin:5px 0 0;color:#f0eee7}.cook-title.cyan span{color:#64d9e8}.cook-title.amber span{color:#f3b43d}.cook-title.blue span{color:#6fa8ff}.cook-title.gold span{color:#e3bd68}.cook-title.orange span{color:#ff944d}.cook-title.red span{color:#ff6d61}.cook-title.purple span{color:#c994ff}
.cook-intro{color:#b9bdb5;line-height:1.65;margin:-4px 0 22px}.cook-intro strong{color:#f1c76f}
.cook-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px}.cook-info-grid article,.cook-recipe{border:1px solid #30372d;background:#0e120e;border-radius:7px;padding:17px}.cook-info-grid b{font-size:10px;letter-spacing:1.4px}.cook-info-grid .gold{color:#e7bb5e}.cook-info-grid .orange{color:#ff9456}.cook-info-grid .green{color:#7fd46c}.cook-info-grid h3{color:#eee;margin:7px 0}.cook-info-grid p{color:#aeb4aa;line-height:1.5;margin:0}
.cook-recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.cook-recipe-grid.compact{grid-template-columns:repeat(4,1fr);margin-bottom:28px}.cook-recipe h3{color:#f0eee8;margin:8px 0;font-size:17px}.cook-recipe p{color:#b9bcb4;line-height:1.45;margin:0}.cook-result{margin-top:12px;color:#83d57a;font-weight:800}.cook-tag{display:inline-block;font-size:9px;letter-spacing:1.3px;font-weight:900;border-radius:3px;padding:5px 7px}.cook-tag.can{color:#75d8ef;background:#10272d}.cook-tag.box{color:#ffc06a;background:#2c2112}.cook-tag.utility{color:#a6d3ff;background:#122235}.cook-tag.dairy{color:#d7aaff;background:#26172d}
.cook-reference{margin:22px 0 0;background:#070907;border:1px solid #343a31;border-radius:8px;padding:10px}.cook-reference img{display:block;width:100%;height:auto;border-radius:5px}.cook-reference figcaption{padding:9px 4px 2px;color:#8f968b;font-size:12px}.cook-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cook-sausage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cook-sausage-grid article{padding:16px;border:1px solid #41332f;background:#130f0e;border-radius:6px;display:grid;gap:4px}.cook-sausage-grid span{font-size:9px;letter-spacing:1.5px;color:#ff7468;font-weight:900}.cook-sausage-grid strong{color:#f2eee9}.cook-sausage-grid small{color:#9faaa0}
.cook-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cook-gallery a{display:block;border:1px solid #393d36;background:#070907;padding:7px;border-radius:7px}.cook-gallery img{display:block;width:100%;height:auto;border-radius:4px}.cook-gallery a:hover{border-color:#d5a94d}
.cook-credit{margin:18px 0;padding:28px;border:1px solid #594823;border-radius:9px;background:linear-gradient(100deg,#12120e,#17130d)}.cook-credit h2{color:#f2eee5;margin:6px 0}.cook-credit p{color:#aeb1a9;line-height:1.6}
.cook-back-top{position:fixed;right:24px;bottom:24px;width:44px;height:44px;border:1px solid #9a702b;border-radius:50%;background:#15120c;color:#e7b95c;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:50}
@media(max-width:980px){.cook-hero{grid-template-columns:1fr}.cook-recipe-grid,.cook-recipe-grid.compact{grid-template-columns:repeat(2,1fr)}.cook-info-grid{grid-template-columns:1fr}.cook-sausage-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.cook-hero,.cook-chapter{padding:19px}.cook-hero h1{font-size:39px}.cook-recipe-grid,.cook-recipe-grid.compact,.cook-sheet-grid,.cook-gallery{grid-template-columns:1fr}.cook-sausage-grid{grid-template-columns:repeat(2,1fr)}}


/* TLD BBP GUIDE */
body.bbp-guide-background{background:#070908!important}.bbp-hero,.bbp-nav,.bbp-shell{max-width:1240px;margin-left:auto;margin-right:auto}
.bbp-hero{margin-top:24px;padding:36px;border:1px solid #514321;border-radius:12px;background:linear-gradient(125deg,rgba(10,13,11,.98),rgba(23,22,15,.96));display:grid;grid-template-columns:1.5fr .7fr;gap:28px;box-shadow:0 18px 60px #000}
.bbp-kicker{color:#d8aa4d;font-size:11px;font-weight:900;letter-spacing:2px}.bbp-hero h1{font-size:48px;margin:8px 0;color:#f1efe8}.bbp-hero p,.bbp-copy{color:#b8bcb5;line-height:1.65;font-size:16px}.bbp-hero aside{border:1px solid #34422f;border-radius:8px;background:#101610;padding:22px}.bbp-hero aside b{color:#82d36e;font-size:10px;letter-spacing:1.5px}.bbp-hero aside strong{display:block;color:#f2f0e8;font-size:22px;margin:8px 0}
.bbp-tierline,.bbp-nav,.bbp-legend{display:flex;gap:9px;flex-wrap:wrap}.bbp-tierline{margin-top:20px}.bbp-tierline span,.bbp-legend span{padding:7px 10px;border-radius:4px;font-size:10px;font-weight:900;letter-spacing:1px}.bbp-tierline span:nth-child(1),.bbp-legend .frame{background:#262a27;color:#d6dbd6}.bbp-tierline span:nth-child(2),.bbp-legend .wood{background:#332514;color:#f2bc68}.bbp-tierline span:nth-child(3),.bbp-legend .metal{background:#162933;color:#78cbe9}.bbp-tierline span:nth-child(4),.bbp-legend .concrete{background:#302538;color:#d5a6ed}
.bbp-nav{padding:17px 0}.bbp-nav a,.bbp-credit a{color:#e4b95d;text-decoration:none;border:1px solid #665126;background:#15130e;padding:10px 14px;border-radius:5px;font-weight:800}.bbp-nav a:hover,.bbp-credit a:hover{background:#292113}
.bbp-shell{padding-bottom:70px}.bbp-section{padding:28px;margin:0 0 22px;background:rgba(10,13,11,.97);border:1px solid #30362f;border-radius:10px}.bbp-heading{border-bottom:1px solid #30362f;padding-bottom:13px;margin-bottom:20px}.bbp-heading span{color:#72d3a0;font-size:10px;font-weight:900;letter-spacing:2px}.bbp-heading.gold span{color:#e2b658}.bbp-heading.red span{color:#f17265}.bbp-heading.purple span{color:#c69be8}.bbp-heading h2{margin:5px 0 0;color:#f0eee7;font-size:29px}
.bbp-start-grid,.bbp-callouts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bbp-start-grid article,.bbp-callouts article{padding:18px;border:1px solid #343b33;border-radius:7px;background:#0e120f}.bbp-start-grid b,.bbp-callouts b{color:#dbae52;font-size:10px;letter-spacing:1.3px}.bbp-start-grid h3{color:#f0eee7;margin:7px 0}.bbp-start-grid p,.bbp-callouts p{color:#aeb4ad;line-height:1.5;margin:0}.bbp-tip{margin-top:14px;padding:16px;border-left:4px solid #65c98d;background:#101a14;display:grid;gap:4px}.bbp-tip strong{color:#83dda4}.bbp-tip span{color:#b9c2ba}
.bbp-legend{margin-bottom:14px}.bbp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.bbp-card{border:1px solid #343a33;background:#0d110e;border-radius:7px;padding:18px}.bbp-card h3{color:#f0eee8;margin:0 0 12px;font-size:18px}.bbp-card ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.bbp-card li{color:#b8bdb7;padding:7px 9px;border-left:2px solid #66522c;background:#111511;line-height:1.35}.bbp-card li:nth-child(2){border-left-color:#b88342}.bbp-card li:nth-child(3){border-left-color:#c5944d}.bbp-card li:nth-child(4){border-left-color:#5ca5c2}.bbp-card li:nth-child(n+5){border-left-color:#aa7bc3}
.bbp-warning{padding:15px;margin:10px 0;border:1px solid #514529;background:#17140d;color:#c8c3b6;line-height:1.55;border-radius:6px}.bbp-warning strong{color:#f0bb58}.bbp-credit{padding:28px;border:1px solid #584824;border-radius:9px;background:linear-gradient(100deg,#11120e,#18140d)}.bbp-credit h2{color:#f2efe8;margin:6px 0}.bbp-credit p{color:#adb2aa;line-height:1.6;margin-bottom:20px}.bbp-top{position:fixed;right:24px;bottom:24px;width:44px;height:44px;border:1px solid #98722e;border-radius:50%;background:#15120c;color:#e6b85d;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:50}
@media(max-width:900px){.bbp-hero{grid-template-columns:1fr}.bbp-grid{grid-template-columns:1fr}.bbp-start-grid,.bbp-callouts{grid-template-columns:1fr}}
@media(max-width:600px){.bbp-hero,.bbp-section{padding:19px}.bbp-hero h1{font-size:34px}}


/* ============================================================
   TLD BBP FULL BUILDING RECIPES GUIDE v2
   ============================================================ */
.bbp2-hero,.bbp2-summary,.bbp2-index,.bbp2-guide{max-width:1240px;margin-left:auto;margin-right:auto}
.bbp2-hero{margin-top:24px;padding:35px;border:1px solid #514321;border-radius:12px;background:linear-gradient(125deg,rgba(9,12,10,.98),rgba(24,21,14,.96));display:grid;grid-template-columns:1.5fr .7fr;gap:28px;box-shadow:0 18px 60px rgba(0,0,0,.55)}
.bbp2-hero h1{font-size:49px;margin:8px 0 12px;color:#f3f0e8}.bbp2-hero p{color:#bbc0b8;line-height:1.65;font-size:16px;max-width:800px}
.bbp2-hero aside{border:1px solid #364431;background:#101610;border-radius:8px;padding:22px}.bbp2-hero aside>span{color:#83d46f;font-size:10px;letter-spacing:1.6px;font-weight:1000}.bbp2-hero aside strong{display:block;color:#f2f0e8;font-size:22px;margin:8px 0}.bbp2-hero aside p{font-size:13px;margin:0}
.bbp2-tierline,.bbp2-legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.bbp2-tierline span,.bbp2-legend span{padding:7px 10px;border-radius:4px;font-size:10px;letter-spacing:1px;font-weight:1000}
.bbp2-tierline .frame,.bbp2-legend .frame{background:#272b28;color:#d9ded9}.bbp2-tierline .wood,.bbp2-legend .wood{background:#382713;color:#f3bd6b}.bbp2-tierline .metal,.bbp2-legend .metal{background:#142b35;color:#78cbe8}.bbp2-tierline .concrete,.bbp2-legend .concrete{background:#30243a;color:#d6a8ee}.bbp2-legend .disassembly{background:#3b2020;color:#ff9287}
.bbp2-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}.bbp2-summary article{padding:14px 17px;border:1px solid #30372f;background:#0e120f;display:flex;align-items:center;gap:12px}.bbp2-summary b{font-size:22px;color:#d9ad54}.bbp2-summary span{font-size:9px;color:#90988d;letter-spacing:1.1px;font-weight:900}
.bbp2-index{margin-top:18px;padding:25px;border:1px solid #30362f;background:rgba(10,13,11,.97);border-radius:10px}.bbp2-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.bbp2-index-grid a{display:flex;gap:8px;align-items:center;padding:9px 10px;border:1px solid #2f352e;background:#0d100e;color:#c7cbc4;text-decoration:none;font-size:11px}.bbp2-index-grid a span{min-width:37px;color:#dbae52;font-weight:1000}.bbp2-index-grid a:hover{border-color:#8c6a30;color:#fff;background:#17140e}
.bbp2-guide{padding-bottom:70px}.bbp2-start,.bbp2-recipes,.bbp2-notes{padding:28px;margin:18px 0;border:1px solid #30362f;border-radius:10px;background:rgba(10,13,11,.97)}
.bbp2-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:15px}.bbp-full-card{scroll-margin-top:20px;border:1px solid #343a33;background:#0c100d;border-radius:7px;overflow:hidden}.bbp-full-card header{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #2f352e;background:#111510}.bbp-full-card header span{color:#d7a94d;font-size:10px;letter-spacing:1px;font-weight:1000}.bbp-full-card header h3{color:#f0eee7;font-size:16px;margin:0}.bbp-full-rows{display:grid}.bbp-full-row{display:grid;grid-template-columns:150px 1fr;padding:9px 12px;border-bottom:1px solid #202520;gap:10px;align-items:start}.bbp-full-row:last-child{border-bottom:0}.bbp-full-row b{font-size:10px;letter-spacing:.5px}.bbp-full-row span{color:#b5bbb4;font-size:12px;line-height:1.45}.bbp-full-row small{grid-column:2;color:#827f74;font-size:10px;line-height:1.4}
.bbp-full-row.frame{border-left:3px solid #747b75}.bbp-full-row.frame b{color:#cfd4cf}.bbp-full-row.wood{border-left:3px solid #b8813f}.bbp-full-row.wood b{color:#e9b465}.bbp-full-row.metal{border-left:3px solid #4f9bb7}.bbp-full-row.metal b{color:#7cc8e4}.bbp-full-row.concrete{border-left:3px solid #956caf}.bbp-full-row.concrete b{color:#d2a1ea}.bbp-full-row.disassembly{border-left:3px solid #b54f46;background:#130e0e}.bbp-full-row.disassembly b{color:#ef756b}
.bbp-source-note{margin:11px;padding:11px 12px;border:1px solid #60442a;background:#18120d;color:#bfb5a5;font-size:11px;line-height:1.5}.bbp-source-note strong{color:#e8b25d}
@media(max-width:1000px){.bbp2-hero{grid-template-columns:1fr}.bbp2-summary{grid-template-columns:repeat(2,1fr)}.bbp2-index-grid{grid-template-columns:repeat(2,1fr)}.bbp2-card-grid{grid-template-columns:1fr}}
@media(max-width:650px){.bbp2-hero,.bbp2-index,.bbp2-start,.bbp2-recipes,.bbp2-notes{padding:18px}.bbp2-hero h1{font-size:34px}.bbp2-summary,.bbp2-index-grid{grid-template-columns:1fr}.bbp-full-row{grid-template-columns:1fr}.bbp-full-row small{grid-column:1}}


/* ============================================================
   TLD COMMUNITY HUB - EXPANSION BUILDING GUIDE
   ============================================================ */
body.expansion-building-guide-background{
    background:
        radial-gradient(circle at 78% 10%,rgba(52,105,72,.13),transparent 28%),
        radial-gradient(circle at 13% 26%,rgba(185,132,48,.08),transparent 26%),
        linear-gradient(180deg,#080a08 0,#070907 62%,#090a08 100%)!important
}
body.expansion-building-guide-background .fog{opacity:.015!important}
body.expansion-building-guide-background .shell{max-width:1320px}
.expb-hero,.expb-quick,.expb-route,.expb-guide-shell{max-width:1240px;margin-left:auto;margin-right:auto}
.expb-kicker{font-size:10px;font-weight:1000;letter-spacing:.19em;color:#d5a858;text-transform:uppercase}
.expb-hero{margin-top:24px;min-height:430px;border:1px solid #3f493d;background:#0c100d;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.5);position:relative}
.expb-hero::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,#65bd77,#d4a64e,#699fd2)}
.expb-hero-copy{padding:48px 50px;z-index:2}.expb-hero h1{font-size:50px;line-height:1;margin:9px 0 17px;color:#f1efe8}.expb-lead{font-size:17px;color:#c0c5bc;line-height:1.7;max-width:760px}
.expb-hero-image{min-height:430px;position:relative;background:#0b0d0b}.expb-hero-image::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,16,13,.96),transparent 48%)}.expb-hero-image img{display:block;width:100%;height:100%;object-fit:cover}
.expb-alert{display:flex;gap:14px;padding:14px 16px;margin:20px 0;border:1px solid #4b5146;background:#10130f}.expb-alert strong{font-size:10px;letter-spacing:.1em;white-space:nowrap}.expb-alert span{font-size:12px;line-height:1.55;color:#c1c5bd}
.expb-alert.gold{border-color:#755c31;background:rgba(105,74,24,.14)}.expb-alert.gold strong{color:#edbc65}.expb-alert.cyan{border-color:#346c73;background:rgba(23,92,101,.13)}.expb-alert.cyan strong{color:#74d8e5}.expb-alert.red{border-color:#7b3932;background:rgba(111,31,27,.13)}.expb-alert.red strong{color:#ff7468}
.expb-actions,.expb-quick,.expb-credit-links{display:flex;gap:8px;flex-wrap:wrap}.expb-actions{margin-top:20px}.expb-actions a,.expb-quick a,.expb-credit-links a{padding:10px 14px;border:1px solid #555e53;background:#121611;color:#e2e5de;text-decoration:none;font-size:10px;font-weight:1000;letter-spacing:.06em;text-transform:uppercase}.expb-actions a.primary{border-color:#8c6c36;background:#332719;color:#f2c875}.expb-actions a:hover,.expb-credit-links a:hover{border-color:#d1a254;color:#ffd887}
.expb-quick{padding:17px 0}.expb-quick a.green:hover{border-color:#58a86c;color:#7cdb91}.expb-quick a.cyan:hover{border-color:#48949d;color:#75dae6}.expb-quick a.amber:hover{border-color:#a87b3b;color:#edbd6a}.expb-quick a.blue:hover{border-color:#5585b4;color:#8fc4f3}.expb-quick a.purple:hover{border-color:#79599a;color:#c39ae8}.expb-quick a.orange:hover{border-color:#ad673c;color:#eea272}.expb-quick a.red:hover{border-color:#a7453a;color:#ff7768}
.expb-route{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:18px}.expb-route article{padding:17px;border:1px solid #343b33;background:#0e120f;border-top:3px solid #777}.expb-route article.green{border-top-color:#58ae6c}.expb-route article.amber{border-top-color:#c08b43}.expb-route article.blue{border-top-color:#5387b7}.expb-route article.red{border-top-color:#c94d42}.expb-route span{color:#737b72;font-size:10px;letter-spacing:.16em;font-weight:1000}.expb-route h3{margin:6px 0}.expb-route p{margin:0;color:#9da39a;font-size:12px;line-height:1.5}
.expb-guide-shell{display:grid;gap:18px;padding-bottom:70px}.expb-chapter{padding:28px;border:1px solid #3c443b;background:linear-gradient(180deg,rgba(13,16,13,.97),rgba(9,12,10,.98));box-shadow:0 16px 45px rgba(0,0,0,.24)}
.expb-chapter.chapter-green{border-top:3px solid #5aad6c}.expb-chapter.chapter-cyan{border-top:3px solid #4b99a2}.expb-chapter.chapter-amber{border-top:3px solid #c58c43}.expb-chapter.chapter-blue{border-top:3px solid #5385b4}.expb-chapter.chapter-purple{border-top:3px solid #805ca2}.expb-chapter.chapter-orange{border-top:3px solid #bd7042}.expb-chapter.chapter-red{border-top:3px solid #ca4f44}.expb-chapter.chapter-neutral{border-top:3px solid #858b83}
.expb-heading{padding-bottom:18px;border-bottom:1px solid #30362f;margin-bottom:20px}.expb-heading>span{font-size:9px;color:#7c8479;letter-spacing:.19em;font-weight:1000}.expb-heading h2{font-size:30px;margin:5px 0 8px}.expb-heading p{color:#b2b7af;line-height:1.7;margin:0}
.expb-recipe{display:flex;align-items:center;gap:16px;padding:17px;border:1px solid #3a4438;background:#0d120d;margin-bottom:18px}.expb-recipe-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid #4e6a4e;background:#142016;font-size:28px}.expb-recipe span{display:block;color:#70cb83;font-size:9px;letter-spacing:.14em;font-weight:1000}.expb-recipe strong{display:block;color:#eee;font-size:20px;margin:3px 0}.expb-recipe small{color:#7f887e}
.expb-media-card{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:center;border:1px solid #3c443a;background:#0c100d;color:inherit;text-decoration:none;margin:14px 0;overflow:hidden}.expb-media-card.compact{grid-template-columns:220px 1fr}.expb-media-card img{display:block;width:100%;height:145px;object-fit:cover}.expb-media-card>div{padding:17px 20px 17px 0}.expb-media-card span{font-size:9px;color:#d4a858;letter-spacing:.15em;font-weight:1000}.expb-media-card h3{margin:5px 0;color:#f0eee8}.expb-media-card p{margin:0;color:#969e94}.expb-media-card:hover{border-color:#927039}
.expb-video{position:relative;width:100%;aspect-ratio:16/9;margin:18px 0;border:1px solid #333a32;background:#050605}.expb-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.expb-rule-grid,.expb-build-grid,.expb-raid-grid,.expb-trouble-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.expb-rule-grid article,.expb-build-grid article,.expb-raid-grid article,.expb-trouble-grid article{padding:17px;border:1px solid #343b33;background:#0d100e}.expb-rule-grid b,.expb-build-grid b,.expb-raid-grid b,.expb-trouble-grid b{font-size:9px;color:#70c7d0;letter-spacing:.14em}.expb-rule-grid h3,.expb-build-grid h3{margin:6px 0}.expb-rule-grid p,.expb-build-grid p,.expb-raid-grid p,.expb-trouble-grid p{margin:0;color:#a9afa7;line-height:1.55;font-size:12px}
.expb-kit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.expb-kit-grid figure{margin:0;border:1px solid #3a4138;background:#080b09}.expb-kit-grid img{display:block;width:100%;height:auto}.expb-kit-grid figcaption{display:flex;justify-content:space-between;gap:10px;padding:11px 13px}.expb-kit-grid figcaption span{color:#d1a557;font-size:10px;font-weight:1000}.expb-kit-grid figcaption strong{color:#e6e7e1}
.expb-lumber{grid-column:1/-1;display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:center;border:1px solid #384138;background:#0d100e;overflow:hidden}.expb-lumber img{width:100%;height:auto;display:block}.expb-lumber>div{padding:18px}.expb-lumber span{color:#6eaddd;font-size:9px;letter-spacing:.15em;font-weight:1000}.expb-lumber h3{margin:5px 0}.expb-lumber p{margin:0;color:#a9afa8;line-height:1.55}
.expb-code-card{display:grid;grid-template-columns:210px 1fr;gap:20px;align-items:center;padding:19px;border:1px solid #4d3c5b;background:rgba(51,27,62,.16)}.expb-code-display{padding:18px;text-align:center;background:#080a08;border:1px solid #6f4f82;color:#dbafea;font-family:monospace;font-size:20px;font-weight:900}.expb-code-card span{color:#bd8dd1;font-size:9px;letter-spacing:.15em;font-weight:1000}.expb-code-card h3{margin:5px 0}.expb-code-card p{margin:0;color:#ada9af;line-height:1.55}
.expb-dismantle{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.expb-dismantle article{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #4c382f;background:#130f0d}.expb-dismantle span{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:#5c3523;color:#ffb17a;font-weight:1000}.expb-dismantle strong{font-size:11px;color:#d5d0c9}
.expb-derived-note{display:block;margin-top:13px;color:#737a72;line-height:1.5}.expb-credit{padding:27px;border:1px solid #584824;background:linear-gradient(110deg,#11130f,#18140d)}.expb-credit h2{margin:5px 0 9px}.expb-credit p{color:#afb4ac;line-height:1.65}.expb-credit-links{margin:15px 0}.expb-credit small{color:#757c74;line-height:1.5}
.expb-top{position:fixed;right:22px;bottom:22px;width:43px;height:43px;border:1px solid #8e6c31;background:#17130d;color:#e9bb63;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:50}
@media(max-width:980px){.expb-hero{grid-template-columns:1fr}.expb-hero-image{min-height:300px}.expb-hero-image::before{background:linear-gradient(0deg,rgba(12,16,13,.95),transparent 65%)}.expb-route{grid-template-columns:repeat(2,1fr)}.expb-dismantle{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.expb-hero-copy,.expb-chapter{padding:20px}.expb-hero h1{font-size:35px}.expb-route,.expb-rule-grid,.expb-build-grid,.expb-raid-grid,.expb-trouble-grid,.expb-kit-grid{grid-template-columns:1fr}.expb-lumber,.expb-code-card,.expb-media-card,.expb-media-card.compact{grid-template-columns:1fr}.expb-media-card>div{padding:16px}.expb-dismantle{grid-template-columns:1fr}}


/* ============================================================
   TLD CRITICAL BACKGROUND RESTORE
   Restores ALPHA, My Item Deliveries, and Join Server.
   These rules intentionally come LAST and override older broken
   background-image:none / negative-z-index background patches.
   ============================================================ */

/* Kill the old negative-z-index background/veil technique on these three pages. */
body.join-server-background::before,
body.join-server-background::after,
body.alpha-field::before,
body.alpha-field::after,
body.gamma-field::before,
body.gamma-field::after {
    content: none !important;
    display: none !important;
}

/* My Item Deliveries had an extra fixed layer from an older patch. The body now owns
   the background directly, so disable that obsolete layer to avoid conflicts. */
body.gamma-field .tld-fixed-page-background {
    display: none !important;
}

/* Restore the actual artwork directly on the BODY. */
body.join-server-background {
    background-color: #050505 !important;
    background-image: url("join-server-background.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    min-height: 100vh !important;
}

body.alpha-field {
    background-color: #050505 !important;
    background-image: url("alpha-field.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    min-height: 100vh !important;
}

body.gamma-field {
    background-color: #050505 !important;
    background-image: url("beta-field.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    min-height: 100vh !important;
}

/* Do not let the application's page wrappers paint a black viewport over
   the body artwork. Only these three routes are affected. */
body.join-server-background .tld-page,
body.join-server-background main.shell,
body.join-server-background .shell,
body.alpha-field .tld-page,
body.alpha-field main.shell,
body.alpha-field .shell,
body.gamma-field .tld-page,
body.gamma-field main.shell,
body.gamma-field .shell {
    background-color: transparent !important;
    background-image: none !important;
}

/* Remove the full-page fog layer on these backgrounds. */
body.join-server-background .fog,
body.alpha-field .fog,
body.gamma-field .fog {
    display: none !important;
    opacity: 0 !important;
    background: none !important;
}

/* Keep individual UI panels readable without covering the whole artwork. */
body.join-server-background .panel,
body.alpha-field .panel,
body.gamma-field .panel {
    background: linear-gradient(
        180deg,
        rgba(24,27,22,.58),
        rgba(13,15,12,.64)
    ) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}

/* Sidebar stays readable but remains transparent enough to show the artwork. */
body.join-server-background .tld-sidebar,
body.alpha-field .tld-sidebar,
body.gamma-field .tld-sidebar {
    background: rgba(7,8,6,.32) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}

/* Fixed backgrounds can be expensive on some mobile browsers. */
@media (max-width: 900px) {
    body.join-server-background,
    body.alpha-field,
    body.gamma-field {
        background-attachment: scroll !important;
        background-position: center top !important;
    }
}


/* TLD RaG Base Items Guide */
body.rag-base-items-guide-background{background:radial-gradient(circle at 80% 8%,rgba(155,112,48,.12),transparent 30%),linear-gradient(#080a08,#060806)!important}
.ragbi-hero,.ragbi-nav,.ragbi-shell{max-width:1240px;margin-left:auto;margin-right:auto}.ragbi-hero{margin-top:24px;display:grid;grid-template-columns:1fr .82fr;border:1px solid #464a3d;background:#0c100d;overflow:hidden}.ragbi-hero>div{padding:42px}.ragbi-hero>img{width:100%;height:100%;min-height:360px;object-fit:cover}.ragbi-kicker{font-size:10px;letter-spacing:2px;font-weight:900;color:#d3a250}.ragbi-hero h1{font-size:48px;margin:8px 0;color:#f0eee7}.ragbi-hero p,.ragbi-card p{color:#b5bbb2;line-height:1.65}.ragbi-warning{display:flex;gap:12px;padding:13px;border:1px solid #775c2d;background:#18130c;margin-top:18px}.ragbi-warning b{color:#efbd64;font-size:10px}.ragbi-warning span{color:#bcb8af;font-size:12px}.ragbi-nav{padding:15px 0;display:flex;gap:7px;flex-wrap:wrap}.ragbi-nav a,.ragbi-credit a{padding:9px 12px;border:1px solid #4b5348;background:#111510;color:#e0e3dc;text-decoration:none;font-size:10px;font-weight:900}.ragbi-shell{display:grid;gap:17px;padding-bottom:70px}.ragbi-card{padding:27px;border:1px solid #3a4138;background:rgba(10,13,11,.97);border-top:3px solid #777}.ragbi-card.gold{border-top-color:#d1a34f}.ragbi-card.purple,.ragbi-card.violet{border-top-color:#895fa7}.ragbi-card.cyan{border-top-color:#54a8ba}.ragbi-card.green{border-top-color:#58aa6b}.ragbi-card.amber{border-top-color:#c58c43}.ragbi-card.brown{border-top-color:#9d6d4b}.ragbi-card.orange{border-top-color:#c16d3e}.ragbi-card.yellow{border-top-color:#c5aa48}.ragbi-card.blue{border-top-color:#5d84bb}.ragbi-card.red{border-top-color:#c74d44}.ragbi-head{border-bottom:1px solid #30362f;padding-bottom:13px;margin-bottom:17px}.ragbi-head span{font-size:9px;letter-spacing:2px;color:#7f887e;font-weight:900}.ragbi-head h2{font-size:29px;margin:4px 0}.ragbi-banner{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border:1px solid #343b33;margin-bottom:20px}.ragbi-grid,.ragbi-system-grid,.ragbi-recipes{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.ragbi-grid article,.ragbi-system-grid article,.ragbi-recipes article,.ragbi-cats,.ragbi-note{padding:16px;border:1px solid #343b33;background:#0d100e}.ragbi-grid b,.ragbi-cats b,.ragbi-note b{color:#d3a451;font-size:10px;letter-spacing:1px}.ragbi-grid p,.ragbi-system-grid p,.ragbi-recipes p,.ragbi-cats p,.ragbi-note p{font-size:12px;margin:6px 0 0}.ragbi-system-grid h3,.ragbi-recipes h3{margin:0;color:#e8e7e1}.ragbi-cats,.ragbi-note{margin-top:10px}.ragbi-steps{display:grid;gap:7px}.ragbi-steps div{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #343b33;background:#0d100e;color:#b8beb5}.ragbi-steps i{font-style:normal;display:flex;align-items:center;justify-content:center;min-width:27px;height:27px;background:#273329;color:#8ed39c;font-weight:900}.ragbi-video{position:relative;aspect-ratio:16/9;margin-top:17px;background:#050605;border:1px solid #343a33}.ragbi-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.ragbi-muted{font-size:11px!important;color:#7f887f!important}.ragbi-tags{display:flex;flex-wrap:wrap;gap:7px}.ragbi-tags span{padding:8px 10px;border:1px solid #493b56;background:#130f17;color:#c9add8;font-size:11px;font-weight:800}.ragbi-credit{padding:26px;border:1px solid #655029;background:#15120d}.ragbi-credit h2{margin:5px 0}.ragbi-credit a{display:inline-block;margin-top:10px}.ragbi-top{position:fixed;right:22px;bottom:22px;width:43px;height:43px;display:flex;align-items:center;justify-content:center;border:1px solid #8b6b33;background:#17130d;color:#e9bb63;text-decoration:none;z-index:50}
@media(max-width:850px){.ragbi-hero{grid-template-columns:1fr}.ragbi-hero>div,.ragbi-card{padding:20px}.ragbi-hero h1{font-size:34px}.ragbi-grid,.ragbi-system-grid,.ragbi-recipes{grid-template-columns:1fr}}

/* TLD Expansion Helicopters Guide */
.expheli-hero,.expheli-nav,.expheli-shell{max-width:1240px;margin-left:auto;margin-right:auto}
.expheli-hero{margin-top:24px;border:1px solid #3d493f;background:rgba(8,13,10,.96);display:grid;grid-template-columns:1.12fr .88fr;min-height:390px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.52)}
.expheli-copy{padding:44px}.expheli-kicker{font-size:12px;letter-spacing:2px;color:#d7aa52;font-weight:800}.expheli-hero h1{font-size:46px;line-height:1.03;margin:10px 0 16px}.expheli-lead{color:#c1c8c0;font-size:16px;line-height:1.7}.expheli-hero-media{position:relative;min-height:390px;background:#080b09}.expheli-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,10,.95),transparent 55%)}.expheli-hero-media img{width:100%;height:100%;object-fit:cover;display:block}.expheli-warning{margin-top:20px;border:1px solid #9c6a31;background:#1b130b;padding:15px 17px;color:#e7d7b8}.expheli-warning strong{color:#ffb04a;display:block;margin-bottom:5px}.expheli-nav{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0}.expheli-nav a{border:1px solid #465047;background:#0c110d;color:#ddd;padding:8px 11px;text-decoration:none;font-weight:700;font-size:12px}.expheli-nav a:hover{border-color:#d5a34c;color:#ffd178}.expheli-shell{display:grid;gap:16px;padding-bottom:45px}.expheli-section{background:rgba(8,13,10,.96);border:1px solid #394239;border-top:2px solid #d2a24c;padding:26px;box-shadow:0 16px 45px rgba(0,0,0,.35)}.expheli-section h2{font-size:29px;margin:0 0 10px}.expheli-section h3{color:#e3b65f}.expheli-section p,.expheli-section li{color:#c4c9c2;line-height:1.65}.expheli-fleet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.expheli-aircraft{border:1px solid #3c463e;background:#0d120e;padding:18px}.expheli-aircraft h3{margin:0 0 6px;color:#f1efe8}.expheli-aircraft .diff{font-size:12px;font-weight:800;letter-spacing:.6px;margin-top:12px}.diff.green{color:#70d88b}.diff.amber{color:#f2c35f}.diff.red{color:#ff6d62}.expheli-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.expheli-card{border:1px solid #39433a;background:#0c110d;padding:15px}.expheli-card b{display:block;color:#e5b75e;margin-bottom:5px}.expheli-table{width:100%;border-collapse:collapse;margin-top:14px}.expheli-table th,.expheli-table td{border:1px solid #3c463d;padding:10px;text-align:left}.expheli-table th{color:#e6b75d;background:#15170f}.expheli-table td{color:#c7ccc5}.expheli-steps{counter-reset:heli}.expheli-step{counter-increment:heli;display:grid;grid-template-columns:44px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #293129}.expheli-step:before{content:counter(heli);width:34px;height:34px;display:grid;place-items:center;border:1px solid #c8943e;color:#f0bd64;font-weight:900}.expheli-callout{border-left:4px solid #d39e43;background:#15130d;padding:14px 16px;margin:15px 0}.expheli-callout.red{border-color:#b84c43;background:#1a0e0d}.expheli-callout.green{border-color:#4d9d65;background:#0d1710}.expheli-video{aspect-ratio:16/9;margin-top:15px;border:1px solid #4a5149;background:#000}.expheli-video iframe{width:100%;height:100%;border:0}.expheli-credit{font-size:12px;color:#8f968e;margin-top:15px}.expheli-training{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.expheli-training span{border:1px solid #465047;padding:8px 10px;background:#0c110d;color:#e6e8e4;font-weight:700}.expheli-training i{color:#d6a44d}.expheli-locations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.expheli-location{border:1px solid #394139;padding:14px;background:#0c110d}.expheli-location b{color:#e3b45a}.expheli-source{display:flex;gap:12px;flex-wrap:wrap}.expheli-source a{display:inline-block;padding:10px 14px;border:1px solid #a97831;background:#21170c;color:#f0c16b;text-decoration:none;font-weight:800}
@media(max-width:900px){.expheli-hero{grid-template-columns:1fr}.expheli-hero-media{min-height:260px}.expheli-fleet,.expheli-grid,.expheli-locations{grid-template-columns:1fr}.expheli-copy{padding:25px}.expheli-hero h1{font-size:35px}}



/* =========================================================
   TLD COMMUNITY HUB - EXPANSION HELICOPTERS
   Drug Running guide visual language
   ========================================================= */
body.expansion-helicopters-guide-background{background:#080a08!important}
.expansion-helicopters-guide-background .fog{opacity:.10}
.expheli-drug-hero{margin-top:24px}
.expheli-header-art{position:relative;overflow:hidden;background:#070907}
.expheli-header-art img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}
.expheli-header-art:after{content:"DAYZ EXPANSION";position:absolute;right:18px;bottom:14px;z-index:2;padding:7px 10px;border:1px solid rgba(218,171,83,.55);background:rgba(5,7,5,.82);color:#e0b464;font-size:10px;font-weight:1000;letter-spacing:.16em}
.expheli-air-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.expheli-air-card{position:relative;padding:22px;border:1px solid #3d4439;background:linear-gradient(160deg,#0d100d,#0a0d0a);overflow:hidden}
.expheli-air-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#777}
.expheli-air-card.green:before{background:#52ad68}.expheli-air-card.amber:before{background:#c58d45}.expheli-air-card.red:before{background:#cf5044}.expheli-air-card.cyan:before{background:#4b9ca5}.expheli-air-card.purple:before{background:#8a64b0}
.expheli-air-card:last-child{grid-column:1/-1}
.expheli-air-card>span{font-size:9px;letter-spacing:.17em;color:#777e74;font-weight:1000}.expheli-air-card h3{font-size:25px;margin:5px 0 9px}.expheli-air-card p{color:#aeb4aa;line-height:1.6;margin:0 0 15px}.expheli-air-card>b{font-size:10px;letter-spacing:.08em;color:#d7b366}
.expheli-air-icon{position:absolute;right:16px;top:12px;font-size:34px;opacity:.20;filter:grayscale(1)}
.expheli-check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.expheli-check-grid div{padding:14px;border:1px solid #394035;background:#0d100c;color:#b7c0b2;font-size:12px}.expheli-check-grid div::first-letter{color:#78cf88}
.expheli-control-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #423b4b;margin-bottom:18px}
.expheli-control-grid div{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:12px 14px;border-bottom:1px solid #29262d;background:#0e0c10}
.expheli-control-grid div:nth-child(odd){border-right:1px solid #29262d}.expheli-control-grid b{color:#c596e4}.expheli-control-grid span{color:#a9ada6}
.expheli-steps{grid-template-columns:repeat(5,1fr)}
.expheli-steps>div{align-items:flex-start}.expheli-steps strong{color:#8bd39a;font-size:10px;letter-spacing:.08em}
.expheli-landing-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.expheli-landing-flow>div{padding:18px;border:1px solid #473432;background:linear-gradient(160deg,#120e0e,#0d0d0c)}
.expheli-landing-flow b{color:#e56d62;font-size:10px;letter-spacing:.15em}.expheli-landing-flow h3{margin:6px 0 8px}.expheli-landing-flow p{margin:0;color:#aeb1a9;line-height:1.55}
.expheli-location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.expheli-location-grid article{padding:18px;border:1px solid #384438;background:#0d100d}.expheli-location-grid span{font-size:9px;letter-spacing:.15em;color:#77c987;font-weight:1000}.expheli-location-grid h3{margin:6px 0}.expheli-location-grid p{margin:0;color:#aeb3aa;line-height:1.55}
.expheli-topten{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.expheli-topten div{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #49332f;background:#120e0d;color:#b9b2ac}.expheli-topten b{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;background:#3c1d19;color:#f18478}
.expheli-training{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.expheli-training span{padding:9px 11px;border:1px solid #4f3d59;background:#151018;color:#d8b3e8;font-size:10px;font-weight:900;letter-spacing:.06em}.expheli-training i{color:#9f6fba;font-style:normal;font-weight:900}
.expheli-media-section{padding:28px;border:1px solid #3f463a;border-top:3px solid #c58d45;background:linear-gradient(180deg,rgba(14,16,13,.96),rgba(10,12,10,.97));margin-bottom:18px}
.expheli-wide-image{margin:0;border:1px solid #4b4232;background:#070907;padding:8px}.expheli-wide-image img{display:block;width:100%;max-height:520px;object-fit:cover}
@media(max-width:1050px){.expheli-check-grid{grid-template-columns:repeat(3,1fr)}.expheli-steps{grid-template-columns:repeat(2,1fr)}.expheli-location-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.expheli-air-grid,.expheli-check-grid,.expheli-control-grid,.expheli-landing-flow,.expheli-location-grid,.expheli-topten{grid-template-columns:1fr}.expheli-air-card:last-child{grid-column:auto}.expheli-control-grid div{grid-template-columns:1fr}.expheli-control-grid div:nth-child(odd){border-right:0}.expheli-steps{grid-template-columns:1fr}}


/* =========================================================
   TLD EXPANSION GUIDE HEADER IMAGE POSITION FIX
   Keeps the full-size hero treatment but shifts the image
   crop left so right-side title/credit text remains visible.
   ========================================================= */
.expansion-building-guide-background .expb-hero-image img{
    object-position:38% center;
}
.expansion-helicopters-guide-background .expheli-header-art img{
    object-position:38% center;
}
@media(max-width:1050px){
    .expansion-building-guide-background .expb-hero-image img,
    .expansion-helicopters-guide-background .expheli-header-art img{
        object-position:42% center;
    }
}



/* =========================================================
   TLD COMMUNITY HUB • SUPPORT CENTER / SUPPORT ZONE
   ========================================================= */
body.support-center-background,body.support-ticket-background,body.support-zone-background{background:radial-gradient(circle at 80% 0,rgba(153,111,43,.10),transparent 35%),linear-gradient(#080a08,#060806)!important}
.support-hero,.support-admin-hero,.support-ticket-hero{max-width:1240px;margin:24px auto 14px;border:1px solid #42483d;border-top:3px solid #c59a4c;background:linear-gradient(120deg,#0c100d,#11130f);padding:32px;display:flex;justify-content:space-between;gap:26px;align-items:center}
.support-hero h1,.support-admin-hero h1,.support-ticket-hero h1{font-size:43px;margin:6px 0;color:#f0eee7}.support-hero p,.support-admin-hero p,.support-ticket-hero p{color:#aeb5ab;line-height:1.6;max-width:800px}.support-eyebrow{font-size:10px;letter-spacing:2px;font-weight:1000;color:#d3a44f}
.support-hero-badge{min-width:270px;border:1px solid #40543e;background:#0c140d;padding:20px}.support-hero-badge span{font-size:9px;letter-spacing:1.6px;color:#71cc85;font-weight:900}.support-hero-badge strong{display:block;margin:7px 0;font-size:22px}.support-hero-badge small{color:#879087;line-height:1.5}
.support-stat-grid{max-width:1240px;margin:0 auto 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.support-stat-grid article{padding:17px;border:1px solid #373e35;background:#0d110e}.support-stat-grid span{display:block;font-size:9px;letter-spacing:1.5px;color:#8a9288;font-weight:900}.support-stat-grid strong{display:block;color:#e9b95e;font-size:29px;margin:4px 0}.support-stat-grid small{color:#747d74}.support-stat-grid article.action a{display:block;color:#81d293;font-weight:1000;text-decoration:none;font-size:18px;margin:7px 0}
.support-panel{max-width:1240px;margin:14px auto;padding:27px;border:1px solid #373f35;background:rgba(10,13,11,.97)}.support-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:end;border-bottom:1px solid #30362f;padding-bottom:14px;margin-bottom:18px}.support-panel-head span,.support-side-card>span{font-size:9px;letter-spacing:1.7px;color:#d2a24e;font-weight:1000}.support-panel-head h2{margin:4px 0 0}.support-panel-head p{color:#858e84;margin:0}
.support-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px}.support-category-option input{position:absolute;opacity:0;pointer-events:none}.support-category-card{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto auto;padding:14px;border:1px solid #353c33;background:#0c100d;cursor:pointer;height:100%;transition:.15s}.support-category-card>b{grid-row:1/4;font-size:24px}.support-category-card>strong{color:#e8e8e2}.support-category-card>small{color:#929a91;line-height:1.45;margin-top:4px}.support-category-card>em{font-style:normal;color:#d97870;font-size:8px;letter-spacing:1px;margin-top:5px}.support-category-option input:checked+.support-category-card{border-color:#d0a04a;background:#19150e;box-shadow:0 0 0 1px #765723 inset}.support-category-card:hover{border-color:#6a5b3c}
.support-form-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px}.support-new-form label>span,.support-panel form label>span{display:block;margin-bottom:6px;color:#d9d8d2;font-weight:800}.support-new-form input,.support-new-form select,.support-new-form textarea,.support-panel input,.support-panel select,.support-panel textarea,.support-filter-bar input,.support-filter-bar select{width:100%;background:#090c09;border:1px solid #3a4238;color:#e3e4df;padding:11px;border-radius:3px}.support-upload-zone{margin-top:12px;padding:16px;border:1px dashed #665432;background:#11100c;display:block}.support-upload-zone input{margin:8px 0}.support-upload-zone small{color:#858c82}
.support-ticket-list{display:grid;gap:7px}.support-ticket-row{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;text-decoration:none;color:inherit;border:1px solid #343b33;background:#0d100e;padding:13px}.support-ticket-row:hover,.support-ticket-row.unread{border-color:#756036;background:#14130e}.support-ticket-icon{font-size:25px;text-align:center}.support-ticket-main>span{font-size:9px;color:#bd9853;letter-spacing:1px}.support-ticket-main>strong{display:block;margin:4px 0;color:#e8e8e3}.support-ticket-main>small{color:#798178}.support-ticket-meta{display:flex;align-items:flex-end;gap:5px;flex-direction:column}.support-ticket-meta>b{font-size:9px;color:#7ddb90;letter-spacing:1px}
.support-priority,.support-status{display:inline-block;padding:5px 7px;font-size:8px;font-weight:1000;letter-spacing:1px;border:1px solid #444}.support-priority.low{color:#79c788;border-color:#355d3b}.support-priority.normal{color:#e0b15d;border-color:#665129}.support-priority.high{color:#ef9749;border-color:#7a4823}.support-priority.urgent{color:#ff766b;border-color:#7c3933}.support-status.open{color:#7fd793}.support-status.waiting_staff{color:#f3b75e}.support-status.waiting_user{color:#74bfe6}.support-status.resolved{color:#b596da}.support-status.closed{color:#8b9189}
.support-empty{padding:35px;text-align:center;color:#8a9188}.support-empty strong{display:block;color:#ddd;margin-bottom:5px}
.support-ticket-hero{max-width:1240px}.support-ticket-state{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.support-ticket-layout{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;padding-bottom:70px}.support-conversation{display:grid;gap:10px}.support-message{border:1px solid #343a32;background:#0d100e;padding:17px}.support-message.staff{border-left:3px solid #c69b4b;background:#11110d}.support-message.mine{border-left:3px solid #4f9e66}.support-message.internal{border-color:#744344;background:#160f10}.support-message header{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #282e27;padding-bottom:9px;margin-bottom:12px}.support-message header strong{color:#ecebe5}.support-message header span{display:block;color:#d2a44d;font-size:9px;letter-spacing:1px;margin-top:2px}.support-message header time{color:#737b73;font-size:10px}.support-message-text{color:#bbc0b8;line-height:1.65;white-space:normal}.support-internal-flag{color:#f18a82;font-size:9px;letter-spacing:1px;margin-bottom:10px}.support-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.support-image-grid a{position:relative;border:1px solid #3a4138;background:#070907;text-decoration:none;overflow:hidden}.support-image-grid img{display:block;width:100%;height:160px;object-fit:cover}.support-image-grid span{display:block;padding:6px;color:#9ca49b;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-reply-box{border:1px solid #4c4536;background:#12110d;padding:18px}.support-reply-box h3{margin-top:0}.support-reply-box textarea{width:100%;background:#080a08;color:#eee;border:1px solid #3d443a;padding:12px}.support-reply-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.support-mini-upload,.support-internal-toggle{padding:9px 11px;border:1px solid #454b42;background:#0d100d;color:#b9beb6;cursor:pointer}.support-mini-upload input{display:none}.support-internal-toggle input{margin-right:4px}
.support-ticket-sidebar{display:grid;gap:9px;align-content:start}.support-side-card{padding:16px;border:1px solid #363d34;background:#0d100e}.support-side-card>strong{display:block;margin:7px 0;color:#e3e3dd}.support-side-card>small,.support-side-card p{color:#858e84;line-height:1.45}.support-assignee-list{display:grid;gap:6px;margin-top:10px}.support-assignee-list div{padding:9px;border:1px solid #31372f;background:#090c09}.support-assignee-list b{display:block}.support-assignee-list small{color:#c89b4b}.support-zone-return{display:block;text-align:center}
.support-admin-actions{display:flex;gap:8px;flex-wrap:wrap}.support-filter-bar{display:grid;grid-template-columns:2fr 1fr 1.4fr auto auto;gap:8px}.support-admin-list{display:grid;gap:8px}.support-admin-ticket{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:13px;border:1px solid #353c33;background:#0c100d;padding:13px}.support-admin-ticket-main{display:grid;grid-template-columns:52px 1fr;align-items:center;color:inherit;text-decoration:none}.support-admin-ticket-main span{font-size:9px;color:#c79c4c;letter-spacing:1px}.support-admin-ticket-main h3{margin:4px 0}.support-admin-ticket-main p{margin:0;color:#848c83;font-size:11px}.support-admin-ticket-meta{display:grid;gap:4px;justify-items:end}.support-admin-ticket-meta small{color:#777f77}.support-admin-ticket-actions{display:flex;gap:6px}.support-admin-ticket-actions form{margin:0}
.support-staff-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0 20px}.support-staff-picker label{display:flex;gap:9px;align-items:center;padding:12px;border:1px solid #343b33;background:#0d100e}.support-staff-picker input{width:auto}.support-staff-picker b{display:block}.support-staff-picker small{color:#d0a34d}
.support-callout{max-width:1240px;margin:0 auto 14px;padding:15px;border:1px solid #67532f;background:#17130d;display:flex;gap:14px}.support-callout b{color:#efbb5c}.support-callout span{color:#bbb6aa}
.support-settings-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.support-setting-card{padding:17px;border:1px solid #373e35;background:#0c100d}.support-setting-card.restricted{border-color:#624143;background:#120d0e}.support-setting-card header{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px}.support-setting-card header>div{display:flex;gap:10px}.support-setting-card header b{font-size:24px}.support-setting-card header strong{display:block}.support-setting-card header small{display:block;color:#858d84;margin-top:3px}.support-setting-card label{display:block;margin-top:9px;color:#aaa}.support-setting-card input,.support-setting-card textarea{width:100%;padding:9px;background:#080a08;border:1px solid #363d34;color:#eee;margin-top:4px}.support-setting-card em{display:block;margin-top:10px;color:#dd7c74;font-size:9px}.support-settings-save{max-width:1240px;margin:12px auto 40px;text-align:right}
.support-editor-layout{max-width:1240px;margin:auto;display:grid;grid-template-columns:330px 1fr;gap:14px;padding-bottom:60px}.support-editor-layout .support-panel{margin:0}.support-user-list{display:grid;gap:5px;max-height:720px;overflow:auto}.support-user-list a{display:flex;justify-content:space-between;gap:8px;text-decoration:none;color:inherit;border:1px solid #30372f;background:#0b0e0c;padding:10px}.support-user-list a.active{border-color:#c39445;background:#17130d}.support-user-list b{display:block}.support-user-list small{color:#858d84}.support-user-list em{font-style:normal;font-size:8px;color:#d0a24b}.support-toggle-row{display:flex;gap:20px;margin:15px 0}.support-toggle-row input{width:auto}
@media(max-width:1050px){.support-category-grid{grid-template-columns:repeat(2,1fr)}.support-ticket-layout{grid-template-columns:1fr}.support-ticket-sidebar{grid-template-columns:repeat(2,1fr)}.support-stat-grid{grid-template-columns:repeat(2,1fr)}.support-admin-ticket{grid-template-columns:1fr}.support-admin-ticket-meta{justify-items:start;display:flex}.support-filter-bar{grid-template-columns:1fr 1fr}.support-staff-picker{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.support-hero,.support-admin-hero,.support-ticket-hero{padding:20px;flex-direction:column;align-items:flex-start}.support-hero h1,.support-admin-hero h1,.support-ticket-hero h1{font-size:34px}.support-category-grid,.support-form-grid,.support-stat-grid,.support-settings-grid,.support-editor-layout,.support-ticket-sidebar,.support-staff-picker{grid-template-columns:1fr}.support-ticket-row{grid-template-columns:42px 1fr}.support-ticket-meta{grid-column:2;align-items:flex-start}.support-image-grid{grid-template-columns:repeat(2,1fr)}.support-filter-bar{grid-template-columns:1fr}.support-admin-ticket-actions{flex-wrap:wrap}}


/* Support Ticket MasterAdmin permanent-delete danger zone */
.support-danger-zone{
    border-color:#713632!important;
    border-top:3px solid #d24d43!important;
    background:linear-gradient(180deg,rgba(45,12,11,.30),rgba(12,10,9,.98))!important
}
.support-danger-zone .support-panel-head>div>span{color:#ef6d63!important}
.support-delete-warning{
    padding:16px 18px;
    border:1px solid #733832;
    background:rgba(111,25,21,.16);
    margin-bottom:16px
}
.support-delete-warning strong{
    display:block;
    color:#ff776d;
    letter-spacing:.08em;
    margin-bottom:6px
}
.support-delete-warning p{margin:0;color:#c8b5b1;line-height:1.6}
.support-delete-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
.support-delete-form label>span{color:#e5d5d1!important}
.support-delete-form input{
    border-color:#6e3732!important;
    background:#110b0a!important
}
.btn.support-delete-button{
    border-color:#a9433b!important;
    background:#5c201c!important;
    color:#fff!important;
    font-weight:1000
}
.btn.support-delete-button:hover{background:#842d27!important}
@media(max-width:700px){
    .support-delete-form{grid-template-columns:1fr}
}



/* =========================================================
   TLD SUPPORT CENTER • RAIN BACKGROUND + RICH MESSAGE EDITOR
   Applies ONLY to Support Center, ticket pages and Support Zone.
   ========================================================= */
body.support-center-background,
body.support-ticket-background,
body.support-zone-background{
    background-color:#050706!important;
    background-image:url("support-rain-background.png")!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:cover!important;
    background-attachment:fixed!important;
    min-height:100vh!important
}
body.support-center-background::before,
body.support-ticket-background::before,
body.support-zone-background::before,
body.support-center-background::after,
body.support-ticket-background::after,
body.support-zone-background::after{
    content:none!important;
    display:none!important
}
body.support-center-background .fog,
body.support-ticket-background .fog,
body.support-zone-background .fog{
    display:none!important;
    opacity:0!important
}
body.support-center-background .shell,
body.support-ticket-background .shell,
body.support-zone-background .shell,
body.support-center-background main.shell,
body.support-ticket-background main.shell,
body.support-zone-background main.shell{
    background:transparent!important
}
body.support-center-background .tld-sidebar,
body.support-ticket-background .tld-sidebar,
body.support-zone-background .tld-sidebar{
    background:rgba(5,7,5,.78)!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important
}
body.support-center-background .support-panel,
body.support-ticket-background .support-panel,
body.support-zone-background .support-panel,
body.support-center-background .support-hero,
body.support-ticket-background .support-ticket-hero,
body.support-zone-background .support-admin-hero{
    background:linear-gradient(180deg,rgba(9,13,10,.89),rgba(7,10,8,.93))!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important
}

/* Discord / Steam identity badges */
.support-author-block{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.support-author-block>strong{font-size:14px}
.support-staff-title{color:#d4a54f!important}
.support-identity,.support-owner-identities b{
    display:inline-flex!important;
    align-items:center;
    width:max-content;
    padding:3px 7px;
    border-radius:3px;
    font-size:9px!important;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.03em
}
.support-discord{
    color:#dfe2ff!important;
    background:rgba(88,101,242,.20)!important;
    border:1px solid rgba(119,130,255,.55)!important
}
.support-steam{
    color:#9bd8ff!important;
    background:rgba(27,91,125,.22)!important;
    border:1px solid rgba(69,151,197,.50)!important
}
.support-owner-identities{display:grid;gap:6px;margin-top:10px}

/* Rich editor shell */
.support-editor-title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:10px}
.support-editor-title span{font-size:9px;color:#d7a64d;font-weight:1000;letter-spacing:.16em}
.support-editor-title h3{margin:3px 0 0}
.support-editor-title small{color:#889087}
.support-editor-toolbar{
    display:flex;align-items:center;gap:5px;flex-wrap:wrap;
    padding:8px;border:1px solid #40473d;border-bottom:0;
    background:linear-gradient(#151912,#0d100d)
}
.support-editor-toolbar button,.support-editor-toolbar select{
    min-height:31px;border:1px solid #424940;background:#090c09;color:#dfe1dc;
    padding:6px 8px;border-radius:2px;font:inherit;font-size:10px;cursor:pointer
}
.support-editor-toolbar button:hover,.support-editor-toolbar select:hover{border-color:#c69a48;color:#f0c875}
.support-editor-toolbar button.preview{border-color:#5b5238;color:#e2b55e}
.support-toolbar-sep{width:1px;height:25px;background:#3a4038;margin:0 3px}
.support-reply-box #supportMessageEditor{
    border-radius:0!important;
    min-height:190px;
    font-family:Consolas,"Courier New",monospace;
    line-height:1.55;
    resize:vertical
}
.support-editor-help{padding:7px 10px;border:1px solid #343b33;border-top:0;background:#0b0e0b;color:#747d74;font-size:9px}
.support-emoji-panel{display:flex;gap:5px;flex-wrap:wrap;padding:8px;border:1px solid #514630;background:#12100c}
.support-emoji-panel[hidden]{display:none}
.support-emoji-panel button{font-size:20px;padding:5px;border:1px solid transparent;background:transparent;cursor:pointer}
.support-emoji-panel button:hover{background:#201b11;border-color:#705a31}
.support-editor-preview{margin-top:10px;border:1px solid #63512f;background:#0b0e0c}
.support-editor-preview[hidden]{display:none}
.support-editor-preview-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #403820;color:#d7a64d;font-size:9px;letter-spacing:.1em}
.support-editor-preview-head button{border:1px solid #454b42;background:#111510;color:#bbb;padding:4px 7px;cursor:pointer}
.support-editor-preview .support-message-text{padding:15px}

/* Rich rendered message elements */
.support-message-text{overflow-wrap:anywhere}
.support-msg-h1{font-size:27px!important;margin:10px 0!important;color:#f0eee8!important}
.support-msg-h2{font-size:22px!important;margin:9px 0!important;color:#eceae4!important}
.support-msg-h3{font-size:18px!important;margin:8px 0!important;color:#e8e6e0!important}
.support-align-left{text-align:left}.support-align-center{text-align:center}.support-align-right{text-align:right}
.support-quote{margin:10px 0;padding:10px 13px;border-left:3px solid #c79a49;background:#15130d;color:#c8c5ba}
.support-code-block{margin:10px 0;padding:13px;overflow:auto;border:1px solid #343a33;background:#050706;color:#a8e3b2;white-space:pre-wrap;tab-size:4}
.support-code-block code{font-family:Consolas,"Courier New",monospace}
.support-inline-code{padding:2px 5px;border:1px solid #364038;background:#070a07;color:#a8e3b2;font-family:Consolas,"Courier New",monospace}
.support-message-rule{border:0;border-top:1px solid #4b5148;margin:14px 0}
.support-msg-list{margin:8px 0 8px 24px}
.support-font-default{font-family:inherit}.support-font-arial{font-family:Arial,sans-serif}.support-font-georgia{font-family:Georgia,serif}.support-font-trebuchet{font-family:"Trebuchet MS",sans-serif}.support-font-impact{font-family:Impact,Haettenschweiler,sans-serif}.support-font-mono{font-family:Consolas,"Courier New",monospace}

/* Local image selections before upload */
.support-image-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:9px}
.support-image-preview>div{border:1px solid #384039;background:#080b08;overflow:hidden}
.support-image-preview img{display:block;width:100%;height:95px;object-fit:cover}
.support-image-preview span{display:block;padding:5px;color:#878f86;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:900px){
    body.support-center-background,
    body.support-ticket-background,
    body.support-zone-background{
        background-attachment:scroll!important;
        background-position:center top!important
    }
    .support-image-preview{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
    .support-editor-toolbar select{max-width:110px}
    .support-image-preview{grid-template-columns:repeat(2,1fr)}
}



/* =========================================================
   SUPPORT CENTER CREATE-TICKET EDITOR + CATEGORY CARD FIX
   ========================================================= */

/* Explicit layout prevents title and description from being run together. */
.support-category-card{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    column-gap:12px!important;
    align-items:start!important;
}
.support-category-card>.support-category-icon{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    margin:0!important;
    line-height:1.2!important;
}
.support-category-card>.support-category-copy{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    min-width:0!important;
}
.support-category-card>.support-category-copy>strong{
    display:block!important;
    width:100%!important;
    color:#e8e8e2!important;
    line-height:1.25!important;
    margin:0 0 7px 0!important;
}
.support-category-card>.support-category-copy>small{
    display:block!important;
    width:100%!important;
    color:#929a91!important;
    line-height:1.5!important;
    margin:0!important;
}
.support-category-card>.support-category-copy>em{
    display:block!important;
    margin-top:8px!important;
    font-style:normal!important;
    color:#e27970!important;
    font-size:8px!important;
    font-weight:1000!important;
    letter-spacing:.08em!important;
}

/* Make the opening-ticket editor match the conversation editor. */
.support-create-editor{
    margin-top:15px;
    border:1px solid #3c4439;
    background:rgba(8,11,8,.92);
}
.support-create-editor .support-editor-title{
    padding:14px 14px 0;
}
.support-create-editor .support-editor-toolbar{
    margin-top:8px;
}
.support-create-editor #supportNewMessageEditor{
    width:100%;
    min-height:210px;
    margin:0;
    border:0!important;
    border-top:1px solid #343b33!important;
    border-bottom:1px solid #343b33!important;
    border-radius:0!important;
    background:#070a07!important;
    color:#e6e8e3!important;
    padding:14px!important;
    font-family:Consolas,"Courier New",monospace;
    line-height:1.55;
    resize:vertical
}
.support-create-editor .support-editor-help{
    border-left:0;
    border-right:0;
    border-bottom:0
}
.support-create-actions{
    display:flex!important;
    gap:8px!important;
    flex-wrap:wrap!important
}

/* Prevent compact desktop widths from forcing every editor selector full-width. */
@media(min-width:1050px){
    .support-create-editor .support-editor-toolbar select{
        width:auto!important;
        min-width:115px!important;
        max-width:160px!important
    }
}



/* =========================================================
   TLD SUPPORT DISCORD BOT • BOT CONTROL
   ========================================================= */
.bot-control-hero{border-top-color:#5865f2!important}
.bot-live-state{min-width:260px;padding:16px;border:1px solid #3d463c;background:#0b0f0c;display:grid;gap:5px}
.bot-live-state span{font-size:10px;font-weight:1000;letter-spacing:.12em}
.bot-live-state.online{border-color:#386946;background:rgba(21,66,34,.25)}
.bot-live-state.online span{color:#69d987}
.bot-live-state.offline{border-color:#713934;background:rgba(80,25,20,.25)}
.bot-live-state.offline span{color:#f07469}
.bot-live-state strong{color:#eee}.bot-live-state small{color:#858d84}
.bot-toggle-master{display:flex!important;align-items:center;gap:10px;padding:13px;border:1px solid #3b443a;background:#0c100d}
.bot-toggle-master input{width:auto!important;transform:scale(1.15)}
.bot-toggle-master span b{display:block;color:#e8e8e2}.bot-toggle-master span small{display:block;color:#858d84;margin-top:4px}
.bot-secret-row{display:grid;grid-template-columns:1fr auto auto;gap:6px}
.bot-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bot-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bot-option-grid.compact{margin-top:16px}
.bot-option-card{display:grid!important;grid-template-columns:auto auto 1fr;gap:9px;align-items:start;padding:13px;border:1px solid #343c33;background:#0b0f0c;cursor:pointer}
.bot-option-card:hover{border-color:#605a8e;background:#10111a}
.bot-option-card input{width:auto!important;margin-top:3px}
.bot-option-card .bot-option-icon{font-size:21px}
.bot-option-card b{display:block;color:#e8e8e2}.bot-option-card small{display:block;color:#8e968d;margin-top:4px;line-height:1.45}
.bot-control-save{max-width:1240px;margin:12px auto 20px;text-align:right}
.bot-tools-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.bot-tools-row form{margin:0}
.bot-test-form{display:flex;gap:6px;flex:1}.bot-test-form input{min-width:260px}
.bot-log-table{display:grid;border:1px solid #323932;overflow:auto}
.bot-log-head,.bot-log-row{display:grid;grid-template-columns:70px 180px minmax(220px,1fr) 180px 80px 170px;gap:8px;align-items:center;padding:9px 11px;min-width:950px}
.bot-log-head{background:#151912;color:#c9a15a;font-size:9px;font-weight:1000;letter-spacing:.1em}
.bot-log-row{border-top:1px solid #2b312a;color:#aeb4ac;font-size:10px;background:#0b0e0c}
.bot-log-row small{display:block;color:#777f77;margin-top:3px}
.bot-queue-status{font-weight:1000}.bot-queue-status.sent{color:#6ed087}.bot-queue-status.pending,.bot-queue-status.processing{color:#e4b45f}.bot-queue-status.failed{color:#ef7168}.bot-queue-status.skipped{color:#929892}
.support-request-toggle{padding:9px 11px;border:1px solid #71582c;background:#17130c;color:#e2bd72;cursor:pointer}
.support-request-toggle input{margin-right:4px}
@media(max-width:900px){.bot-option-grid,.bot-form-grid{grid-template-columns:1fr}.bot-secret-row{grid-template-columns:1fr}.bot-test-form{flex-direction:column}.bot-test-form input{min-width:0}}


/* =========================================================
   TLD COMMUNITY NEWS • DASHBOARD + MASTERADMIN NEWS FEED
   ========================================================= */
.community-news-section{margin:24px 0 10px}
.community-news-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:14px;padding:0 3px}
.community-news-heading>div:first-child>span,.news-kicker,.news-panel-heading span{display:block;color:#d2a44f;font-size:9px;font-weight:1000;letter-spacing:.18em;text-transform:uppercase}
.community-news-heading h2{font-size:34px;margin:5px 0 3px;color:#f0efe9;letter-spacing:.02em}
.community-news-heading p{margin:0;color:#858d84;max-width:780px}
.community-news-signal{padding:9px 12px;border:1px solid #4a4534;background:#100f0b;color:#cda85f;font-size:9px;font-weight:1000;letter-spacing:.14em}
.community-news-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;width:100%;max-width:100%;min-width:0}
.community-news-card{--news-accent:#d2a44f;position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden;border:1px solid #343a33;border-top:3px solid var(--news-accent);background:linear-gradient(180deg,rgba(13,17,13,.98),rgba(7,10,8,.98));box-shadow:0 14px 36px rgba(0,0,0,.28)}
.community-news-card::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--news-accent),transparent);opacity:.65}
.community-news-image{position:relative;display:block;width:100%;max-width:100%;height:auto;aspect-ratio:3/2;padding:0;border:0;border-bottom:1px solid #30362f;background:#050705;overflow:hidden;cursor:zoom-in;color:#d2a44f}
.community-news-image img{display:block;width:100%;max-width:100%;height:100%;object-fit:contain;transition:transform .25s ease,filter .25s ease}
.community-news-image:hover img{transform:scale(1.035);filter:brightness(1.08)}
.community-news-image>span{display:grid;place-items:center;height:100%;font-size:54px;font-weight:1000;letter-spacing:.12em}
.community-news-image i{position:absolute;right:9px;bottom:9px;padding:5px 7px;border:1px solid color-mix(in srgb,var(--news-accent) 55%,#222);background:rgba(4,6,4,.82);color:var(--news-accent);font-style:normal;font-size:8px;font-weight:1000;letter-spacing:.1em}
.community-news-body{padding:17px 18px 20px}
.community-news-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px;color:#747d74;font-size:8px;font-weight:900;letter-spacing:.1em}
.community-news-meta span{color:var(--news-accent)}
.community-news-body h3{margin:0 0 12px;color:var(--news-accent);font-size:21px;line-height:1.2}
.community-news-copy{color:#c4c8c0;line-height:1.65;overflow-wrap:anywhere}
.community-news-copy p{margin:0 0 10px}.community-news-copy p:last-child{margin-bottom:0}
.community-news-copy h2,.community-news-copy h3{color:inherit;margin:10px 0 7px}
.community-news-copy blockquote{margin:12px 0;padding:9px 12px;border-left:3px solid var(--news-accent);background:rgba(255,255,255,.025)}
.community-news-copy a{color:var(--news-accent);text-decoration:underline}
.community-news-copy ul,.community-news-copy ol{padding-left:21px}
.news-empty-state{display:grid;gap:5px;text-align:center}.news-empty-state strong{color:#d2a44f}.news-empty-state span{color:#7f877e}
.news-lightbox[hidden]{display:none}
.news-lightbox{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px}
.news-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(7px)}
.news-lightbox-dialog{position:relative;z-index:1;width:min(94vw,1500px);height:min(90vh,1000px);display:grid;grid-template-rows:auto 1fr;border:1px solid #4a4f46;background:#060806;box-shadow:0 25px 90px rgba(0,0,0,.75)}
.news-lightbox-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #343934;background:#0d110e}
.news-lightbox-top strong{color:#d8b468;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-lightbox-top>div{display:flex;gap:5px}.news-lightbox-top button{min-width:38px;height:32px;border:1px solid #3d443b;background:#080b08;color:#ddd;cursor:pointer}.news-lightbox-top button:hover{border-color:#c49a4b;color:#f0c977}
.news-lightbox-stage{overflow:auto;display:grid;place-items:center;padding:24px}
.news-lightbox-stage img{max-width:100%;max-height:100%;transform-origin:center center;transition:transform .12s ease}
body.news-lightbox-open{overflow:hidden}

.community-news-section,.community-news-heading,.community-news-grid,.community-news-card,.community-news-body,.community-news-copy{box-sizing:border-box;max-width:100%;min-width:0}
.community-news-section{width:100%;overflow-x:hidden}
.community-news-copy img,.community-news-copy video,.community-news-copy iframe{max-width:100%;height:auto}
.community-news-copy pre{max-width:100%;overflow:auto}
.community-news-copy table{max-width:100%;display:block;overflow-x:auto}

/* MasterAdmin News Feed */
.news-admin-hero{border-top:3px solid #d2a44f;background:linear-gradient(135deg,rgba(35,29,15,.65),rgba(7,10,8,.98))}
.news-admin-hero h1{font-size:42px;margin:5px 0}.news-admin-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:16px}
.news-panel-heading{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:16px}.news-panel-heading h2{margin:3px 0 0}.news-panel-heading small{color:#7e867d}
.news-rich-editor{border:1px solid #3c4439;background:#080b08}
.news-editor-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px;border-bottom:1px solid #343b33;background:linear-gradient(#151912,#0d100d)}
.news-editor-toolbar>span{width:1px;height:27px;background:#3a4038;margin:0 2px}
.news-editor-toolbar button,.news-editor-toolbar select,.news-editor-toolbar input[type=color]{height:31px;border:1px solid #424940;background:#090c09;color:#dfe1dc;border-radius:2px;padding:5px 8px;cursor:pointer}
.news-editor-toolbar button:hover,.news-editor-toolbar select:hover{border-color:#c69a48;color:#f0c875}
.news-editor-toolbar input[type=color]{width:42px;padding:3px}
.news-editor-surface{min-height:260px;padding:14px;outline:none;color:#e6e8e3;background:#060806;line-height:1.6;overflow:auto}
.news-editor-surface:focus{box-shadow:inset 0 0 0 1px #806936}
.news-editor-help{padding:7px 10px;border-top:1px solid #343b33;color:#747d74;font-size:9px}
.news-color-picker{width:100%!important;min-height:44px;padding:5px!important}
.news-image-preview{margin:10px 0;border:1px solid #3b4239;background:#080b08;padding:8px}.news-image-preview img{display:block;width:100%;max-height:280px;object-fit:contain;background:#050705}
.news-admin-list{display:grid;gap:9px}
.news-admin-row{--news-accent:#d2a44f;display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid #343b33;border-left:3px solid var(--news-accent);background:#0a0d0a}
.news-admin-thumb{height:78px;background:#050705;overflow:hidden}.news-admin-thumb img{width:100%;height:100%;object-fit:cover}
.news-admin-copy{min-width:0}.news-admin-copy>strong{display:block;color:var(--news-accent);margin:4px 0 6px}.news-admin-excerpt{color:#878f86;font-size:10px;line-height:1.5}
.news-admin-meta{display:flex;gap:8px;align-items:center}.news-admin-meta span{font-size:8px;font-weight:1000;letter-spacing:.1em}.news-admin-meta .live{color:#63d27b}.news-admin-meta .hidden{color:#e36f66}.news-admin-meta small{color:#6f776f}
.news-admin-actions{display:flex;gap:5px;align-items:center}.news-admin-actions form{margin:0}.news-empty{padding:22px;text-align:center;color:#777f77;border:1px dashed #343b33}

@media(max-width:1100px){
    .community-news-grid{grid-template-columns:minmax(0,1fr)}
    .news-admin-layout{grid-template-columns:1fr}
}
@media(max-width:700px){
    .community-news-heading{align-items:flex-start;flex-direction:column}
    .community-news-grid{grid-template-columns:1fr}
    .community-news-image{height:auto;aspect-ratio:3/2}
    .news-admin-row{grid-template-columns:85px 1fr}.news-admin-actions{grid-column:1/-1;justify-content:flex-end}
    .news-lightbox{padding:8px}.news-lightbox-dialog{width:98vw;height:92vh}
}

/* ============================================================
   TLD DASHBOARD • STORM BACKGROUND
   Scoped only to index.php via body.dashboard-storm-background.
   ============================================================ */
body.dashboard-storm-background{
    background-color:#050505!important;
    background-image:url("dashboard-storm-background.png")!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-attachment:fixed!important;
    min-height:100vh!important;
}

/* Do not allow structural wrappers or the global fog layer to cover the artwork. */
body.dashboard-storm-background::before,
body.dashboard-storm-background::after,
body.dashboard-storm-background .tld-page::before,
body.dashboard-storm-background .tld-page::after{
    content:none!important;
    display:none!important;
    background:none!important;
}
body.dashboard-storm-background .fog{
    display:none!important;
    opacity:0!important;
    background:none!important;
}
body.dashboard-storm-background .tld-page,
body.dashboard-storm-background main.shell,
body.dashboard-storm-background .shell{
    background-color:transparent!important;
    background-image:none!important;
}

/* Slightly clearer sidebar while still allowing the storm artwork to show through. */
body.dashboard-storm-background .tld-sidebar{
    background:
        linear-gradient(180deg,rgba(7,8,6,.42),rgba(7,8,6,.48))!important;
    border-right-color:rgba(196,155,92,.25)!important;
    box-shadow:10px 0 30px rgba(0,0,0,.20)!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
}

/* Dashboard information boxes: more transparent than the global panel styling. */
body.dashboard-storm-background .panel{
    background:
        linear-gradient(180deg,rgba(18,21,17,.48),rgba(8,11,8,.55))!important;
    border-color:rgba(118,124,105,.58)!important;
    box-shadow:0 14px 36px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
}

/* Individual dashboard stat boxes receive the same lighter glass treatment. */
body.dashboard-storm-background .stat{
    background:rgba(8,11,8,.46)!important;
    border-color:rgba(118,124,105,.54)!important;
    backdrop-filter:blur(2px)!important;
    -webkit-backdrop-filter:blur(2px)!important;
}

/* Community News cards stay readable while exposing substantially more background. */
body.dashboard-storm-background .community-news-card{
    background:
        linear-gradient(180deg,rgba(10,14,10,.54),rgba(5,8,6,.60))!important;
    border-color:rgba(90,98,85,.58)!important;
    box-shadow:0 14px 36px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
}
body.dashboard-storm-background .community-news-signal{
    background:rgba(8,9,7,.48)!important;
    border-color:rgba(92,84,61,.62)!important;
    backdrop-filter:blur(2px)!important;
    -webkit-backdrop-filter:blur(2px)!important;
}

/* Keep fixed backgrounds reliable on desktop, while avoiding mobile browser jitter. */
@media (max-width:900px){
    body.dashboard-storm-background{
        background-attachment:scroll!important;
        background-position:center top!important;
    }
}



/* =========================================================
   TLD SERVER RULES • SURVIVOR RULEBOOK
   ========================================================= */
body.server-rules-background{background:#050605}
body.server-rules-background .shell{max-width:1500px}
.rules-hero{position:relative;overflow:hidden;border:1px solid #3a3d38;border-top:3px solid #b82020;background:#070807;box-shadow:0 18px 50px rgba(0,0,0,.38);margin-bottom:18px}
.rules-hero-image{aspect-ratio:16/9;max-height:720px;background:#030403}
.rules-hero-image img{display:block;width:100%;height:100%;object-fit:cover}
.rules-hero-overlay{position:absolute;left:0;right:0;bottom:0;padding:70px 38px 30px;background:linear-gradient(transparent,rgba(3,4,3,.94))}
.rules-hero-overlay>span,.rules-chapter-heading span,.rules-alert span{color:#d7a44a;font-size:10px;font-weight:1000;letter-spacing:.2em}
.rules-hero-overlay h1{margin:5px 0 8px;color:#f1f0ea;font-size:clamp(38px,5vw,72px);line-height:.95;text-transform:uppercase;letter-spacing:.035em;text-shadow:0 3px 20px #000}
.rules-hero-overlay p{max-width:800px;margin:0;color:#c7cbc4;font-size:16px;line-height:1.6}
.rules-alert{display:grid;grid-template-columns:58px 1fr;gap:15px;align-items:center;margin:18px 0;padding:16px 18px;border:1px solid #6b2929;border-left:4px solid #d63832;background:linear-gradient(90deg,rgba(74,15,15,.42),rgba(12,12,10,.88))}
.rules-alert-mark{display:grid;place-items:center;width:50px;height:50px;border:2px solid #d63832;border-radius:50%;color:#ef5c52;font-size:28px;font-weight:1000}
.rules-alert strong{display:block;color:#f0e6df;font-size:18px;margin:3px 0}.rules-alert p{margin:0;color:#aeb3ac;line-height:1.55}
.rules-quick-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0 28px}
.rules-quick-nav a{display:flex;align-items:center;gap:9px;min-height:50px;padding:9px 11px;border:1px solid #333832;background:rgba(10,12,10,.9);color:#d9ddd7;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;transition:.18s}
.rules-quick-nav a span{display:grid;place-items:center;min-width:30px;height:30px;border:1px solid currentColor;font-size:9px}
.rules-quick-nav a:hover{transform:translateY(-2px);border-color:currentColor;background:#121512}
.rules-quick-nav .tone-red{color:#e45b52}.rules-quick-nav .tone-gold{color:#ddb65e}.rules-quick-nav .tone-orange{color:#df8848}.rules-quick-nav .tone-green{color:#70b878}.rules-quick-nav .tone-purple{color:#a879d0}.rules-quick-nav .tone-cyan{color:#68b9c8}.rules-quick-nav .tone-blue{color:#719fd2}.rules-quick-nav .tone-neutral{color:#b8bcb6}
.rules-page-shell{display:grid;gap:22px}
.rules-chapter{--rule-accent:#aaa;padding:20px;border:1px solid #30352f;border-top:3px solid var(--rule-accent);background:linear-gradient(145deg,rgba(14,17,14,.96),rgba(7,9,7,.96));box-shadow:0 12px 34px rgba(0,0,0,.25);scroll-margin-top:18px}
.rules-chapter.tone-red{--rule-accent:#d64b43}.rules-chapter.tone-gold{--rule-accent:#d1a64f}.rules-chapter.tone-orange{--rule-accent:#d77d3d}.rules-chapter.tone-green{--rule-accent:#61a96c}.rules-chapter.tone-purple{--rule-accent:#9369bd}.rules-chapter.tone-cyan{--rule-accent:#55aab9}.rules-chapter.tone-blue{--rule-accent:#608fc5}.rules-chapter.tone-neutral{--rule-accent:#9ba09a}
.rules-chapter-heading{display:flex;align-items:center;gap:13px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #30352f}
.rules-chapter-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--rule-accent) 65%,#333);background:color-mix(in srgb,var(--rule-accent) 10%,#090b09);font-size:25px}
.rules-chapter-heading span{color:var(--rule-accent)}.rules-chapter-heading h2{margin:3px 0 0;color:#f0f1ec;font-size:28px;text-transform:uppercase;letter-spacing:.025em}
.rules-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rules-card{overflow:hidden;border:1px solid #343a33;background:rgba(6,9,7,.72)}
.rules-card-head{display:flex;align-items:center;gap:11px;padding:11px 13px;border-bottom:1px solid #303630;background:linear-gradient(90deg,color-mix(in srgb,var(--rule-accent) 12%,#090b09),#090b09)}
.rules-card-head>span{display:grid;place-items:center;min-width:45px;height:29px;border:1px solid var(--rule-accent);color:var(--rule-accent);font-size:10px;font-weight:1000;letter-spacing:.08em}
.rules-card-head h3{margin:0;color:#e8eae5;font-size:15px;text-transform:uppercase;letter-spacing:.04em}
.rules-card-body,.rules-section-copy{padding:14px;color:#bfc5bd;line-height:1.65;font-size:13px}
.rules-card-body p,.rules-section-copy p{margin:0 0 10px}.rules-card-body p:last-child,.rules-section-copy p:last-child{margin-bottom:0}
.rules-card-body ul,.rules-section-copy ul{margin:7px 0 11px;padding-left:21px;columns:2;column-gap:30px}
.rules-card-body li,.rules-section-copy li{margin:3px 0;break-inside:avoid}
.rules-card-body strong{color:#f1c66d}
.rules-section-copy{margin:0 0 12px;border-left:3px solid var(--rule-accent);background:rgba(255,255,255,.02)}
.rules-final-banner{text-align:center;margin:24px 0 8px;padding:28px 20px;border:1px solid #4d2928;background:radial-gradient(circle at center,rgba(103,18,17,.22),rgba(7,9,7,.96) 65%)}
.rules-final-banner span{color:#cf4a43;font-size:9px;font-weight:1000;letter-spacing:.22em}.rules-final-banner h2{margin:7px 0;color:#f0eee8;font-size:30px;text-transform:uppercase}.rules-final-banner p{color:#929990}.rules-final-banner a{display:inline-block;margin-top:8px;padding:9px 15px;border:1px solid #7c3733;color:#e45b52;text-decoration:none;font-weight:900;font-size:10px;letter-spacing:.08em}
@media(max-width:1050px){.rules-quick-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-card-grid{grid-template-columns:1fr}}
@media(max-width:650px){.rules-hero-overlay{position:relative;padding:18px;background:#090b09}.rules-hero-image{aspect-ratio:16/10}.rules-quick-nav{grid-template-columns:1fr}.rules-chapter{padding:13px}.rules-card-body ul,.rules-section-copy ul{columns:1}.rules-chapter-heading h2{font-size:21px}.rules-alert{grid-template-columns:1fr}.rules-alert-mark{width:40px;height:40px}}


/* ============================================================
   TLD SERVER RULES REDESIGN v2
   Mirrors the visual language of the Drug Running guide.
   ============================================================ */
body.server-rules-background{
    background:
        radial-gradient(circle at 80% 7%,rgba(159,35,35,.14),transparent 30%),
        radial-gradient(circle at 12% 20%,rgba(45,119,126,.09),transparent 25%),
        linear-gradient(180deg,#080a08 0,#070807 55%,#090a08 100%)!important;
    font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif!important;
}
body.server-rules-background .fog{opacity:.012!important}
body.server-rules-background .shell{max-width:1320px!important}

.rules2-eyebrow{font-size:11px;font-weight:1000;letter-spacing:.18em;color:#e0ad59;text-transform:uppercase}
.rules2-hero{
    display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
    min-height:430px;margin:24px 0 18px;border:1px solid #40473a;
    background:linear-gradient(120deg,rgba(11,14,11,.98),rgba(18,20,16,.91));
    box-shadow:0 24px 80px rgba(0,0,0,.48);overflow:hidden;position:relative
}
.rules2-hero::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#d34d43,#d6a14e,#55aeb8,#8d69b3)}
.rules2-hero-copy{padding:48px 50px;position:relative;z-index:2}
.rules2-hero h1{font-family:Impact,"Arial Narrow","Trebuchet MS",sans-serif;font-size:58px;line-height:1;margin:8px 0 18px;letter-spacing:.025em;text-transform:uppercase;color:#f1f0ea}
.rules2-lead{font-size:18px;line-height:1.72;color:#c9cec5;max-width:760px}
.rules2-lead strong{color:#efc269}
.rules2-hero-art{position:relative;min-height:430px;max-height:430px;background:#0b0d0b;overflow:hidden}
.rules2-hero-art::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,14,11,.96),transparent 42%)}
.rules2-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.rules2-callout{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;margin:20px 0;border:1px solid #7d3933;background:rgba(111,33,27,.14)}
.rules2-callout strong{white-space:nowrap;font-size:12px;letter-spacing:.09em;color:#ff776a}
.rules2-callout span{color:#c9cdc4;line-height:1.55;font-size:14px}
.rules2-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.rules2-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid #596054;background:#141713;color:#e8e9e1;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.rules2-btn.primary{border-color:#8e6d38;background:linear-gradient(180deg,#45331d,#2d2316);color:#ffd792}
.rules2-btn:hover{border-color:#d2a75e;color:#ffdd9b}

.rules2-quick{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 23px;margin-bottom:18px;border:1px solid #3d4339;background:rgba(13,15,12,.94)}
.rules2-quick h2{margin:3px 0;font-size:27px;color:#f0f1eb}.rules2-quick p{margin:0;color:#a6ada2;font-size:14px}
.rules2-quick-links{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.rules2-quick-links a{padding:9px 11px;border:1px solid #42483e;background:#0f120f;color:#d7dad1;text-decoration:none;font-size:11px;font-weight:1000;text-transform:uppercase}
.rules2-quick-links a.red:hover{border-color:#b64c42;color:#ff7c70}.rules2-quick-links a.gold:hover{border-color:#b08b4d;color:#f4c978}
.rules2-quick-links a.orange:hover{border-color:#bd753e;color:#f1a365}.rules2-quick-links a.green:hover{border-color:#4fa464;color:#80df93}
.rules2-quick-links a.purple:hover{border-color:#8655a1;color:#cb8ee8}.rules2-quick-links a.cyan:hover{border-color:#4096a0;color:#75dbe7}
.rules2-quick-links a.blue:hover{border-color:#4d84b4;color:#83bce8}.rules2-quick-links a.white:hover{border-color:#aaa;color:#fff}

.rules2-route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.rules2-route-grid article{padding:20px;border:1px solid #3c4238;background:rgba(13,15,12,.94);position:relative;overflow:hidden}
.rules2-route-grid article::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#777}
.rules2-route-grid .green::before{background:#52ad68}.rules2-route-grid .cyan::before{background:#4b9ca5}.rules2-route-grid .amber::before{background:#c58d45}.rules2-route-grid .red::before{background:#cf5044}
.rules2-route-grid span{display:block;color:#7f877b;font-weight:1000;font-size:11px;letter-spacing:.18em}
.rules2-route-grid h3{font-size:22px;margin:7px 0 6px;color:#f0f1eb}.rules2-route-grid p{margin:0;color:#aeb4aa;font-size:14px;line-height:1.55}

.rules-page-shell{display:grid!important;gap:18px!important}
.rules-chapter{
    --rule-accent:#aaa!important;
    border:1px solid #3f463a!important;border-top:3px solid var(--rule-accent)!important;
    background:linear-gradient(180deg,rgba(14,16,13,.97),rgba(10,12,10,.98))!important;
    padding:28px!important;box-shadow:0 18px 45px rgba(0,0,0,.24)!important
}
.rules-chapter.tone-red{--rule-accent:#cf5044!important}.rules-chapter.tone-gold{--rule-accent:#c99b4b!important}
.rules-chapter.tone-orange{--rule-accent:#ce7f41!important}.rules-chapter.tone-green{--rule-accent:#52ad68!important}
.rules-chapter.tone-purple{--rule-accent:#8a64b0!important}.rules-chapter.tone-cyan{--rule-accent:#4b9ca5!important}
.rules-chapter.tone-blue{--rule-accent:#4d93bb!important}.rules-chapter.tone-neutral{--rule-accent:#c7c9c2!important}
.rules-chapter-heading{padding-bottom:20px!important;border-bottom:1px solid #33392f!important;margin-bottom:20px!important}
.rules-chapter-heading{display:flex!important;align-items:center!important;gap:14px!important}
.rules-chapter-icon{display:grid!important;place-items:center!important;width:54px!important;height:54px!important;flex:0 0 54px!important;border:1px solid color-mix(in srgb,var(--rule-accent) 70%,#333)!important;background:color-mix(in srgb,var(--rule-accent) 11%,#0c0f0c)!important;font-size:25px!important}
.rules-chapter-heading span{font-size:11px!important;font-weight:1000!important;letter-spacing:.2em!important;color:var(--rule-accent)!important}
.rules-chapter-heading h2{font-family:Impact,"Arial Narrow","Trebuchet MS",sans-serif!important;font-size:34px!important;letter-spacing:.035em!important;margin:5px 0 0!important;color:#f0f1eb!important;text-transform:uppercase!important}

.rules-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.rules-card{
    overflow:hidden!important;border:1px solid #3b4238!important;
    background:linear-gradient(145deg,rgba(15,18,14,.98),rgba(8,11,9,.98))!important;
    box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
    transition:transform .15s ease,border-color .15s ease!important
}
.rules-card:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--rule-accent) 60%,#444)!important}
.rules-card-head{display:flex!important;align-items:center!important;gap:12px!important;padding:14px 15px!important;border-bottom:1px solid #303630!important;background:linear-gradient(90deg,color-mix(in srgb,var(--rule-accent) 13%,#0a0d0a),#0a0d0a)!important}
.rules-card-head>span{display:grid!important;place-items:center!important;min-width:52px!important;height:34px!important;border:1px solid var(--rule-accent)!important;color:var(--rule-accent)!important;background:color-mix(in srgb,var(--rule-accent) 8%,#090b09)!important;font-size:12px!important;font-weight:1000!important;letter-spacing:.08em!important}
.rules-card-head h3{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif!important;margin:0!important;color:#f2f3ed!important;font-size:18px!important;line-height:1.25!important;text-transform:uppercase!important;letter-spacing:.035em!important}
.rules-card-body,.rules-section-copy{padding:17px 18px!important;color:#c9cec5!important;line-height:1.72!important;font-size:15px!important}
.rules-card-body p,.rules-section-copy p{margin:0 0 12px!important}.rules-card-body p:last-child,.rules-section-copy p:last-child{margin-bottom:0!important}
.rules-card-body p:first-child{color:#e2e5df!important}
.rules-card-body ul,.rules-section-copy ul{margin:8px 0 13px!important;padding-left:22px!important;columns:2!important;column-gap:32px!important}
.rules-card-body li,.rules-section-copy li{margin:5px 0!important;break-inside:avoid!important;color:#b9d4bc!important}
.rules-card-body li::marker,.rules-section-copy li::marker{color:var(--rule-accent)!important}
.rules-section-copy{margin:0 0 13px!important;border:1px solid #3b4238!important;border-left:4px solid var(--rule-accent)!important;background:rgba(255,255,255,.025)!important}
.rules-final-banner{margin:24px 0 8px!important;padding:31px 22px!important;border:1px solid #58322e!important;background:radial-gradient(circle at center,rgba(112,26,21,.20),rgba(8,10,8,.97) 68%)!important}
.rules-final-banner h2{font-family:Impact,"Arial Narrow","Trebuchet MS",sans-serif!important;font-size:34px!important;letter-spacing:.04em!important}
.rules-final-banner p{font-size:15px!important;color:#aeb5aa!important}

@media(max-width:1050px){
    .rules2-hero{grid-template-columns:1fr}.rules2-hero-art{height:310px;min-height:310px;max-height:310px}.rules2-hero-art::before{background:linear-gradient(0deg,rgba(12,14,11,.94),transparent 62%)}
    .rules2-hero-copy{padding:30px}.rules2-hero h1{font-size:46px}.rules2-quick{align-items:flex-start;flex-direction:column}.rules2-quick-links{justify-content:flex-start}
    .rules2-route-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
    .rules2-hero-copy{padding:22px}.rules2-hero h1{font-size:39px}.rules2-lead{font-size:16px}.rules2-callout{flex-direction:column}
    .rules2-route-grid,.rules-card-grid{grid-template-columns:1fr!important}.rules-chapter{padding:18px!important}.rules-chapter-heading h2{font-size:27px!important}
    .rules-card-body,.rules-section-copy{font-size:14px!important}.rules-card-body ul,.rules-section-copy ul{columns:1!important}
}


/* ============================================================
   TLD PAGE BACKGROUND RESTORE • 2026-07-27
   Server Rules + Medical Guide only.
   ============================================================ */

/* SERVER RULES — full-screen background using supplied artwork. */
body.server-rules-background{
    background-color:#050605!important;
    background-image:
        linear-gradient(rgba(3,4,3,.34),rgba(3,4,3,.50)),
        url("server-rules-page-background.png")!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-attachment:fixed!important;
    min-height:100vh!important;
}

/* Keep the structural page layers transparent so they cannot hide the image. */
body.server-rules-background .tld-page,
body.server-rules-background main.shell,
body.server-rules-background .shell{
    background-color:transparent!important;
    background-image:none!important;
}
body.server-rules-background .fog{
    opacity:.025!important;
}

/* Keep the existing rule design readable while allowing the background to show through. */
body.server-rules-background .rules2-hero,
body.server-rules-background .rules2-quick,
body.server-rules-background .rules2-route-grid article,
body.server-rules-background .rules-chapter,
body.server-rules-background .rules-card{
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
}

/* MEDICAL GUIDE — restore the image layer that the gradient-only body override removed. */
body.medical-guide-background{
    background-color:#070807!important;
    background-image:
        linear-gradient(rgba(5,7,5,.62),rgba(5,7,5,.76)),
        url("medical-guide/TerjeMedicine.jpg")!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-attachment:fixed!important;
    min-height:100vh!important;
}
body.medical-guide-background .tld-page,
body.medical-guide-background main.shell,
body.medical-guide-background .shell{
    background-color:transparent!important;
    background-image:none!important;
}
body.medical-guide-background .fog{
    opacity:.025!important;
}

/* Avoid fixed-background scrolling issues on phones/tablets. */
@media(max-width:900px){
    body.server-rules-background,
    body.medical-guide-background{
        background-attachment:scroll!important;
        background-position:center top!important;
    }
}


/* Item Look Up v4 — complete profile metadata */
.item-detail-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.item-detail-stats .item-stat-classname{grid-column:span 2}
.item-detail-stats .item-stat-classname code{color:#e1b65c;font-size:13px;word-break:break-all}
.item-result-size{color:#9fa69c!important}
@media(max-width:1100px){
    .item-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
    .item-detail-stats .item-stat-classname{grid-column:span 2}
}
@media(max-width:700px){
    .item-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .item-detail-stats .item-stat-classname{grid-column:1/-1}
}
@media(max-width:540px){
    .item-detail-stats{grid-template-columns:1fr}
    .item-detail-stats .item-stat-classname{grid-column:auto}
}


/* Item Look Up v5 — metadata recovery/status */
.item-metadata-status{margin:14px 0 20px;padding:13px 15px;border:1px solid #665532;background:rgba(82,64,29,.16);color:#c8c9c2}
.item-metadata-status>strong{display:block;color:#e1b75d;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}
.item-metadata-status ul{margin:0;padding-left:20px;display:grid;gap:4px}
.item-metadata-status li{font-size:13px;line-height:1.45}
/* MasterAdmin Maintenance Alert */
.maint-hero{border-left:4px solid #c6362f}.maint-hero h1{margin:.25rem 0}.maint-form{display:grid;gap:14px}.maint-pings{display:grid;grid-template-columns:auto auto minmax(180px,1fr) minmax(180px,1fr);gap:12px;align-items:end}.maint-pings>label{display:flex;gap:8px;align-items:center}.maint-editor{border:1px solid rgba(255,255,255,.14);border-radius:8px;overflow:hidden;background:#121416}.maint-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:9px;background:#202328;border-bottom:1px solid rgba(255,255,255,.12)}.maint-toolbar button{background:#30343a;color:#fff;border:1px solid #484d55;border-radius:5px;padding:6px 9px;cursor:pointer}.maint-editor-surface{min-height:210px;padding:18px;outline:none;color:#eee}.maint-discord-preview{background:#313338;border-radius:8px;padding:16px;color:#dbdee1;min-height:80px;white-space:normal}.maint-preview-content{line-height:1.45}.maint-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.maint-card{background:rgba(12,14,16,.94);border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden}.maint-card-head{display:flex;justify-content:space-between;padding:14px;background:#202328}.maint-card>img{width:100%;height:auto;display:block}.maint-card-message{padding:15px;max-height:230px;overflow:auto}.maint-card-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.1)}.maint-card details{flex:1}.maint-card details[open]{flex-basis:100%}.maint-card summary{list-style:none;cursor:pointer;text-align:center}.maint-form.compact{margin-top:12px;padding:12px;background:#181a1e}.maint-form.compact .maint-editor-surface{min-height:150px}@media(max-width:800px){.maint-pings{grid-template-columns:1fr 1fr}.maint-grid{grid-template-columns:1fr}}

/* ============================================================
   TLD MAINT. ALERT — DISCORD MARKDOWN EDITOR FIX
   Keeps ordinary message text at a normal Discord-like size and
   prevents inherited page heading styles from enlarging all lines.
   ============================================================ */
.maint-editor-surface.maint-markdown-input{
    display:block;
    width:100%;
    min-height:280px;
    box-sizing:border-box;
    resize:vertical;
    border:0;
    border-radius:0;
    margin:0;
    padding:16px 18px;
    background:#111315;
    color:#dbdee1;
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px!important;
    font-weight:400!important;
    line-height:1.5!important;
    letter-spacing:normal!important;
    text-transform:none!important;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    outline:none;
}
.maint-editor-surface.maint-markdown-input:focus{
    box-shadow:inset 0 0 0 1px #5865f2;
}
.maint-form.compact .maint-editor-surface.maint-markdown-input{min-height:220px}
.maint-toolbar{align-items:center}
.maint-toolbar button{font-size:12px;line-height:1.1;min-height:30px;white-space:nowrap}
.maint-toolbar button:hover,.maint-toolbar button:focus{background:#3d4249;border-color:#69717c}
.maint-discord-preview{
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.375!important;
    overflow-wrap:anywhere;
}
.maint-discord-preview .discord-line{
    display:block;
    min-height:1.375em;
    margin:0;
    padding:0;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.375!important;
    letter-spacing:normal!important;
    text-transform:none!important;
}
.maint-discord-preview .discord-h1{font-size:24px!important;font-weight:700!important;line-height:1.25!important;margin:8px 0 4px}
.maint-discord-preview .discord-h2{font-size:20px!important;font-weight:700!important;line-height:1.25!important;margin:8px 0 4px}
.maint-discord-preview .discord-h3{font-size:16px!important;font-weight:700!important;line-height:1.25!important;margin:8px 0 4px}
.maint-discord-preview .discord-subtext{font-size:12px!important;color:#949ba4}
.maint-discord-preview .discord-quote{border-left:4px solid #4e5058;padding-left:10px}
.maint-discord-preview .discord-list{padding-left:18px}
.maint-discord-preview strong{font-weight:700!important}
.maint-discord-preview em{font-style:italic}
.maint-discord-preview code{background:#1e1f22;border-radius:3px;padding:2px 4px;font-family:Consolas,monospace;font-size:.875em}
.maint-discord-preview pre{background:#1e1f22;border:1px solid #111214;border-radius:4px;padding:10px;margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.maint-discord-preview pre code{padding:0;background:transparent}
.maint-discord-preview a{color:#00a8fc;text-decoration:none}
.maint-discord-preview .discord-mention,.maint-discord-preview .discord-timestamp{background:rgba(88,101,242,.3);color:#c9cdfb;border-radius:3px;padding:0 2px}
.maint-discord-preview .discord-spoiler{background:#1e1f22;color:transparent;border-radius:3px;padding:0 2px;cursor:pointer}
.maint-discord-preview .discord-spoiler:hover{color:#dbdee1}
.maint-card-message{font-size:14px!important;line-height:1.5!important}

/* TLD authenticator-app two-factor security */
.tld-2fa-panel{margin-top:1rem}.tld-2fa-head{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.tld-2fa-head img{width:82px;height:82px;border-radius:50%;object-fit:cover;border:2px solid #d6a83f}.tld-2fa-head>div{flex:1;min-width:240px}.tld-2fa-setup-grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:1.5rem;align-items:start;margin-top:1rem}.tld-qr-card{background:#fff;border-radius:16px;padding:24px;position:relative;display:flex;align-items:center;justify-content:center;min-height:300px}.tld-qr-card #tld-two-factor-qr img,.tld-qr-card #tld-two-factor-qr canvas{display:block}.tld-qr-brand{display:block;width:64px;height:64px;border-radius:50%;object-fit:cover;margin:0 auto 14px;border:2px solid #d6a83f}.tld-secret-key{display:block;padding:12px;word-break:break-all;font-size:1.05rem;margin-bottom:1rem}.tld-backup-box{border:1px solid rgba(214,168,63,.55);background:rgba(214,168,63,.08);border-radius:14px;padding:1rem;margin:1rem 0}.tld-backup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.65rem;margin:1rem 0}.tld-backup-grid code{padding:.65rem;text-align:center;background:#090d12;border:1px solid rgba(255,255,255,.12);border-radius:8px}.tld-2fa-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.tld-2fa-actions-grid .panel{margin:0}.btn.danger{background:#6f2323;border-color:#a94343;color:#fff}@media(max-width:900px){.tld-2fa-setup-grid,.tld-2fa-actions-grid{grid-template-columns:1fr}.tld-qr-card{max-width:360px;width:100%;margin:auto}}

/* Authenticator QR scan reliability fix */
.tld-qr-card{padding:28px;background:#fff;overflow:auto}
.tld-qr-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:24px;min-width:368px}
.tld-qr-card #tld-two-factor-qr{display:block;background:#fff;padding:20px;line-height:0}
.tld-qr-card #tld-two-factor-qr canvas,.tld-qr-card #tld-two-factor-qr img,.tld-qr-card #tld-two-factor-qr table{display:block!important;width:384px!important;height:384px!important;max-width:none!important;image-rendering:pixelated;image-rendering:crisp-edges}
.tld-qr-caption{color:#111;margin:14px 0 0;text-align:center;font-size:.9rem;line-height:1.35}
.tld-qr-error{color:#8a1f1f;background:#fff3f3;border:1px solid #c66;padding:1rem;line-height:1.4}
.tld-uri-details{margin:0 0 1rem}.tld-uri-details code{display:block;margin-top:.5rem;padding:.75rem;word-break:break-all;white-space:normal}
@media(max-width:520px){.tld-qr-card{padding:12px}.tld-qr-inner{min-width:0;padding:12px}.tld-qr-card #tld-two-factor-qr{padding:16px}.tld-qr-card #tld-two-factor-qr canvas,.tld-qr-card #tld-two-factor-qr img,.tld-qr-card #tld-two-factor-qr table{width:320px!important;height:320px!important}}

/* Authenticator QR: exact integer module SVG, no browser resampling */
.tld-qr-card #tld-two-factor-qr .tld-authenticator-qr-svg{display:block;width:min(420px,100%)!important;height:auto!important;max-width:420px!important;background:#fff;image-rendering:pixelated}

/* TLD CE Server STS */
.sts-hero{border-color:rgba(86,208,255,.32)}.sts-status-row,.sts-actions,.sts-checks{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sts-pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.78rem;font-weight:800;letter-spacing:.05em}.sts-pill.ok,.state-normal{background:rgba(40,190,110,.18);color:#8ff0b8}.sts-pill.bad,.state-critical{background:rgba(220,60,60,.2);color:#ff9b9b}.state-warning,.state-recovering{background:rgba(255,181,52,.18);color:#ffd27a}.state-manual{background:rgba(134,105,255,.2);color:#c6b8ff}.sts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;margin:16px 0}.sts-card{min-height:115px;display:flex;flex-direction:column;justify-content:center}.sts-card span{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.sts-card strong{margin-top:10px;font-size:1.45rem;overflow-wrap:anywhere}.sts-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:16px 0}.sts-form-grid label span{display:block;margin-bottom:6px}.sts-check,.sts-checks label{display:flex;gap:8px;align-items:center}.sts-checks{margin:14px 0}.sts-table-wrap{overflow:auto}.sts-table{width:100%;border-collapse:collapse}.sts-table th,.sts-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.09);text-align:left;vertical-align:top}.sts-table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
\n/* MOD CE Control */
.modce-hero{border-color:rgba(102,255,190,.35)}.modce-table input{min-width:120px}.modce-table .mini,.mini{width:82px;min-width:70px}.button-row{display:flex;gap:.6rem;flex-wrap:wrap}.inline{display:inline}.button.small{padding:.42rem .65rem;font-size:.82rem}.button.danger{background:#7f1d1d}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;align-items:end}.form-grid label{display:grid;gap:.35rem}.form-grid input,.form-grid select{width:100%}\n
/* TLD Support Command Center — grouped queues and developer escalation */
.support-command-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(8,13,10,.98),rgba(19,23,16,.98));box-shadow:inset 0 0 60px rgba(197,154,76,.05)}
.support-command-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(211,164,79,.07),transparent);transform:translateX(-100%);animation:supportCommandScan 8s linear infinite;pointer-events:none}
@keyframes supportCommandScan{to{transform:translateX(100%)}}
.support-command-stats{grid-template-columns:repeat(5,1fr)}
.support-command-stats article{position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease}
.support-command-stats article:hover{transform:translateY(-3px);border-color:#8d713d}
.support-command-stats article.danger{border-color:#713831;background:linear-gradient(145deg,rgba(42,13,13,.92),rgba(16,10,10,.96))}
.support-command-stats article.danger span,.support-command-stats article.danger strong{color:#ff756c}
.support-filter-panel{position:sticky;top:10px;z-index:20;backdrop-filter:blur(12px);background:rgba(9,13,10,.9)}
.support-queue-stack{max-width:1240px;margin:14px auto 60px;display:grid;gap:12px}
.support-ticket-group{border:1px solid #374038;background:rgba(8,12,9,.97);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.support-ticket-group[open]{border-color:#5f654d;box-shadow:0 12px 32px rgba(0,0,0,.25)}
.support-ticket-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;background:linear-gradient(90deg,#0b100c,#12150f);user-select:none}
.support-ticket-group>summary::-webkit-details-marker{display:none}
.support-ticket-group>summary:after{content:"+";font-size:24px;color:#cda252;margin-left:8px;transition:transform .2s ease}
.support-ticket-group[open]>summary:after{content:"−";transform:rotate(180deg)}
.support-group-heading{display:flex;align-items:center;gap:13px;min-width:0}
.support-group-icon{width:42px;height:42px;border:1px solid #4a5145;background:#10150f;display:grid;place-items:center;font-size:20px}
.support-group-heading small{display:block;color:#9b8355;font-size:9px;letter-spacing:1.5px;font-weight:900}
.support-group-heading strong{display:block;color:#f0eee8;font-size:17px;margin-top:3px}
.support-group-count{min-width:42px;height:32px;padding:0 11px;border:1px solid #655536;background:#19170f;color:#e6b75e;display:grid;place-items:center;font-weight:1000}
.support-group-body{padding:12px;background:linear-gradient(180deg,rgba(17,20,15,.9),rgba(8,11,9,.98))}
.support-ticket-group.developer-escalations{border-color:#793d38}
.support-ticket-group.developer-escalations>summary{background:linear-gradient(90deg,#24100f,#120b0b)}
.support-ticket-group.developer-escalations .support-group-icon,.support-ticket-group.developer-escalations .support-group-count{border-color:#7f403a;background:#2a1110;color:#ff756c}
.support-ticket-group.new-tickets{border-color:#5d704b}
.support-ticket-group.staff-pending>summary{background:linear-gradient(90deg,#13130c,#17150d)}
.support-admin-ticket{position:relative;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.support-admin-ticket:hover{transform:translateX(3px);border-color:#76613a;background:#11160f}
.support-admin-ticket.is-escalated{border-left:4px solid #d84f45;background:linear-gradient(90deg,rgba(45,14,13,.76),#0d100d 38%)}
.support-escalated-by{color:#ff675e!important;font-weight:1000!important;letter-spacing:.7px;text-transform:uppercase;margin-top:6px!important}
.support-escalation-banner{max-width:1240px;margin:14px auto;padding:22px;border:1px solid #8b4039;border-left:5px solid #e4564c;background:linear-gradient(110deg,rgba(50,15,14,.96),rgba(15,10,10,.98));display:flex;gap:18px;align-items:flex-start;box-shadow:0 0 28px rgba(220,66,56,.12)}
.support-escalation-banner .support-escalation-flag{font-size:34px;animation:supportFlagPulse 1.8s ease-in-out infinite}
@keyframes supportFlagPulse{50%{transform:scale(1.12);filter:drop-shadow(0 0 8px rgba(255,91,79,.7))}}
.support-escalation-banner span{color:#ff756c;font-size:10px;letter-spacing:1.8px;font-weight:1000}
.support-escalation-banner h2{margin:5px 0;color:#fff0ee}
.support-escalation-banner p{margin:0;color:#cba9a5}
.support-escalation-banner blockquote{margin:14px 0 0;padding:12px 14px;border-left:3px solid #b64a42;background:rgba(0,0,0,.22);color:#ead7d5}
.support-escalation-control{border-color:#6d3a35!important;background:linear-gradient(125deg,rgba(32,13,12,.97),rgba(10,13,10,.98))!important}
.support-escalation-control .support-panel-head span{color:#ef6d63}
.support-escalate-button{background:#8d2e28!important;border-color:#ca5147!important;color:#fff!important;font-weight:1000}
.support-escalate-button:hover{background:#b13d35!important}
.support-escalation-complete{padding:16px;border:1px solid #754039;background:#2a1110;color:#ff8178;font-weight:900}
.support-escalation-control.masteradmin-review{border-color:#74633e!important;background:linear-gradient(125deg,rgba(31,26,12,.97),rgba(10,13,10,.98))!important}
.support-empty.compact{padding:18px}
@media(max-width:1050px){.support-command-stats{grid-template-columns:repeat(2,1fr)}.support-filter-panel{position:static}}
@media(max-width:700px){.support-command-stats{grid-template-columns:1fr}.support-ticket-group>summary{padding:14px}.support-group-heading strong{font-size:15px}.support-group-count{min-width:34px}.support-escalation-banner{margin:12px;flex-direction:column}}

/* TLD Support Zone visibility + motion hardening (2026-08-04) */
.support-queue-stack{display:grid;gap:14px;max-width:1400px;margin:0 auto 30px}
.support-ticket-group{border-radius:8px;isolation:isolate;box-shadow:0 8px 28px rgba(0,0,0,.28)}
.support-ticket-group>summary{position:relative;min-height:84px;border:1px solid rgba(201,160,79,.22);border-radius:7px;background:linear-gradient(105deg,rgba(7,12,9,.98),rgba(16,22,16,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.support-ticket-group>summary:hover{transform:translateY(-2px);border-color:rgba(221,177,86,.62);box-shadow:0 10px 26px rgba(0,0,0,.34),inset 0 0 24px rgba(202,158,73,.035)}
.support-ticket-group[open]>summary{border-radius:7px 7px 0 0;border-color:rgba(207,166,85,.5)}
.support-group-heading>div{display:grid;gap:3px;min-width:0}
.support-group-heading small,.support-group-heading strong,.support-group-preview{display:block;text-shadow:0 2px 4px #000}
.support-group-heading strong{color:#f4f0e6;line-height:1.25}
.support-group-preview{margin-top:3px;padding:5px 9px;width:max-content;max-width:100%;border:1px solid rgba(116,128,109,.38);border-radius:4px;background:rgba(4,8,5,.92);color:#aeb8ab;font-size:11px;line-height:1.2}
.support-group-body{padding:12px;background:rgba(5,9,6,.96);border-top:1px solid rgba(111,123,105,.22)}
.support-admin-ticket{border-radius:6px;overflow:hidden;box-shadow:0 5px 16px rgba(0,0,0,.2)}
.support-admin-ticket:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 0,rgba(222,180,89,.045) 47%,transparent 63%);transform:translateX(-115%);transition:transform .65s ease}
.support-admin-ticket:hover:before{transform:translateX(115%)}
.support-admin-ticket:hover{transform:translateY(-2px) translateX(4px);box-shadow:0 10px 28px rgba(0,0,0,.34)}
.support-admin-ticket.is-escalated{animation:tldEscalationGlow 2.4s ease-in-out infinite}
.support-ticket-group.developer-escalations>summary{animation:tldDeveloperQueueGlow 2.8s ease-in-out infinite}
.support-escalate-button{position:relative;overflow:hidden;animation:tldEscalateButtonPulse 2.2s ease-in-out infinite}
.support-escalate-button:after{content:"";position:absolute;top:-60%;left:-35%;width:22%;height:220%;transform:rotate(24deg);background:rgba(255,255,255,.18);transition:left .5s ease}
.support-escalate-button:hover:after{left:120%}
@keyframes tldEscalationGlow{0%,100%{box-shadow:0 0 0 rgba(222,76,64,0),0 6px 20px rgba(0,0,0,.28)}50%{box-shadow:0 0 22px rgba(222,76,64,.3),0 8px 26px rgba(0,0,0,.38)}}
@keyframes tldDeveloperQueueGlow{0%,100%{box-shadow:inset 0 0 0 rgba(225,75,65,0),0 0 0 rgba(225,75,65,0)}50%{box-shadow:inset 0 0 28px rgba(225,75,65,.08),0 0 20px rgba(225,75,65,.18)}}
@keyframes tldEscalateButtonPulse{0%,100%{box-shadow:0 0 0 rgba(225,75,65,0)}50%{box-shadow:0 0 18px rgba(225,75,65,.32)}}
@media (prefers-reduced-motion:reduce){.support-ticket-group>summary,.support-admin-ticket,.support-admin-ticket:before,.support-escalate-button:after{transition:none!important}.support-admin-ticket.is-escalated,.support-ticket-group.developer-escalations>summary,.support-escalate-button{animation:none!important}}
@media(max-width:700px){.support-ticket-group>summary{min-height:74px}.support-group-preview{white-space:normal}.support-group-body{padding:8px}.support-admin-ticket:hover{transform:none}}


/* TLD Support Queue Critical Box Fix v2 - 2026-08-04 */
body.support-zone-background details.support-ticket-group{display:block!important;border:1px solid #4a513f!important;border-radius:8px!important;background:#080d09!important;overflow:hidden!important;box-shadow:0 10px 30px rgba(0,0,0,.48)!important}
body.support-zone-background details.support-ticket-group>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:82px!important;padding:16px 18px!important;border:1px solid #705a31!important;border-radius:7px!important;background:linear-gradient(105deg,#090e0a,#111811 55%,#080c09)!important;color:#fff!important;opacity:1!important}
body.support-zone-background .support-group-preview{display:inline-block!important;margin-top:7px!important;padding:6px 10px!important;border:1px solid #495448!important;border-radius:4px!important;background:#030704!important;color:#c2cbc0!important}
body.support-zone-background details.support-ticket-group:not([open])>.support-group-body{display:none!important}

/* ALPHA categories + admin category management */
.community-category-grid{align-items:stretch}
.community-category-card{height:100%}
.community-category-title{min-height:auto;padding-bottom:6px}
.community-category-body{display:flex;flex-direction:column;gap:10px;height:100%}
.community-category-description{margin:0;color:#c8c6bd;font-size:12px;line-height:1.5;min-height:54px}
.community-category-body .btn{margin-top:auto}
.community-category-header{margin:16px 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.community-category-header h2{margin:8px 0 6px}
.community-category-header p{max-width:900px;margin:0;line-height:1.55}
.item-category-admin-list{display:grid;gap:16px}
.item-category-admin-card{border:1px solid var(--line);background:#0e100d;padding:16px;display:grid;gap:14px}
.item-category-admin-preview{display:flex;align-items:center;gap:14px}
.item-category-admin-preview img,.item-category-admin-preview>span{width:120px;height:76px;object-fit:cover;border:1px solid var(--line);background:#090a08;display:flex;align-items:center;justify-content:center;font-weight:900}
.item-category-admin-preview strong,.item-category-admin-preview small{display:block}
.item-category-admin-preview small{margin-top:5px;color:var(--muted)}
.item-category-admin-form{display:grid;gap:10px}
.product-category-assign-form{min-width:190px;margin:0}
.product-category-assign-form select{min-width:190px}
@media(max-width:800px){.admin-product-row{align-items:flex-start;flex-wrap:wrap}.product-category-assign-form,.product-category-assign-form select{width:100%;min-width:0}.item-category-admin-preview{align-items:flex-start}.item-category-admin-preview img,.item-category-admin-preview>span{width:96px;height:64px}}

/* Item vehicle color / classname variants */
.vehicle-variant-customer-box {
    margin: 18px 0;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    background: rgba(0,0,0,.28);
}
.vehicle-variant-customer-box label { display:block; margin-bottom:8px; font-weight:800; }
.vehicle-variant-customer-box select { width:100%; }
.vehicle-variant-customer-preview {
    display:flex;
    flex-wrap:wrap;
    gap:8px 14px;
    align-items:center;
    margin-top:10px;
    padding:10px 12px;
    border-left:3px solid #b72d2d;
    background:rgba(255,255,255,.045);
}
.vehicle-variant-customer-preview code { overflow-wrap:anywhere; }
.vehicle-variant-customer-preview span { color:var(--muted,#b9b9b9); font-size:.9rem; }

.admin-product-inline-links { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:8px; }
.item-product-edit-header { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.vehicle-variant-admin-heading { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; margin-bottom:18px; }
.vehicle-variant-admin-heading > div { max-width:980px; }
.vehicle-variant-admin-list { display:grid; gap:14px; }
.vehicle-variant-editor {
    border:1px solid rgba(255,255,255,.14);
    border-radius:12px;
    overflow:hidden;
    background:rgba(0,0,0,.22);
}
.vehicle-variant-editor > summary {
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:center;
    cursor:pointer;
    padding:14px 16px;
    background:rgba(255,255,255,.035);
}
.vehicle-variant-editor > summary::marker { color:#c83a3a; }
.vehicle-variant-editor > summary > div:first-child { display:grid; gap:4px; min-width:0; }
.vehicle-variant-editor > summary code { overflow-wrap:anywhere; font-size:.82rem; }
.vehicle-variant-summary-counts { display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:flex-end; }
.vehicle-variant-summary-counts > span:not(.status-pill) { padding:4px 8px; border-radius:999px; background:rgba(255,255,255,.07); font-size:.82rem; white-space:nowrap; }
.vehicle-variant-editor-body { padding:16px; }
.vehicle-variant-toolbar {
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:flex-end;
    margin:14px 0 10px;
    padding:12px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:10px;
    background:rgba(0,0,0,.2);
}
.vehicle-variant-toolbar > .muted { max-width:920px; }
.vehicle-variant-table-wrap { overflow-x:auto; border:1px solid rgba(255,255,255,.1); border-radius:10px; }
.vehicle-variant-table { width:100%; border-collapse:collapse; min-width:940px; }
.vehicle-variant-table th,
.vehicle-variant-table td { padding:9px; text-align:left; vertical-align:top; border-bottom:1px solid rgba(255,255,255,.075); }
.vehicle-variant-table tr:last-child td { border-bottom:0; }
.vehicle-variant-table th { font-size:.78rem; text-transform:uppercase; letter-spacing:.04em; color:var(--muted,#b9b9b9); background:rgba(255,255,255,.035); }
.vehicle-variant-table input { width:100%; min-width:130px; }
.vehicle-variant-table .variant-qty { min-width:78px; max-width:100px; }
.vehicle-class-editor { min-width:320px; }
.vehicle-class-editor small { display:block; margin-top:5px; color:var(--muted,#aaa); overflow-wrap:anywhere; }
.vehicle-item-kind { display:inline-block; padding:4px 7px; border-radius:6px; font-size:.75rem; font-weight:800; background:rgba(255,255,255,.07); white-space:nowrap; }
.vehicle-item-kind.kind-vehicle { background:rgba(183,45,45,.26); }
.vehicle-item-kind.kind-attachment { background:rgba(194,143,43,.2); }
.vehicle-item-kind.kind-inventory_slot { background:rgba(65,128,93,.2); }
.vehicle-variant-reset { display:flex; gap:12px; align-items:center; margin-top:14px; padding-top:14px; border-top:1px solid rgba(255,255,255,.08); }
.vehicle-variant-savebar {
    position:sticky;
    bottom:10px;
    z-index:8;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    margin-top:18px;
    padding:12px 14px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:10px;
    background:rgba(15,15,15,.96);
    box-shadow:0 8px 30px rgba(0,0,0,.35);
}
.my-item-vehicle-variant { display:flex; flex-wrap:wrap; gap:6px 9px; align-items:center; margin:8px 0; padding:8px 10px; background:rgba(255,255,255,.045); border-left:3px solid #b72d2d; font-size:.9rem; }

@media (max-width: 860px) {
    .item-product-edit-header,
    .vehicle-variant-admin-heading,
    .vehicle-variant-toolbar,
    .vehicle-variant-savebar { flex-direction:column; align-items:stretch; }
    .vehicle-variant-editor > summary { align-items:flex-start; }
    .vehicle-variant-summary-counts { justify-content:flex-start; }
}

/* ============================================================
   Item vehicle configurator hardening — 2026-08-15
   Keep dialogs out from under the fixed desktop sidebar and expose the
   pre-save vehicle color editor clearly.
   ============================================================ */
@media(min-width:951px){
    .vehicle-config-modal{
        left:var(--sidebar-width)!important;
        right:0!important;
        top:0!important;
        bottom:0!important;
        width:auto!important;
    }
}
.vehicle-config-modal{z-index:9000!important}
.vehicle-config-dialog{width:min(1180px,calc(100% - 24px))!important}
.vehicle-color-section{border-color:rgba(205,158,86,.38);background:linear-gradient(180deg,rgba(31,27,18,.62),rgba(8,10,8,.62))}
.vehicle-variant-create-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px}
.vehicle-variant-create-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid rgba(196,155,92,.18);border-radius:9px;background:rgba(7,9,7,.72)}
.vehicle-variant-create-card.is-selected{border-color:rgba(231,186,105,.85);box-shadow:0 0 0 1px rgba(231,186,105,.18),inset 0 0 22px rgba(165,111,42,.11)}
.vehicle-variant-create-card>button{display:grid;gap:4px;min-width:0;padding:7px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.vehicle-variant-create-card>button strong{color:#f1eadc;overflow-wrap:anywhere}.vehicle-variant-create-card>button code{color:#d5ad69;overflow-wrap:anywhere;font-size:10px}.vehicle-variant-create-card>button span{color:var(--muted);font-size:10px}
.vehicle-variant-create-card>label{display:flex;align-items:center;gap:6px;color:#bdbdb3;font-size:10px;white-space:nowrap;margin:0}
.vehicle-variant-create-actions{display:flex;align-items:center;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(196,155,92,.16)}
.vehicle-slot-label strong{display:block;margin-bottom:5px;color:#f0d39b;font-size:13px}.vehicle-slot-label .vehicle-slot-name-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:650}.vehicle-slot-picker small code{color:#d6b16f}
@media(max-width:950px){.vehicle-config-modal{left:0!important}.vehicle-variant-create-actions{align-items:stretch;flex-direction:column}.vehicle-variant-create-actions .btn{width:100%}}
.variant-slot-role{display:grid;gap:4px}.variant-slot-role strong{color:#efd19a;font-size:12px}.variant-slot-role input{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.variant-slot-role small{color:var(--muted);font-size:9px}
.vehicle-builder-color-list{margin-top:10px;padding:10px;border:1px solid rgba(196,155,92,.2);border-radius:9px;background:rgba(5,7,5,.58)}
.vehicle-builder-color-list>strong{display:block;margin-bottom:7px;color:#e9d1a0;font-size:11px;letter-spacing:.05em;text-transform:uppercase}
.vehicle-builder-color-list>div{display:flex;flex-wrap:wrap;gap:7px}
.vehicle-builder-color-list>small{display:block;margin-top:7px;color:var(--muted);font-size:10px}
.vehicle-builder-color-chip{display:grid;gap:2px;min-width:145px;max-width:240px;padding:7px 9px;border:1px solid rgba(196,155,92,.2);border-radius:7px;background:rgba(12,15,11,.82);color:#e8e4d9;text-align:left;cursor:pointer}
.vehicle-builder-color-chip:hover{border-color:rgba(231,186,105,.72);background:rgba(42,34,22,.82)}
.vehicle-builder-color-chip.is-main{border-color:rgba(205,158,86,.55)}
.vehicle-builder-color-chip span{font-size:11px;font-weight:800;overflow-wrap:anywhere}.vehicle-builder-color-chip code{font-size:9px;color:#cda86d;overflow-wrap:anywhere}

/* ==============================================================
   TLD Zombie Director — isolated Master Admin UI additions
   ============================================================== */
.zombie-director-page .zd-hero{overflow:hidden;position:relative}
.zombie-director-page .zd-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.zombie-director-page .zd-head h1{margin:.15rem 0 .5rem;font-size:clamp(1.8rem,3vw,3rem)}
.zombie-director-page .zd-head p{max-width:900px}
.zombie-director-page .zd-badges,.zombie-director-page .zd-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.zombie-director-page .zd-badges span{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 10px;font-size:.82rem;white-space:nowrap}
.zombie-director-page .zd-runtime{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:10px;margin-top:18px}
.zombie-director-page .zd-runtime>div{border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:10px 12px;background:rgba(0,0,0,.18)}
.zombie-director-page .zd-runtime b{display:block;font-size:1.25rem}.zombie-director-page .zd-runtime small{opacity:.7}
.zombie-director-page .zd-danger{display:flex;justify-content:space-between;align-items:center;gap:18px;border-color:rgba(224,76,76,.4)}
.zombie-director-page .zd-details{padding:0;overflow:hidden}.zombie-director-page .zd-details>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;list-style:none}.zombie-director-page .zd-details>summary::-webkit-details-marker{display:none}.zombie-director-page .zd-details>summary h2{margin:0}.zombie-director-page .zd-details>summary span{opacity:.62;font-size:.86rem;text-align:right}
.zombie-director-page .zd-details[open]>summary{border-bottom:1px solid rgba(255,255,255,.09)}.zombie-director-page .zd-details-body{padding:18px 20px}
.zombie-director-page .zd-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}.zombie-director-page .zd-grid.compact{grid-template-columns:repeat(4,minmax(125px,1fr));gap:8px}.zombie-director-page .zd-grid label{display:flex;flex-direction:column;gap:5px;font-size:.82rem}.zombie-director-page .zd-grid .wide{grid-column:1/-1}.zombie-director-page .zd-grid .check{flex-direction:row;align-items:center;align-self:center}.zombie-director-page .zd-grid textarea{min-height:110px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}
.zombie-director-page .zd-create{margin:8px 0 18px;padding:14px;border:1px dashed rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.025)}
.zombie-director-page .zd-card-grid,.zombie-director-page .zd-zone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zombie-director-page .zd-card{border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:12px;background:rgba(0,0,0,.12)}.zombie-director-page details.zd-card{padding:0}.zombie-director-page details.zd-card>summary{padding:12px;display:flex;justify-content:space-between;gap:10px;cursor:pointer}.zombie-director-page details.zd-card>form,.zombie-director-page details.zd-card>.zd-card-actions{margin:0 12px 12px}.zombie-director-page .zd-card small{opacity:.6}.zombie-director-page .zd-card-actions{padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}
.zombie-director-page .zd-map-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.zombie-director-page .zd-map-controls label{display:flex;gap:7px;align-items:center}.zombie-director-page .zd-map-wrap{position:relative;max-width:1100px;margin:0 auto}.zombie-director-page #zd-livonia-map{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#0b1411;cursor:crosshair}.zombie-director-page .zd-map-tip{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 10px;border-radius:8px;background:rgba(4,8,6,.8);backdrop-filter:blur(6px);font-size:.78rem;pointer-events:none}
.zombie-director-page .zd-live-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.zombie-director-page .zd-live-columns>div{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px}.zombie-director-page .zd-live-row{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.zombie-director-page .zd-filter{margin:10px 0}.zombie-director-page .zd-filter input{min-width:min(460px,100%)}.zombie-director-page .zd-scroll{max-height:560px;overflow:auto}.zombie-director-page .zd-template{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;margin-bottom:16px}.zombie-director-page .zd-template-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.zombie-director-page .zd-week{display:flex;gap:8px;flex-wrap:wrap}.zombie-director-page .zd-week label{display:inline-flex;flex-direction:row;align-items:center}.zombie-director-page .muted{opacity:.65}
@media(max-width:1100px){.zombie-director-page .zd-runtime{grid-template-columns:repeat(3,1fr)}.zombie-director-page .zd-grid,.zombie-director-page .zd-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.zombie-director-page .zd-card-grid,.zombie-director-page .zd-zone-grid{grid-template-columns:1fr}}
@media(max-width:700px){.zombie-director-page .zd-head,.zombie-director-page .zd-danger,.zombie-director-page .zd-template-head{flex-direction:column}.zombie-director-page .zd-runtime{grid-template-columns:repeat(2,1fr)}.zombie-director-page .zd-grid,.zombie-director-page .zd-grid.compact{grid-template-columns:1fr}.zombie-director-page .zd-grid .wide{grid-column:auto}.zombie-director-page .zd-live-columns{grid-template-columns:1fr}}

.zombie-director-page .zd-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.zombie-director-page .zd-row{display:flex;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.zombie-director-page .zd-row>input{min-width:0;flex:1}.zombie-director-page .zd-row>form{margin-left:auto}
.zombie-director-page .zd-subdetails{border:1px solid rgba(255,255,255,.08);border-radius:10px;margin:9px 0;overflow:hidden}.zombie-director-page .zd-subdetails>summary{cursor:pointer;padding:11px 12px}.zombie-director-page .zd-subdetails>form,.zombie-director-page .zd-subdetails>.zd-tweak-grid,.zombie-director-page .zd-subdetails>.table-wrap{margin:0 12px 12px}
.zombie-director-page .zd-tweak-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.zombie-director-page .zd-tweak-grid label{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:6px 10px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:8px}.zombie-director-page .zd-tweak-grid label small{grid-column:1/-1;opacity:.62}.zombie-director-page .zd-tweak-grid .disabled-option{opacity:.5}
.zombie-director-page .zd-pool-table{max-height:360px;overflow:auto}.zombie-director-page .zd-card h3,.zombie-director-page .zd-card h4{margin-top:0}
@media(max-width:700px){.zombie-director-page .zd-two,.zombie-director-page .zd-tweak-grid{grid-template-columns:1fr}.zombie-director-page .zd-tweak-grid label{grid-template-columns:1fr}.zombie-director-page .zd-tweak-grid label small{grid-column:auto}}

/* Zombie Director admin performance pass — 2026-08-21 */
.zombie-director-page .zd-details:not([open]){content-visibility:auto;contain-intrinsic-size:72px}
.zombie-director-page .zd-card,.zombie-director-page .zd-subdetails{content-visibility:auto;contain-intrinsic-size:180px}
.zombie-director-page #zd-livonia-map{contain:strict}
.zombie-director-page .zd-runtime b{font-variant-numeric:tabular-nums}

/* Zombie Director live-map navigation + legend */
.zombie-director-page .zd-map-legend{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:0 0 12px;padding:10px 12px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(0,0,0,.18);font-size:.8rem}
.zombie-director-page .zd-map-legend span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.zombie-director-page .zd-legend-dot{width:11px;height:11px;border-radius:50%;display:inline-block;border:1.5px solid #000;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.zombie-director-page .zd-legend-dot.vanilla{background:#89e6a5}.zombie-director-page .zd-legend-dot.donuts{background:#ff9bd4}.zombie-director-page .zd-legend-dot.candy{background:#c99cff}.zombie-director-page .zd-legend-dot.custom{background:#ffd06b}
.zombie-director-page .zd-legend-zone{width:17px;height:11px;display:inline-block;background:rgba(224,35,35,.38);border:2px solid #000;border-radius:2px}
.zombie-director-page .zd-legend-static{width:10px;height:10px;display:inline-block;background:#d9e1df;border:1.5px solid #000}
.zombie-director-page .zd-map-nav{display:inline-flex;gap:6px;align-items:center;margin-left:auto;padding:4px 6px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(0,0,0,.14)}
.zombie-director-page .zd-map-nav #zd-map-zoom-label{min-width:42px;text-align:center;font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700}
.zombie-director-page #zd-livonia-map{cursor:grab;touch-action:none;user-select:none}
.zombie-director-page #zd-livonia-map.is-dragging{cursor:grabbing}
@media(max-width:700px){.zombie-director-page .zd-map-nav{margin-left:0;width:100%;justify-content:center}.zombie-director-page .zd-map-legend{gap:8px 12px}}

/* ============================================================
   MASTER ADMIN CATEGORY — TLD / LIVONIA FULL-SCREEN BACKGROUND
   Applied centrally by app/layout.php to Master Admin pages only.
   ============================================================ */
body.master-admin-background{
    background:
        linear-gradient(rgba(5,7,6,.17),rgba(5,7,6,.25)),
        url("master-admin-background.png") center center / cover no-repeat fixed !important;
    min-height:100vh;
    background-color:#161a18;
}
body.master-admin-background .fog{
    opacity:.035;
}

/* Let the supplied artwork remain visible through the Master Admin sidebar. */
body.master-admin-background .tld-sidebar{
    background:
        linear-gradient(180deg,rgba(7,9,8,.34),rgba(6,8,7,.24)) !important;
    border-right-color:rgba(196,155,92,.34);
    box-shadow:14px 0 34px rgba(0,0,0,.24);
    -webkit-backdrop-filter:blur(6px) saturate(.92);
    backdrop-filter:blur(6px) saturate(.92);
}
body.master-admin-background .sidebar-brand{
    background:linear-gradient(135deg,rgba(12,14,12,.38),rgba(156,111,50,.09) 55%,rgba(8,10,8,.18));
    border-bottom-color:rgba(196,155,92,.22);
}
body.master-admin-background .sidebar-nav{
    background:transparent;
}
body.master-admin-background .sidebar-nav a{
    background:rgba(9,12,10,.34);
    border-color:rgba(255,255,255,.035);
    text-shadow:0 2px 6px rgba(0,0,0,.95);
}
body.master-admin-background .sidebar-nav a:hover{
    background:linear-gradient(90deg,rgba(156,111,50,.33),rgba(12,15,12,.47));
}
body.master-admin-background .sidebar-nav a.active{
    background:linear-gradient(90deg,rgba(156,111,50,.46),rgba(12,15,12,.52));
}
body.master-admin-background .sidebar-footer{
    background:rgba(5,7,5,.26);
    border-top-color:rgba(196,155,92,.2);
}
body.master-admin-background .sidebar-section-label{
    color:#b2a88f;
    text-shadow:0 2px 5px rgba(0,0,0,.95);
}

/* Keep admin content readable without hiding the page background. */
body.master-admin-background .panel{
    background:linear-gradient(180deg,rgba(25,29,24,.88),rgba(14,17,14,.91));
    border-color:rgba(113,119,104,.58);
    box-shadow:0 18px 48px rgba(0,0,0,.34);
    -webkit-backdrop-filter:blur(3px);
    backdrop-filter:blur(3px);
}
body.master-admin-background .stat,
body.master-admin-background .item-list,
body.master-admin-background .basket,
body.master-admin-background .admin-product-row,
body.master-admin-background .my-item-row{
    background:rgba(12,15,12,.84);
}
body.master-admin-background footer{
    color:#b9b7ae;
    text-shadow:0 2px 6px rgba(0,0,0,.95);
}

@media(max-width:950px){
    body.master-admin-background{
        background-attachment:scroll !important;
    }
    body.master-admin-background .tld-sidebar{
        background:linear-gradient(180deg,rgba(7,9,8,.70),rgba(6,8,7,.62)) !important;
        -webkit-backdrop-filter:blur(8px);
        backdrop-filter:blur(8px);
    }
}

/* Zombie Director performance: lazy zone/static editors (2026-08-23). */
.zombie-director-page .zd-lazy-card>.zd-lazy-editor{margin:0 12px 12px;min-height:0}
.zombie-director-page .zd-lazy-card:not([open])>.zd-lazy-editor{display:none}
.zombie-director-page .zd-lazy-card[open]>.zd-lazy-editor{contain:layout style paint}
.zombie-director-page .zd-lazy-error{padding:12px;border:1px solid rgba(255,90,90,.35);border-radius:8px;background:rgba(120,0,0,.16)}
.zombie-director-page [hidden]{display:none!important}

/* TLD Issue Tracker / Workflow */
.tracker-admin-background .shell{max-width:1600px}.tracker-hero{margin-bottom:18px}.tracker-admin-grid{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);gap:18px;margin-bottom:18px}.tracker-checks{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0}.tracker-checks label{display:flex;gap:8px;align-items:center}.tracker-list{display:grid;gap:10px;margin-top:14px;max-height:900px;overflow:auto}.tracker-row{display:flex;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(0,0,0,.22)}.tracker-row h3{margin:5px 0}.tracker-row p{margin:0 0 8px;color:#9fa6b2}.tracker-kind{font-size:11px;letter-spacing:.15em;color:#d2a44f}.tracker-progress{height:7px;border-radius:20px;background:rgba(255,255,255,.08);overflow:hidden}.tracker-progress i{display:block;height:100%;background:linear-gradient(90deg,#927129,#e4bd59);border-radius:20px}.tracker-filters{display:grid;grid-template-columns:180px 1fr auto;gap:8px}.tracker-history{display:grid;gap:7px}.tracker-history>div{display:flex;justify-content:space-between;gap:12px;padding:9px;border-bottom:1px solid rgba(255,255,255,.08)}.tracker-history span{color:#9299a5;font-size:12px}.tracker-alert-layout{display:grid;grid-template-columns:270px 1fr;gap:20px}.tracker-alert-list{display:grid;align-content:start;gap:8px}.tracker-alert-list>a:not(.btn){padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:9px;text-decoration:none;color:inherit;background:rgba(255,255,255,.025)}.tracker-alert-list>a.active{border-color:#d2a44f;background:rgba(210,164,79,.12)}.tracker-alert-list small{display:block;color:#9198a4;margin-top:4px}.embed-grid{display:grid;grid-template-columns:1fr minmax(360px,.8fr);gap:18px;margin-top:14px}.embed-controls{display:grid;gap:10px}.tracker-builder-head{display:flex;justify-content:space-between;align-items:center;margin:9px 0}.tracker-builder-row{display:grid;grid-template-columns:1fr 1.4fr auto auto;gap:7px;margin-bottom:7px}.tracker-builder-row.button-row{grid-template-columns:1fr 1.5fr 90px auto}.discord-preview-label{font-size:11px;letter-spacing:.13em;color:#8f96a2;margin-bottom:8px}.discord-preview{padding:16px;border-radius:12px;background:#313338;color:#dbdee1;min-height:240px}.discord-embed{max-width:520px;background:#2b2d31;border-left:4px solid #d2a44f;border-radius:4px;padding:12px 14px;margin-top:8px}.discord-author{font-size:13px;font-weight:700;margin-bottom:6px}.discord-embed h3{font-size:16px;margin:3px 0 7px}.discord-embed #previewDescription{white-space:pre-wrap;font-size:14px}.discord-preview-field{display:block;margin-top:10px}.discord-preview-field.inline{display:inline-flex;vertical-align:top;width:31%;margin-right:2%;flex-direction:column}.discord-preview-field b,.discord-preview-field span{display:block;font-size:12px}.discord-preview-field span{margin-top:3px}.discord-embed img{max-width:100%;border-radius:5px;margin-top:12px}.discord-embed #previewFooter{margin-top:12px;font-size:11px;color:#b5bac1}.discord-preview-button{display:inline-block;background:#4e5058;border-radius:4px;padding:8px 12px;margin:8px 5px 0 0;font-size:13px}.tracker-token-help{font-size:12px;line-height:1.6}.tracker-alert-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.tracker-alert-actions form{display:flex;gap:8px}.tracker-public-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.tracker-public-card{padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(8,10,14,.72)}.tracker-public-card h2{font-size:20px;margin:7px 0}.tracker-public-meta{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.tracker-pill{padding:4px 8px;border-radius:99px;background:rgba(255,255,255,.07);font-size:11px}.tracker-public-card .tracker-progress{margin:12px 0}.tracker-public-description{white-space:pre-wrap;color:#c5c9d0}.tracker-source{font-size:12px;color:#8e95a0}.tracker-summary{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 20px}.tracker-summary span{padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.05)}
@media(max-width:1050px){.tracker-admin-grid,.tracker-alert-layout,.embed-grid{grid-template-columns:1fr}.tracker-alert-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:700px){.tracker-filters,.tracker-builder-row,.tracker-builder-row.button-row{grid-template-columns:1fr}.tracker-row{display:block}.tracker-row .actions{margin-top:10px}.tracker-alert-actions,.tracker-alert-actions form{display:grid}.discord-preview-field.inline{width:100%;display:flex}}

/* TLD Issue Tracker / Workflow Pro v2 */
.tracker-counter-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;margin:14px 0}.tracker-counter{text-align:center}.tracker-counter b{display:block;font-size:1.7rem}.tracker-counter span{font-size:.8rem;opacity:.8}.tracker-kanban{display:flex;gap:14px;overflow-x:auto;padding:10px 2px 28px}.tracker-kanban-col{min-width:300px;max-width:340px;flex:0 0 320px;background:rgba(10,14,18,.72);border:1px solid rgba(255,255,255,.08);border-radius:12px}.tracker-kanban-col>header{display:flex;justify-content:space-between;padding:12px 14px;border-top:4px solid #777;border-radius:12px 12px 0 0}.tracker-kanban-drop{min-height:320px;padding:10px}.tracker-kanban-card{background:rgba(24,31,39,.96);border:1px solid rgba(255,255,255,.09);border-left:4px solid #64748b;border-radius:10px;padding:12px;margin-bottom:10px;cursor:grab;box-shadow:0 5px 18px rgba(0,0,0,.2)}.tracker-kanban-card.dragging{opacity:.45}.tracker-kanban-card>div:first-child,.tracker-kanban-card footer{display:flex;justify-content:space-between;gap:10px}.tracker-kanban-card h3{font-size:1rem;margin:.45rem 0}.tracker-kanban-card p{opacity:.72;font-size:.8rem}.tracker-blocked{display:inline-block;color:#ff756b;margin:.35rem 0;font-size:.75rem}.priority-emergency,.priority-critical{border-left-color:#ef4444!important}.priority-urgent{border-left-color:#f97316!important}.priority-high{border-left-color:#eab308!important}.priority-medium{border-left-color:#38bdf8!important}.priority-low{border-left-color:#64748b!important}.tracker-summary strong,.tracker-overdue{color:#ff6b62}.tracker-check-row{display:flex!important;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}.tracker-comment{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.tracker-comment p{white-space:normal}.tracker-timeline article{position:relative;margin-left:10px;padding:0 0 18px 22px;border-left:2px solid rgba(255,255,255,.12)}.tracker-timeline article:before{content:"";position:absolute;left:-6px;top:3px;width:10px;height:10px;border-radius:50%;background:#d2a44f}.tracker-timeline article span{display:block;font-size:.8rem;opacity:.66}.tracker-timeline pre{white-space:pre-wrap;font-size:.75rem;background:rgba(0,0,0,.2);padding:8px;border-radius:8px}.tracker-known{border-color:rgba(239,68,68,.35)}.tracker-known-row{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}.tracker-public-timeline{margin-top:10px}.tracker-public-timeline div{display:flex;justify-content:space-between;gap:15px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.82rem}.stage-dot{width:13px;height:13px;border-radius:50%;display:inline-block;flex:0 0 auto}.tracker-table{width:100%;border-collapse:collapse}.tracker-table td{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.06)}.tracker-alert-link{display:flex;flex-direction:column;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;margin-top:7px;text-decoration:none}.tracker-alert-link span{font-size:.75rem;opacity:.7}.drag-handle{cursor:grab;font-size:1.2rem;opacity:.6}.mobile-preview{max-width:430px}.tracker-builder-row{display:grid;grid-template-columns:auto minmax(110px,1fr) minmax(160px,2fr) auto auto auto;gap:8px;align-items:center;margin:8px 0}.tracker-builder-row textarea{min-height:56px}.tracker-builder-box{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-top:10px}.builder-head{display:flex;justify-content:space-between;align-items:center}.tracker-embed-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:18px}.discord-preview{background:#313338;padding:14px;border-radius:8px;color:#dbdee1}.discord-embed{border-left:4px solid #d2a44f;background:#2b2d31;border-radius:4px;padding:12px;margin-top:8px}.discord-preview-field{display:inline-flex;flex-direction:column;min-width:45%;padding:6px 8px 6px 0}.discord-preview-field.inline{display:inline-flex}.discord-preview-button{display:inline-block;background:#4e5058;border-radius:4px;padding:7px 12px;margin:8px 6px 0 0}.tracker-progress{height:7px;background:rgba(255,255,255,.08);border-radius:20px;overflow:hidden}.tracker-progress i{display:block;height:100%;background:currentColor;opacity:.75}.tracker-row{display:flex;align-items:center;gap:12px}.tracker-row>div{flex:1;min-width:0}.tracker-row h3{margin:.3rem 0}.tracker-row p{margin:.2rem 0;font-size:.82rem;opacity:.75}
@media(max-width:1100px){.tracker-counter-grid{grid-template-columns:repeat(3,1fr)}.tracker-embed-grid{grid-template-columns:1fr}.tracker-builder-row{grid-template-columns:auto 1fr}.tracker-builder-row textarea{grid-column:2/-1}}@media(max-width:680px){.tracker-counter-grid{grid-template-columns:repeat(2,1fr)}.tracker-kanban-col{min-width:86vw;flex-basis:86vw}.tracker-known-row{flex-direction:column;gap:3px}}
.tracker-maintenance-banner{display:flex;flex-direction:column;gap:4px;margin:0 0 14px;padding:12px 15px;border:1px solid rgba(239,68,68,.45);border-left:5px solid #ef4444;border-radius:10px;background:rgba(127,29,29,.18)}.tracker-maintenance-banner b{color:#ff8b84}.tracker-maintenance-banner small{opacity:.8}

/* ============================================================
   TLD Tracker Embed Studio v2.1 — visual Discord message builder
   ============================================================ */
.tracker-message-hero h1{margin:.35rem 0 .55rem}.tracker-message-layout{display:grid;grid-template-columns:minmax(290px,340px) minmax(0,1fr);gap:18px;align-items:start}.tracker-message-library{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}.tracker-library-head,.tracker-message-current,.tracker-editor-toolbar,.tracker-preview-head,.tracker-savebar{display:flex;justify-content:space-between;gap:18px;align-items:center}.tracker-library-head h2,.tracker-message-current h2,.tracker-preview-head h3{margin:.2rem 0}.tracker-message-library>h3{margin:20px 0 8px;font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;color:#b8bec8}.tracker-message-link{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px;margin:7px 0;border:1px solid rgba(255,255,255,.08);border-radius:10px;text-decoration:none;color:inherit;background:rgba(255,255,255,.025)}.tracker-message-link:hover{border-color:rgba(210,164,79,.45);background:rgba(210,164,79,.06)}.tracker-message-link.active{border-color:#d2a44f;background:rgba(210,164,79,.13);box-shadow:inset 3px 0 #d2a44f}.tracker-message-link b{display:block}.tracker-message-link small{display:block;margin-top:3px;color:#959ca7;line-height:1.3}.tracker-message-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.06);font-size:18px}.tracker-import-box{margin-top:18px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.tracker-import-box summary{cursor:pointer;font-weight:700}.tracker-message-workspace{min-width:0}.tracker-message-current{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.tracker-template-status span{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.72rem;font-weight:800;letter-spacing:.08em}.tracker-template-status .is-on{background:rgba(34,197,94,.15);color:#86efac}.tracker-template-status .is-off{background:rgba(239,68,68,.12);color:#fca5a5}.tracker-delivery-strip{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,1fr) minmax(220px,1fr);gap:12px;margin:16px 0;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(0,0,0,.18)}.tracker-delivery-strip>label:not(.tracker-switch){display:grid;gap:5px}.tracker-delivery-strip label>span{font-size:.78rem;color:#aeb5c0}.tracker-switch{display:flex;align-items:center;gap:10px;align-self:center}.tracker-switch>span{width:42px;height:23px;border-radius:999px;background:#4b5563;position:relative;transition:.2s}.tracker-switch>span:after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:white;transition:.2s}.tracker-switch input{position:absolute;opacity:0;pointer-events:none}.tracker-switch input:checked+span{background:#3ba55c}.tracker-switch input:checked+span:after{transform:translateX(19px)}.tracker-system-note{margin:16px 0;padding:12px 14px;border:1px solid rgba(88,166,255,.25);border-left:4px solid #58a6ff;border-radius:10px;background:rgba(88,166,255,.07);line-height:1.5}.tracker-editor-toolbar{margin:16px 0}.tracker-preview-picker label{display:grid;gap:5px}.tracker-preview-picker span{font-size:.75rem;color:#aeb5c0;text-transform:uppercase;letter-spacing:.06em}.tracker-discord-builder{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#1e1f22;overflow:hidden}.tracker-builder-caption{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:#25262a;color:#b5bac1;font-size:.85rem}.tracker-message-above{display:grid;gap:6px;padding:14px 16px;background:#1e1f22}.tracker-message-above>span,.tracker-discord-edit-card label>span,.tracker-image-builder>span{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:#b5bac1}.tracker-message-above textarea{background:#111214;border:1px solid #34363c;color:#dbdee1}.tracker-discord-canvas{position:relative;padding:16px 18px 18px 66px;background:#2b2d31}.tracker-builder-rail{position:absolute;left:16px;top:16px;display:grid;gap:8px}.tracker-builder-rail button{width:36px;height:36px;border:0;border-radius:8px;background:#383a40;color:#b5bac1;font-size:18px;cursor:pointer}.tracker-builder-rail button.active,.tracker-builder-rail button:hover{background:#5865f2;color:#fff}.tracker-discord-edit-card{position:relative;max-width:700px;padding:14px 16px 12px;margin-bottom:14px;background:#1e1f22;border-radius:5px;border-left:4px solid var(--embed-color,#d2a44f);box-shadow:0 1px 0 rgba(0,0,0,.2)}.tracker-discord-edit-card input,.tracker-discord-edit-card textarea{width:100%;border:1px dashed transparent!important;background:transparent!important;color:#dbdee1!important;border-radius:5px;padding:6px 7px;box-shadow:none!important}.tracker-discord-edit-card input:hover,.tracker-discord-edit-card textarea:hover,.tracker-discord-edit-card input:focus,.tracker-discord-edit-card textarea:focus{border-color:#4e5058!important;background:#111214!important}.tracker-discord-edit-card textarea{resize:vertical}.tracker-edit-author{display:flex;gap:8px;align-items:center;margin-bottom:4px}.tracker-edit-author input{font-weight:700;font-size:.82rem}.tracker-edit-author small,.tracker-footer-builder small{color:#80848e;font-size:.68rem}.tracker-edit-main{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:12px}.tracker-edit-copy{display:grid;gap:6px}.tracker-edit-copy label{display:grid;gap:2px}.tracker-edit-copy input[name=embed_title]{font-size:1rem;font-weight:800}.tracker-edit-copy textarea[name=embed_description]{font-size:.88rem;line-height:1.45}.tracker-thumb-preview{height:92px;border:1px dashed #4e5058;border-radius:8px;background:#2b2d31 center/cover no-repeat;display:grid;place-items:center;color:#858a94;font-size:.72rem}.tracker-thumb-preview.has-image span{display:none}.tracker-inline-fields{margin-top:8px}.tracker-visual-field{display:grid;grid-template-columns:20px minmax(0,1fr) auto 36px;gap:8px;align-items:center;padding:7px 0;border-top:1px solid rgba(255,255,255,.04)}.tracker-field-copy{min-width:0;display:grid;grid-template-columns:minmax(120px,.6fr) minmax(180px,1.4fr);gap:7px;align-items:center}.tracker-field-copy small{grid-column:2;color:#7f8490;font-size:.65rem}.tracker-field-copy input{font-weight:700}.tracker-field-copy textarea{min-height:42px}.tracker-field-inline{display:flex;gap:5px;align-items:center;font-size:.7rem;color:#b5bac1}.tracker-field-delete{width:32px;height:32px;border:0;border-radius:7px;background:rgba(237,66,69,.12);color:#ff7d80;cursor:pointer}.tracker-field-delete:hover{background:rgba(237,66,69,.25)}.tracker-add-inline,.tracker-add-link{border:0;background:transparent;color:#00a8fc;cursor:pointer;font-weight:700;padding:8px 0}.tracker-add-inline:hover,.tracker-add-link:hover{text-decoration:underline}.tracker-image-builder{display:grid;gap:6px;margin-top:10px}.tracker-image-builder input{border:1px dashed #4e5058!important}.tracker-image-builder img{display:none;width:100%;max-height:360px;object-fit:cover;border-radius:6px;margin-top:5px}.tracker-footer-builder{display:flex;align-items:center;gap:8px;margin-top:9px;padding-top:7px;border-top:1px solid rgba(255,255,255,.05)}.tracker-footer-builder input{font-size:.72rem;color:#b5bac1!important}.tracker-link-builder{max-width:700px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.tracker-link-builder h3{margin:0 0 4px;font-size:.9rem}.tracker-link-builder p{margin:0 0 8px}.tracker-visual-link{display:grid;grid-template-columns:20px minmax(140px,.7fr) minmax(220px,1.4fr) 90px 36px;gap:7px;align-items:center;margin:7px 0;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#1e1f22}.tracker-variable-panel{display:grid;grid-template-columns:minmax(220px,.4fr) minmax(0,1.6fr);gap:18px;margin:18px 0;padding:16px;border:1px solid rgba(88,166,255,.2);border-radius:12px;background:rgba(88,166,255,.05)}.tracker-variable-panel h3{margin:0 0 5px}.tracker-token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px}.tracker-token{display:grid;gap:2px;padding:8px 9px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.025);color:inherit;text-align:left;cursor:pointer}.tracker-token:hover{border-color:#58a6ff;background:rgba(88,166,255,.09)}.tracker-token code{color:#7dd3fc;font-size:.72rem}.tracker-token span{font-size:.68rem;color:#9ca3af}.tracker-builder-details{margin:12px 0;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,0,0,.14)}.tracker-builder-details>summary{padding:12px 14px;cursor:pointer;font-weight:800}.tracker-builder-details>summary small{font-weight:400;color:#8f96a2;margin-left:8px}.tracker-builder-details[open]>summary{border-bottom:1px solid rgba(255,255,255,.07)}.tracker-builder-details>.support-form-grid,.tracker-builder-details>label,.tracker-builder-details>.tracker-checks{margin:12px}.tracker-builder-details .support-form-grid label{display:grid;gap:5px}.tracker-rendered-preview{margin-top:18px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(0,0,0,.14)}.tracker-preview-head{margin-bottom:10px}.tracker-preview-head small{max-width:360px;text-align:right;color:#8f96a2}.discord-preview.is-mobile{max-width:390px}.discord-preview #previewContent{white-space:pre-wrap;margin-bottom:7px}.tracker-dynamic-preview{border-top:1px dashed rgba(255,255,255,.15);padding-top:10px!important;color:#b5bac1}.tracker-savebar{position:sticky;bottom:10px;z-index:20;margin-top:18px;padding:12px 14px;border:1px solid rgba(210,164,79,.25);border-radius:10px;background:rgba(24,25,28,.96);box-shadow:0 10px 32px rgba(0,0,0,.4)}.tracker-savebar small{display:block;color:#8f96a2;margin-top:2px}.tracker-after-editor{display:grid;gap:12px;margin-top:16px}.tracker-test-form{display:flex;gap:10px;align-items:end;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,0,0,.15)}.tracker-test-form label{display:grid;gap:5px;flex:1}.tracker-after-editor details textarea{width:100%;margin-top:8px}.small{font-size:.8rem}
@media(max-width:1200px){.tracker-message-layout{grid-template-columns:1fr}.tracker-message-library{position:static;max-height:none}.tracker-message-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.tracker-message-library>.tracker-library-head,.tracker-message-library>p,.tracker-message-library>h3,.tracker-message-library>.tracker-import-box{grid-column:1/-1}.tracker-delivery-strip{grid-template-columns:1fr 1fr}.tracker-variable-panel{grid-template-columns:1fr}}
@media(max-width:760px){.tracker-message-current,.tracker-editor-toolbar,.tracker-preview-head,.tracker-savebar,.tracker-test-form{align-items:stretch;flex-direction:column}.tracker-delivery-strip{grid-template-columns:1fr}.tracker-discord-canvas{padding-left:14px;padding-top:62px}.tracker-builder-rail{left:14px;top:14px;grid-auto-flow:column}.tracker-edit-main{grid-template-columns:1fr}.tracker-thumb-preview{width:100%;height:150px}.tracker-field-copy{grid-template-columns:1fr}.tracker-field-copy small{grid-column:1}.tracker-visual-field{grid-template-columns:20px 1fr 36px}.tracker-field-inline{grid-column:2}.tracker-visual-link{grid-template-columns:20px 1fr 36px}.tracker-visual-link input{grid-column:2}.tracker-token-grid{grid-template-columns:1fr 1fr}.tracker-preview-head small{text-align:left}.tracker-discord-edit-card,.tracker-link-builder{max-width:none}}


/* TLD Tracker Embed Studio v2.1.1 — bot-message selector readability fix */
.tracker-message-library .tracker-message-card-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:8px 0 18px!important}
.tracker-message-library a.tracker-message-link{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;column-gap:12px!important;width:100%!important;min-width:0!important;margin:0!important;padding:13px 14px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(18,20,18,.96),rgba(8,10,9,.96))!important;color:#f5f5f2!important;text-decoration:none!important;text-shadow:0 1px 2px #000,0 0 3px #000!important;box-shadow:0 3px 10px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025)!important;overflow:hidden!important;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease!important}
.tracker-message-library a.tracker-message-link:link,.tracker-message-library a.tracker-message-link:visited{color:#f5f5f2!important;text-decoration:none!important}
.tracker-message-library a.tracker-message-link:hover{color:#fff!important;border-color:#d2a44f!important;background:linear-gradient(180deg,rgba(43,36,22,.98),rgba(16,14,10,.98))!important;box-shadow:0 5px 16px rgba(0,0,0,.38),inset 4px 0 #d2a44f!important;transform:translateY(-1px)!important}
.tracker-message-library a.tracker-message-link.active{color:#fff!important;border-color:#e3b760!important;background:linear-gradient(180deg,rgba(58,45,22,.98),rgba(22,17,9,.98))!important;box-shadow:0 6px 18px rgba(0,0,0,.42),inset 4px 0 #e3b760!important}
.tracker-message-library .tracker-message-icon{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:9px!important;background:#111411!important;color:#fff!important;font-size:19px!important;text-shadow:none!important}
.tracker-message-library .tracker-message-copy{display:grid!important;gap:5px!important;min-width:0!important;overflow:hidden!important}
.tracker-message-library .tracker-message-title{display:block!important;min-width:0!important;color:#fff!important;font-size:.91rem!important;font-weight:900!important;line-height:1.18!important;letter-spacing:.015em!important;white-space:normal!important;overflow-wrap:anywhere!important;text-decoration:none!important;text-shadow:0 1px 2px #000,1px 0 #000,-1px 0 #000,0 0 4px rgba(0,0,0,.9)!important}
.tracker-message-library .tracker-message-meta{display:block!important;min-width:0!important;color:#b9bdb7!important;font-size:.72rem!important;font-weight:500!important;line-height:1.38!important;white-space:normal!important;overflow-wrap:anywhere!important;text-decoration:none!important;text-shadow:0 1px 2px #000!important}
.tracker-message-library .tracker-message-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;min-width:72px!important;padding:6px 8px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.16)!important;background:#20231f!important;color:#e9ece7!important;font-size:.61rem!important;font-weight:1000!important;line-height:1!important;letter-spacing:.08em!important;text-shadow:0 1px 2px #000!important;white-space:nowrap!important}
.tracker-message-library .tracker-message-status.enabled{border-color:rgba(80,200,112,.52)!important;background:rgba(30,92,48,.46)!important;color:#baf7c9!important}
.tracker-message-library .tracker-message-status.disabled{border-color:rgba(205,96,96,.48)!important;background:rgba(92,32,32,.42)!important;color:#ffc4c4!important}
.tracker-message-library .tracker-message-status.system{border-color:rgba(93,151,219,.48)!important;background:rgba(31,63,99,.46)!important;color:#c8e3ff!important}
.tracker-message-library>h3{margin:22px 0 10px!important;padding-bottom:7px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;color:#f0eee8!important;font-size:.84rem!important;font-weight:900!important;letter-spacing:.09em!important;text-shadow:0 1px 2px #000!important}
@media(max-width:1200px){.tracker-message-library .tracker-message-card-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important}}
@media(max-width:700px){.tracker-message-library a.tracker-message-link{grid-template-columns:40px minmax(0,1fr)!important}.tracker-message-library .tracker-message-status{grid-column:2!important;justify-self:start!important;margin-top:2px!important}}

/* TLD Project Status public board refresh — v2.1.2 */
.tracker-public-hero{overflow:hidden;background:linear-gradient(135deg,rgba(13,15,13,.92),rgba(20,23,18,.78));border-color:rgba(210,164,79,.24)}
.tracker-public-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.tracker-public-hero-row h1{margin:.25rem 0 .4rem}.tracker-public-count{min-width:130px;padding:12px 16px;border:1px solid rgba(210,164,79,.25);border-radius:12px;background:rgba(0,0,0,.25);text-align:center}.tracker-public-count strong{display:block;color:#e5bd5a;font-size:1.7rem;line-height:1}.tracker-public-count span{display:block;margin-top:5px;color:#9da39b;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.tracker-public-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tracker-public-tabs a{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(0,0,0,.28);color:#e7e8e5;text-decoration:none;font-size:.82rem;font-weight:800;letter-spacing:.02em;transition:.16s ease}.tracker-public-tabs a:hover{border-color:rgba(210,164,79,.55);background:rgba(210,164,79,.09);color:#fff}.tracker-public-tabs a.active{border-color:#c79b3d;background:linear-gradient(180deg,rgba(210,164,79,.22),rgba(151,111,39,.14));color:#ffe3a0;box-shadow:inset 0 0 0 1px rgba(255,218,137,.06)}
.tracker-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}.tracker-section-heading h2{margin:2px 0 0}.tracker-section-heading>span{font-size:.75rem;color:#92988f}.tracker-section-kicker{font-size:.65rem;font-weight:900;letter-spacing:.16em;color:#d2a44f}.tracker-public-callout{border-left:4px solid #ef4444}.tracker-known-list{display:grid;gap:7px}.tracker-known-row{align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(0,0,0,.18)}.tracker-known-row>div{display:flex;gap:9px;align-items:center;min-width:0}.tracker-known-row b{font-size:.72rem;color:#e1b650;white-space:nowrap}.tracker-known-row>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracker-known-status{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.06);font-size:.7rem;white-space:nowrap}
.tracker-public-upcoming{margin-bottom:18px}.tracker-upcoming-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tracker-upcoming-grid>div{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(0,0,0,.18)}.tracker-upcoming-grid b{grid-row:1/3;color:#d2a44f;font-size:.7rem;letter-spacing:.08em}.tracker-upcoming-grid strong{font-size:.9rem}.tracker-upcoming-grid span{font-size:.72rem;color:#90978d}
.tracker-public-sections{display:grid;gap:30px}.tracker-public-group{min-width:0}.tracker-public-group+.tracker-public-group{padding-top:26px;border-top:1px solid rgba(210,164,79,.35);position:relative}.tracker-public-group+.tracker-public-group:before{content:"";position:absolute;top:-1px;left:0;width:180px;height:2px;background:linear-gradient(90deg,#d2a44f,transparent)}.tracker-public-group-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 14px;padding:0 2px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.tracker-public-group-title h2{margin:3px 0 4px;color:#f2f2ef;font-size:1.1rem;letter-spacing:.025em}.tracker-public-group-title p{margin:0;color:#858d85;font-size:.76rem;line-height:1.45}.tracker-public-group-count{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;border:1px solid rgba(210,164,79,.22);border-radius:999px;background:rgba(210,164,79,.07);color:#d8bd78;font-size:.65rem;font-weight:900;letter-spacing:.08em}.tracker-public-group-issue .tracker-public-group-heading{border-bottom-color:rgba(239,68,68,.14)}.tracker-public-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px}.tracker-public-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:19px;border:1px solid rgba(255,255,255,.1);border-left-width:3px;border-radius:13px;background:linear-gradient(180deg,rgba(10,12,13,.96),rgba(6,8,9,.92));box-shadow:0 12px 35px rgba(0,0,0,.22);overflow:hidden;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.tracker-public-card:hover{transform:translateY(-2px);border-top-color:rgba(210,164,79,.28);border-right-color:rgba(210,164,79,.18);border-bottom-color:rgba(210,164,79,.18);box-shadow:0 16px 42px rgba(0,0,0,.3)}.tracker-public-card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent)}
.tracker-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tracker-card-head>div{min-width:0}.tracker-card-head h2{margin:6px 0 0;font-size:1.12rem;line-height:1.25;overflow-wrap:anywhere}.tracker-kind{display:block;font-size:.65rem;letter-spacing:.13em;color:#d2a44f}.tracker-kind i{font-style:normal;opacity:.5}.tracker-pin{color:#e5bd5a;font-size:1rem;text-shadow:0 0 10px rgba(229,189,90,.35)}
.tracker-public-meta{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 13px}.tracker-pill{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:rgba(255,255,255,.055);color:#d9ddd7;font-size:.63rem;font-weight:800;line-height:1.1}.tracker-stage{border-color:color-mix(in srgb,var(--stage-color) 55%,transparent);box-shadow:inset 3px 0 0 var(--stage-color)}.tracker-project-pill{color:#dec17e}.tracker-overdue{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.12);color:#ff8a83!important}.priority-label.priority-emergency,.priority-label.priority-critical{background:rgba(239,68,68,.13);color:#ff8f8a}.priority-label.priority-high,.priority-label.priority-urgent{background:rgba(234,179,8,.12);color:#f3d56c}.priority-label.priority-medium{background:rgba(56,189,248,.1);color:#80d7ff}.priority-label.priority-low{color:#aeb7c2}
.tracker-progress-wrap{margin:0 0 15px}.tracker-progress-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;color:#888f89;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.tracker-progress-label strong{color:#c8b477}.tracker-public-card .tracker-progress{height:6px;margin:0;background:rgba(255,255,255,.065)}.tracker-public-card .tracker-progress i{background:linear-gradient(90deg,#8f6b27,#e1b853);opacity:1}
.tracker-public-description{min-width:0;margin:0;color:#c7cbc5;font-size:.88rem;line-height:1.55;white-space:normal;overflow-wrap:anywhere;word-break:normal}.tracker-public-description br+br{line-height:1.8}.tracker-public-link{display:inline-flex;align-items:center;gap:5px;max-width:100%;margin:4px 4px 4px 0;padding:6px 9px;border:1px solid rgba(210,164,79,.28);border-radius:7px;background:rgba(210,164,79,.08);color:#efd27f!important;text-decoration:none!important;font-size:.68rem;font-weight:900;letter-spacing:.055em;white-space:nowrap;vertical-align:middle;transition:.14s ease}.tracker-public-link:hover{border-color:#d2a44f;background:rgba(210,164,79,.16);color:#fff0b4!important}.tracker-public-link.workshop{border-color:rgba(104,157,201,.33);background:rgba(74,119,158,.12);color:#b8dfff!important}.tracker-public-link.workshop:hover{border-color:#6da7d7;background:rgba(74,119,158,.22);color:#e4f3ff!important}
.tracker-card-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.06)}.tracker-card-details>div{min-width:0}.tracker-card-details span{display:block;color:#777f78;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.tracker-card-details strong{display:block;margin-top:3px;color:#c6cbc4;font-size:.75rem;overflow-wrap:anywhere}.tracker-card-footer{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.065);color:#7e867e;font-size:.68rem}.tracker-card-footer>span{display:block}.tracker-card-footer details{margin-top:10px}.tracker-card-footer summary{cursor:pointer;color:#c9ccc6;font-size:.78rem;font-weight:700;list-style:none}.tracker-card-footer summary::-webkit-details-marker{display:none}.tracker-card-footer summary:before{content:"▸";display:inline-block;margin-right:6px;color:#d2a44f;transition:.12s}.tracker-card-footer details[open] summary:before{transform:rotate(90deg)}.tracker-card-footer summary b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:5px;border-radius:999px;background:rgba(255,255,255,.07);font-size:.65rem}.tracker-public-timeline{margin-top:8px;padding:5px 9px;border-radius:8px;background:rgba(0,0,0,.2)}.tracker-public-timeline div{font-size:.7rem}.tracker-public-timeline b{font-weight:700;color:#bfc5bd}.tracker-public-timeline span{color:#747c74;white-space:nowrap}.tracker-public-empty{grid-column:1/-1;text-align:center;padding:35px}
@media(max-width:1350px){.tracker-public-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.tracker-public-board{grid-template-columns:1fr}.tracker-public-group-heading{align-items:flex-start;flex-direction:column;gap:8px}.tracker-upcoming-grid{grid-template-columns:1fr}.tracker-public-hero-row{align-items:flex-start;flex-direction:column}.tracker-public-count{min-width:0;text-align:left}.tracker-public-count strong,.tracker-public-count span{display:inline;margin-right:6px}.tracker-known-row>div{align-items:flex-start;flex-direction:column;gap:3px}.tracker-known-row>div span{white-space:normal}.tracker-known-row{align-items:flex-start}}@media(max-width:520px){.tracker-public-card{padding:15px}.tracker-card-details{grid-template-columns:1fr}.tracker-public-tabs a{flex:1 1 calc(50% - 8px);justify-content:center;text-align:center}.tracker-section-heading{align-items:flex-start;flex-direction:column;gap:5px}}

/* Project Status full-screen background — v2.1.4 */
body.project-status-background{
    background:#060707 url('project-status-background.png') center center / cover fixed no-repeat!important;
    position:relative;
}
body.project-status-background::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(3,4,4,.78) 0%,rgba(3,4,4,.48) 28%,rgba(3,4,4,.42) 67%,rgba(3,4,4,.62) 100%),
        linear-gradient(180deg,rgba(3,4,4,.46) 0%,rgba(3,4,4,.24) 42%,rgba(3,4,4,.60) 100%);
}
body.project-status-background .fog{
    opacity:.055;
}
body.project-status-background .tld-page{
    background:transparent;
}
body.project-status-background .tracker-public-hero,
body.project-status-background .tracker-known,
body.project-status-background .tracker-public-upcoming{
    background:linear-gradient(180deg,rgba(11,13,12,.90),rgba(7,9,8,.84));
    border-color:rgba(210,164,79,.28);
    box-shadow:0 16px 42px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.025);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
}
body.project-status-background .tracker-public-card{
    background:linear-gradient(180deg,rgba(8,10,10,.94),rgba(4,6,6,.90));
    box-shadow:0 14px 38px rgba(0,0,0,.40);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
}
body.project-status-background .tracker-public-group-heading{
    padding:12px 14px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:10px;
    background:rgba(3,5,5,.70);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
}
@media(max-width:900px){
    body.project-status-background{
        background-attachment:scroll!important;
        background-position:32% center!important;
    }
}


/* ============================================================
   TLD COMMUNITY HUB - RADIATION MOD GUIDE
   Uses the Drug Running guide component system for visual parity.
   ============================================================ */
body.radiation-guide-background{
    background:
        radial-gradient(circle at 80% 8%,rgba(184,205,48,.10),transparent 29%),
        radial-gradient(circle at 15% 18%,rgba(56,106,48,.10),transparent 25%),
        linear-gradient(180deg,#080a08 0,#070807 55%,#090a08 100%)!important;
}
body.radiation-guide-background .fog{opacity:.012!important}
body.radiation-guide-background .shell{max-width:1320px}
.radiation-hero::before{background:linear-gradient(90deg,#a8c73e,#d0a848,#cf5044)}
.radiation-hero-panel{
    min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
    padding:34px;background:
        radial-gradient(circle at 50% 38%,rgba(178,205,45,.16),transparent 30%),
        repeating-linear-gradient(135deg,rgba(255,203,47,.025) 0 12px,rgba(0,0,0,0) 12px 24px),
        #0b0d0b;border-left:1px solid #3c4435;position:relative
}
.radiation-hero-panel::after{content:"";position:absolute;inset:18px;border:1px solid rgba(184,201,67,.12);pointer-events:none}
.radiation-symbol{font-size:126px;line-height:1;color:#c8d84d;text-shadow:0 0 28px rgba(183,210,55,.16);margin-bottom:4px}
.radiation-hero-panel>span{font-size:10px;letter-spacing:.23em;font-weight:1000;color:#8f9b59}
.radiation-hero-panel>strong{font-size:27px;letter-spacing:.07em;color:#eef0da;margin:8px 0}
.radiation-hero-panel>p{max-width:330px;color:#afb69d;line-height:1.55;margin:0}
.radiation-hero-panel>small{margin-top:22px;color:#646b5c;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:1050px){.radiation-hero-panel{min-height:310px}.radiation-symbol{font-size:96px}}


/* ========================================================================
   TLD COMMUNITY HUB • MODERN PUBLIC/SURVIVOR CONTROL SYSTEM
   2026-08-27
   Scoped redesign for Dashboard, Items, Rewards, Join Server and Support.
   Also upgrades shared .btn controls and the persistent sidebar scrollbar.
   ======================================================================== */

:root{
    --tld-gold:#d7aa54;
    --tld-gold-bright:#f0c66f;
    --tld-orange:#f07837;
    --tld-green:#62d491;
    --tld-blue:#64b9ef;
    --tld-red:#ef6b60;
    --tld-ink:#070a09;
    --tld-surface:rgba(13,17,15,.76);
    --tld-surface-2:rgba(20,25,21,.72);
    --tld-hairline:rgba(255,255,255,.09);
}

/* --- Sidebar: replace the bright OS scrollbar with a TLD control rail. --- */
.tld-sidebar{
    scrollbar-width:thin;
    scrollbar-color:rgba(215,170,84,.72) rgba(5,7,6,.64);
}
.tld-sidebar::-webkit-scrollbar{width:9px}
.tld-sidebar::-webkit-scrollbar-track{
    background:linear-gradient(180deg,rgba(3,5,4,.74),rgba(14,16,13,.72));
    border-left:1px solid rgba(255,255,255,.035);
}
.tld-sidebar::-webkit-scrollbar-thumb{
    min-height:70px;
    border:2px solid rgba(5,7,6,.88);
    border-radius:999px;
    background:linear-gradient(180deg,var(--tld-gold-bright),#8c642e);
    box-shadow:0 0 12px rgba(215,170,84,.22);
}
.tld-sidebar::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#ffe09a,var(--tld-gold));
}
.sidebar-nav a{
    border-radius:10px!important;
    padding:12px 14px 12px 17px!important;
}
.sidebar-nav a.active:before{
    content:"";
    position:absolute;
    left:-1px;top:18%;bottom:18%;width:3px;
    border-radius:99px;
    background:linear-gradient(var(--tld-gold-bright),var(--tld-orange));
    box-shadow:0 0 13px rgba(240,120,55,.5);
}

/* --- Shared modern action controls. Kept compatible with existing classes. --- */
.btn,
a.btn,
button.btn,
input.btn{
    position:relative;
    isolation:isolate;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:42px;
    padding:10px 17px!important;
    border:1px solid rgba(215,170,84,.28)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(38,43,37,.82),rgba(17,20,18,.88))!important;
    color:#f3efe5!important;
    box-shadow:inset 0 1px rgba(255,255,255,.055),0 8px 22px rgba(0,0,0,.22)!important;
    text-decoration:none!important;
    font-weight:850!important;
    letter-spacing:.025em;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease!important;
    overflow:hidden;
}
.btn:before{
    content:"";
    position:absolute;
    z-index:-1;
    left:10%;right:10%;bottom:-1px;height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,var(--tld-gold),transparent);
    opacity:.55;
}
.btn:hover:not([disabled]){
    transform:translateY(-2px);
    border-color:rgba(240,198,111,.7)!important;
    color:#fff!important;
    box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.34),0 0 0 1px rgba(215,170,84,.08)!important;
}
.btn:active:not([disabled]){transform:translateY(0)}
.btn.primary{
    border-color:rgba(240,170,68,.62)!important;
    background:linear-gradient(135deg,#a85f24,#6e3e1f 58%,#4d321e)!important;
    color:#fff7e7!important;
    box-shadow:inset 0 1px rgba(255,230,180,.17),0 10px 25px rgba(81,39,12,.34)!important;
}
.btn.primary:before{background:linear-gradient(90deg,transparent,#ffd27d,transparent);opacity:.9}
.btn.ok{border-color:rgba(98,212,145,.48)!important;background:linear-gradient(135deg,#245c3c,#183c2b)!important}
.btn.danger{border-color:rgba(239,107,96,.55)!important;background:linear-gradient(135deg,#71342f,#421f1d)!important}
.btn[disabled]{filter:saturate(.45);opacity:.48!important;transform:none!important}
.actions{gap:12px}

/* Shared title treatment. */
.tld-page-kicker{
    display:block;
    margin-bottom:8px;
    color:var(--tld-gold-bright);
    font-size:10px;
    font-weight:950;
    letter-spacing:.20em;
    text-transform:uppercase;
}
.tld-commerce-page h1 em,
.dashboard-command-hero h1 em{
    color:var(--tld-gold-bright);
    font-style:normal;
}

/* ------------------------------------------------------------------------
   DASHBOARD • SURVIVOR COMMAND DECK
   ------------------------------------------------------------------------ */
body.dashboard-storm-background .shell{max-width:1540px!important}
.dashboard-command-hero{
    position:relative;
    min-height:310px;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);
    align-items:center;
    gap:36px;
    margin:0 0 18px;
    padding:42px 46px;
    border:1px solid rgba(215,170,84,.32);
    border-radius:28px 8px 28px 8px;
    background:
      radial-gradient(circle at 82% 20%,rgba(215,170,84,.16),transparent 34%),
      linear-gradient(112deg,rgba(7,11,9,.91),rgba(19,24,20,.67) 58%,rgba(7,10,8,.84));
    box-shadow:0 28px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.045);
    backdrop-filter:blur(8px);
}
.dashboard-command-hero:after{
    content:"";
    position:absolute;
    width:260px;height:260px;
    right:-105px;bottom:-145px;
    border:1px solid rgba(240,198,111,.20);
    border-radius:50%;
    box-shadow:0 0 0 28px rgba(215,170,84,.025),0 0 0 58px rgba(215,170,84,.018);
}
.dashboard-command-copy{position:relative;z-index:2}
.dashboard-command-copy h1{margin:0;max-width:760px;font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-.03em;text-transform:uppercase}
.dashboard-command-copy>p{max-width:700px;margin:17px 0 0;color:#c5cbc3;font-size:16px;line-height:1.7}
.dashboard-identity-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.dashboard-identity-strip>span{
    display:grid;gap:4px;min-width:210px;padding:10px 13px;
    border:1px solid rgba(255,255,255,.085);border-radius:12px;
    background:rgba(0,0,0,.22)
}
.dashboard-identity-strip small{color:#7f8b82;font-size:9px;font-weight:900;letter-spacing:.14em}
.dashboard-identity-strip code,.dashboard-identity-strip strong{color:#eee8da;font-size:12px;overflow-wrap:anywhere}
.dashboard-command-mark{
    justify-self:end;position:relative;z-index:2;
    width:min(260px,100%);aspect-ratio:1;
    display:grid;place-content:center;text-align:center;
    border:1px solid rgba(215,170,84,.25);border-radius:50%;
    background:radial-gradient(circle,rgba(215,170,84,.13),rgba(0,0,0,.08) 58%,transparent 59%);
    box-shadow:inset 0 0 45px rgba(215,170,84,.05),0 0 50px rgba(0,0,0,.25)
}
.dashboard-command-mark span{font-size:64px;font-weight:1000;letter-spacing:.1em;color:#e1b760;text-shadow:0 0 25px rgba(215,170,84,.16)}
.dashboard-command-mark small{margin-top:4px;color:var(--tld-green);font-size:9px;font-weight:950;letter-spacing:.17em}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:30px}
.dashboard-metric{
    position:relative;overflow:hidden;min-height:140px;padding:20px 20px 18px;
    border:1px solid rgba(255,255,255,.09);border-radius:18px 6px 18px 6px;
    background:linear-gradient(145deg,rgba(13,17,14,.82),rgba(4,7,6,.74));
    box-shadow:0 15px 34px rgba(0,0,0,.24);backdrop-filter:blur(6px)
}
.dashboard-metric:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--metric,#d7aa54)}
.dashboard-metric>span{display:block;color:#8c978e;font-size:9px;font-weight:950;letter-spacing:.15em}
.dashboard-metric>strong{display:block;margin:13px 0 5px;color:#f0ece2;font-size:38px;line-height:1}
.dashboard-metric>small{color:#8d978f}
.metric-gold{--metric:var(--tld-gold)}.metric-green{--metric:var(--tld-green)}.metric-orange{--metric:var(--tld-orange)}.metric-blue{--metric:var(--tld-blue)}
.dashboard-role-value{font-size:25px!important;overflow-wrap:anywhere}
body.dashboard-storm-background .community-news-heading{
    margin:0 0 14px;padding:18px 20px;border-left:3px solid var(--tld-gold);
    border-radius:4px 16px 16px 4px;background:linear-gradient(90deg,rgba(10,14,11,.76),rgba(10,14,11,.28));
    backdrop-filter:blur(5px)
}
body.dashboard-storm-background .community-news-card{border-radius:22px 7px 22px 7px!important;overflow:hidden}
body.dashboard-storm-background .community-news-image{border-radius:0 0 18px 0}

/* ------------------------------------------------------------------------
   ITEMS + FREE REWARDS • MODERN SHOWCASE FLOOR
   ------------------------------------------------------------------------ */
.tld-commerce-page{
    position:relative;
    overflow:hidden;
    padding:34px!important;
    border-radius:28px 8px 28px 8px!important;
    border:1px solid rgba(215,170,84,.28)!important;
    background:linear-gradient(130deg,rgba(7,10,8,.86),rgba(18,22,18,.68) 56%,rgba(8,10,9,.79))!important;
    box-shadow:0 28px 70px rgba(0,0,0,.38)!important;
    backdrop-filter:blur(9px)!important;
}
.tld-commerce-page:before{
    content:"";position:absolute;right:-120px;top:-160px;width:430px;height:430px;border-radius:50%;
    background:radial-gradient(circle,rgba(215,170,84,.10),transparent 65%);pointer-events:none
}
.tld-commerce-page .item-heading{position:relative;z-index:1;align-items:flex-start;padding:8px 4px 28px;border-bottom:1px solid rgba(255,255,255,.08)}
.tld-commerce-page .item-heading h1{margin:0;font-size:clamp(37px,4.7vw,67px);line-height:1;letter-spacing:-.03em;text-transform:uppercase}
.tld-commerce-page .community-item-intro{max-width:880px;color:#c8cec6;font-size:15px;text-shadow:0 2px 4px #000}
.tld-commerce-page .notice-box{border-radius:14px;border-color:rgba(215,170,84,.20);background:rgba(6,9,7,.52);backdrop-filter:blur(4px)}
.tld-commerce-page .item-grid{margin-top:20px}
.tld-commerce-page .compact-product-card,
.tld-commerce-page .community-category-card{
    position:relative;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:20px 7px 20px 7px!important;
    background:linear-gradient(155deg,rgba(23,28,23,.88),rgba(7,10,8,.94))!important;
    box-shadow:0 14px 32px rgba(0,0,0,.28)!important;
    transform:none!important;
}
.tld-commerce-page .compact-product-card:after,
.tld-commerce-page .community-category-card:after{
    content:"";position:absolute;left:13px;right:13px;bottom:-1px;height:2px;border-radius:99px;
    background:linear-gradient(90deg,transparent,rgba(215,170,84,.8),transparent);opacity:.55
}
.tld-commerce-page .compact-product-card:hover,
.tld-commerce-page .community-category-card:hover{
    transform:translateY(-5px)!important;border-color:rgba(240,198,111,.50)!important;
    box-shadow:0 20px 42px rgba(0,0,0,.38),0 0 0 1px rgba(215,170,84,.06)!important
}
.tld-commerce-page .compact-card-image{height:155px;border-bottom:1px solid rgba(255,255,255,.08)}
.tld-commerce-page .item-card-title{min-height:58px;padding:14px 14px 9px;font-size:16px;letter-spacing:.01em}
.tld-commerce-page .compact-card-body{padding:0 14px 15px}
.tld-commerce-page .compact-card-meta span{border:0;border-radius:999px;background:rgba(255,255,255,.055);padding:5px 8px}
.tld-commerce-page .compact-price{color:var(--tld-gold-bright);font-size:25px}
.tld-commerce-page .limit-one-badge{border-radius:10px;background:rgba(215,170,84,.07)}
.tld-commerce-page .compact-card-actions{gap:8px}
.tld-commerce-page .compact-card-actions .btn{font-size:11px!important;padding:8px 9px!important;border-radius:10px!important}
.tld-rewards-page .compact-price{color:#8de6ad;text-shadow:0 0 18px rgba(98,212,145,.15)}
.tld-rewards-page{border-color:rgba(98,212,145,.22)!important}

/* ------------------------------------------------------------------------
   JOIN SERVER • CONNECTION CONTROL DECK
   ------------------------------------------------------------------------ */
.tld-join-control-deck{
    max-width:1320px!important;
    padding:36px!important;
    border-radius:30px 8px 30px 8px!important;
    border:1px solid rgba(215,170,84,.28)!important;
    background:
      radial-gradient(circle at 85% 5%,rgba(98,212,145,.10),transparent 28%),
      linear-gradient(135deg,rgba(6,10,8,.88),rgba(17,22,18,.72))!important;
    box-shadow:0 30px 75px rgba(0,0,0,.4)!important;
    backdrop-filter:blur(9px)!important;
}
.tld-join-control-deck .join-server-hero{align-items:center;padding:8px 4px 28px;border-bottom:1px solid rgba(255,255,255,.075)}
.tld-join-control-deck .join-server-hero h1{margin:7px 0 10px;font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-.035em;text-transform:uppercase}
.tld-join-control-deck .join-server-hero p{max-width:760px;line-height:1.65}
.tld-join-control-deck .server-ready-badge{
    min-width:175px;justify-content:center;padding:12px 16px;border-radius:999px;
    box-shadow:0 0 24px rgba(98,212,145,.10);letter-spacing:.11em
}
.tld-join-control-deck .server-info-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:22px 0}
.tld-join-control-deck .server-info-card{
    position:relative;overflow:hidden;min-height:115px;padding:17px;
    border:1px solid rgba(255,255,255,.085);border-radius:16px 5px 16px 5px;
    background:linear-gradient(145deg,rgba(18,23,19,.74),rgba(5,8,6,.70))
}
.tld-join-control-deck .server-info-card:after{content:"";position:absolute;left:0;bottom:0;width:48%;height:2px;background:linear-gradient(90deg,var(--tld-gold),transparent)}
.tld-join-control-deck .server-info-card span{color:#7d8980;font-weight:900;letter-spacing:.11em}
.tld-join-control-deck .server-info-card strong{font-size:17px;line-height:1.35}
.tld-join-control-deck .join-actions{
    margin:18px 0 24px;padding:16px;border:1px solid rgba(98,212,145,.13);
    border-radius:18px;background:rgba(3,8,5,.34)
}
.tld-join-control-deck .join-big{min-height:56px;font-size:15px!important;padding-inline:24px!important}
.tld-join-control-deck .notice-box{
    margin-top:12px!important;padding:18px 20px;border:1px solid rgba(255,255,255,.09);
    border-left:3px solid rgba(215,170,84,.72);border-radius:5px 17px 17px 5px;
    background:linear-gradient(90deg,rgba(12,15,12,.76),rgba(7,10,8,.57));line-height:1.65
}
.tld-join-control-deck .success-note{border-left-color:var(--tld-green);background:linear-gradient(90deg,rgba(17,50,31,.45),rgba(7,12,9,.57))}
.tld-join-control-deck .warning-note{border-left-color:var(--tld-orange)!important;border-top-color:rgba(240,120,55,.22)!important;border-right-color:rgba(240,120,55,.16)!important;border-bottom-color:rgba(240,120,55,.16)!important;background:linear-gradient(110deg,rgba(54,27,9,.66),rgba(11,10,7,.70))!important}

/* ------------------------------------------------------------------------
   SUPPORT CENTER • SERVICE OPERATIONS DESK
   ------------------------------------------------------------------------ */
body.support-center-background .shell{max-width:1460px!important}
body.support-center-background .tld-support-command-hero{
    position:relative;overflow:hidden;max-width:none;margin:0 0 14px;padding:38px 42px;
    border:1px solid rgba(100,185,239,.23);border-top:0;border-left:3px solid var(--tld-blue);
    border-radius:7px 28px 7px 28px;
    background:
      radial-gradient(circle at 78% 25%,rgba(100,185,239,.10),transparent 32%),
      linear-gradient(125deg,rgba(8,12,11,.90),rgba(15,20,17,.72));
    box-shadow:0 26px 68px rgba(0,0,0,.35);backdrop-filter:blur(8px)
}
body.support-center-background .support-hero h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.025em}
body.support-center-background .support-hero-badge{
    min-width:300px;padding:19px 20px;border-radius:18px 6px 18px 6px;
    border:1px solid rgba(98,212,145,.25);background:linear-gradient(145deg,rgba(13,39,25,.55),rgba(5,10,7,.62));
    box-shadow:inset 0 1px rgba(255,255,255,.04)
}
body.support-center-background .support-stat-grid{max-width:none;gap:10px}
body.support-center-background .support-stat-grid article{
    position:relative;overflow:hidden;min-height:125px;padding:18px;
    border:1px solid rgba(255,255,255,.085);border-radius:17px 5px 17px 5px;
    background:linear-gradient(145deg,rgba(14,19,16,.76),rgba(5,8,6,.72));box-shadow:0 12px 28px rgba(0,0,0,.22)
}
body.support-center-background .support-stat-grid article:after{content:"";position:absolute;left:0;right:42%;bottom:0;height:2px;background:linear-gradient(90deg,var(--tld-blue),transparent)}
body.support-center-background .support-stat-grid article.action:after{background:linear-gradient(90deg,var(--tld-gold),transparent)}
body.support-center-background .support-stat-grid article.action a{border-radius:999px;padding:8px 12px;background:linear-gradient(135deg,#9d6027,#66401f);box-shadow:0 8px 18px rgba(0,0,0,.24)}
body.support-center-background .support-panel{
    max-width:none!important;margin:14px 0!important;padding:24px!important;
    border:1px solid rgba(255,255,255,.09)!important;border-radius:24px 7px 24px 7px!important;
    background:linear-gradient(135deg,rgba(12,16,14,.82),rgba(6,9,7,.72))!important;
    box-shadow:0 20px 48px rgba(0,0,0,.27)!important;backdrop-filter:blur(7px)
}
body.support-center-background .support-panel-head{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}
body.support-center-background .support-category-grid{gap:10px}
body.support-center-background .support-category-card{
    border:1px solid rgba(255,255,255,.085)!important;border-radius:15px 5px 15px 5px!important;
    background:linear-gradient(145deg,rgba(16,21,17,.77),rgba(5,8,6,.74))!important;
    transition:transform .18s ease,border-color .18s ease,background .18s ease!important
}
body.support-center-background .support-category-card:hover{transform:translateY(-3px);border-color:rgba(215,170,84,.40)!important}
body.support-center-background .support-category-option input:checked+.support-category-card{border-color:rgba(240,198,111,.65)!important;background:linear-gradient(145deg,rgba(55,43,20,.54),rgba(12,11,8,.75))!important;box-shadow:0 0 0 1px rgba(215,170,84,.10),0 12px 28px rgba(0,0,0,.25)!important}
body.support-center-background .support-new-form input,
body.support-center-background .support-new-form select,
body.support-center-background .support-new-form textarea{
    border-radius:11px!important;border-color:rgba(255,255,255,.10)!important;background:rgba(4,7,5,.64)!important;
    box-shadow:inset 0 1px 3px rgba(0,0,0,.25)
}
body.support-center-background .support-editor-toolbar{border-radius:13px 13px 0 0;background:linear-gradient(180deg,rgba(28,34,29,.88),rgba(10,13,11,.88))}
body.support-center-background .support-editor-toolbar button,
body.support-center-background .support-editor-toolbar select{border-radius:8px}
body.support-center-background .support-upload-zone{border-radius:15px;background:rgba(30,25,13,.34)}
body.support-center-background .support-ticket-row{border-radius:14px 5px 14px 5px;transition:transform .16s ease,border-color .16s ease}
body.support-center-background .support-ticket-row:hover{transform:translateX(4px)}

/* Responsive control-room behavior. */
@media(max-width:1180px){
    .dashboard-metrics{grid-template-columns:repeat(2,1fr)}
    .tld-join-control-deck .server-info-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
    .dashboard-command-hero{grid-template-columns:1fr;padding:30px}.dashboard-command-mark{display:none}
    .tld-commerce-page,.tld-join-control-deck{padding:24px!important}
    .tld-join-control-deck .server-info-grid{grid-template-columns:repeat(2,1fr)}
    body.support-center-background .tld-support-command-hero{padding:28px;flex-direction:column;align-items:flex-start}
}
@media(max-width:620px){
    .dashboard-command-hero{border-radius:20px 6px 20px 6px;padding:24px 20px}
    .dashboard-metrics{grid-template-columns:1fr}.dashboard-metric{min-height:116px}
    .dashboard-identity-strip>span{min-width:100%;width:100%}
    .tld-commerce-page,.tld-join-control-deck{padding:18px!important;border-radius:20px 6px 20px 6px!important}
    .tld-commerce-page .item-heading h1,.tld-join-control-deck .join-server-hero h1{font-size:36px}
    .tld-join-control-deck .server-info-grid{grid-template-columns:1fr}
    .tld-join-control-deck .join-actions .btn{width:100%}
    body.support-center-background .support-panel{padding:17px!important;border-radius:18px 5px 18px 5px!important}
}

/* ============================================================
   TLD SERVER RULES • FIELD MANUAL REDESIGN v3.0
   Editorial rulebook layout — scoped to Server Rules only.
   ============================================================ */
body.server-rules-background{
    --rules-gold:#d7a84e;
    --rules-cream:#f3f0e7;
    --rules-muted:#a9aea5;
    --rules-ink:#090b09;
}
body.server-rules-background .shell{max-width:1420px!important;padding-inline:28px!important}
body.server-rules-background .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}

/* HERO — cinematic split with curved image edge, not a box */
body.server-rules-background .rules2-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important;
    min-height:510px!important;
    margin:28px 0 22px!important;
    border:0!important;
    border-radius:34px!important;
    background:
        radial-gradient(circle at 14% 8%,rgba(208,156,67,.12),transparent 25%),
        linear-gradient(115deg,rgba(8,10,8,.985) 0%,rgba(12,15,11,.96) 60%,rgba(10,12,10,.72) 100%)!important;
    box-shadow:0 30px 90px rgba(0,0,0,.50)!important;
    overflow:hidden!important;
    isolation:isolate!important;
}
body.server-rules-background .rules2-hero::before{
    height:0!important;
    inset:auto!important;
}
body.server-rules-background .rules2-hero::after{
    content:"";
    position:absolute;
    width:340px;
    height:340px;
    border:1px solid rgba(216,168,78,.16);
    border-radius:50%;
    left:-175px;
    bottom:-185px;
    box-shadow:0 0 0 36px rgba(216,168,78,.03),0 0 0 72px rgba(216,168,78,.018);
    pointer-events:none;
}
body.server-rules-background .rules2-hero-copy{padding:58px 58px 54px!important;align-self:center!important}
body.server-rules-background .rules2-eyebrow{color:#ddb258!important;font-size:11px!important;letter-spacing:.23em!important}
body.server-rules-background .rules2-hero h1{
    font-family:Impact,"Arial Narrow","Trebuchet MS",sans-serif!important;
    font-size:clamp(58px,6vw,92px)!important;
    letter-spacing:.015em!important;
    line-height:.88!important;
    margin:14px 0 24px!important;
    text-shadow:0 10px 40px rgba(0,0,0,.55)!important;
}
body.server-rules-background .rules2-lead{font-size:19px!important;line-height:1.75!important;max-width:720px!important;color:#c8cdc4!important}
body.server-rules-background .rules2-callout{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    gap:18px!important;
    align-items:center!important;
    margin:28px 0 0!important;
    padding:0 0 0 18px!important;
    border:0!important;
    border-left:3px solid #dc5b4f!important;
    background:transparent!important;
}
body.server-rules-background .rules2-callout strong{font-size:11px!important;letter-spacing:.15em!important;color:#ff7569!important}
body.server-rules-background .rules2-callout span{font-size:14px!important;color:#bfc4bb!important}
body.server-rules-background .rules2-hero-actions{margin-top:28px!important;gap:11px!important}
body.server-rules-background .rules2-btn{
    min-height:46px!important;
    padding:0 20px!important;
    border:1px solid rgba(223,226,216,.18)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.035)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
    transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
body.server-rules-background .rules2-btn.primary{
    border-color:#a9803d!important;
    background:linear-gradient(135deg,#7b5624,#3f2f19)!important;
    color:#ffe0a3!important;
    box-shadow:0 8px 25px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.10)!important;
}
body.server-rules-background .rules2-btn:hover{transform:translateY(-2px)!important;background:rgba(255,255,255,.07)!important}
body.server-rules-background .rules2-btn.primary:hover{background:linear-gradient(135deg,#93662a,#4c381d)!important}
body.server-rules-background .rules2-hero-art{
    min-height:510px!important;max-height:510px!important;
    clip-path:ellipse(83% 85% at 72% 50%)!important;
    margin-left:-80px!important;
}
body.server-rules-background .rules2-hero-art::before{
    background:linear-gradient(90deg,rgba(10,12,9,.96) 0%,rgba(10,12,9,.55) 22%,rgba(10,12,9,.05) 60%)!important;
}
body.server-rules-background .rules2-hero-art::after{
    content:"";position:absolute;inset:0;z-index:2;
    background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.24));
    pointer-events:none;
}
body.server-rules-background .rules2-hero-art img{filter:saturate(.88) contrast(1.05)!important}

/* INDEX — floating glass strip with search + navigation */
body.server-rules-background .rules2-quick{
    position:sticky!important;top:12px!important;z-index:18!important;
    display:grid!important;
    grid-template-columns:auto minmax(320px,.7fr)!important;
    grid-template-areas:"intro search" "links links"!important;
    align-items:center!important;
    gap:16px 28px!important;
    margin:0 0 26px!important;
    padding:20px 22px 17px!important;
    border:1px solid rgba(194,204,188,.15)!important;
    border-radius:24px!important;
    background:rgba(8,11,8,.82)!important;
    box-shadow:0 18px 55px rgba(0,0,0,.30)!important;
    backdrop-filter:blur(18px) saturate(1.15)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
}
body.server-rules-background .rules2-quick-intro{grid-area:intro!important;min-width:240px!important}
body.server-rules-background .rules2-quick h2{font-size:23px!important;margin:3px 0 2px!important}
body.server-rules-background .rules2-quick p{font-size:13px!important}
body.server-rules-background .rules2-rule-search{
    grid-area:search!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:30px 1fr auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 14px!important;
    border:1px solid rgba(218,171,83,.25)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(20,24,19,.92),rgba(12,15,12,.92))!important;
    box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
body.server-rules-background .rules2-search-icon{color:#d7a84e!important;font-size:23px!important;line-height:1!important;transform:translateY(-1px)!important}
body.server-rules-background .rules2-rule-search input{
    width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#eef0e9!important;
    font:600 14px/1.2 "Trebuchet MS","Segoe UI",sans-serif!important;padding:0!important;min-width:0!important;
}
body.server-rules-background .rules2-rule-search input::placeholder{color:#777f75!important}
body.server-rules-background .rules2-search-count{font-size:10px!important;font-weight:1000!important;letter-spacing:.10em!important;text-transform:uppercase!important;color:#d2b36f!important;white-space:nowrap!important}
body.server-rules-background .rules2-quick-links{
    grid-area:links!important;
    display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-start!important;
    padding-top:14px!important;border-top:1px solid rgba(255,255,255,.07)!important;
}
body.server-rules-background .rules2-quick-links a{
    display:inline-flex!important;align-items:center!important;gap:8px!important;
    min-height:34px!important;padding:0 12px 0 8px!important;
    border:0!important;border-radius:999px!important;
    background:rgba(255,255,255,.035)!important;
    color:#cfd4cb!important;font-size:10px!important;letter-spacing:.06em!important;
    transition:background .15s ease,transform .15s ease,color .15s ease!important;
}
body.server-rules-background .rules2-quick-links a span{
    display:grid!important;place-items:center!important;width:22px!important;height:22px!important;border-radius:50%!important;
    background:rgba(255,255,255,.06)!important;color:currentColor!important;font-size:9px!important;
}
body.server-rules-background .rules2-quick-links a:hover{transform:translateY(-1px)!important;background:rgba(255,255,255,.075)!important}

/* CORE PRINCIPLES — one uninterrupted rail */
body.server-rules-background .rules2-route-grid{
    display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;
    margin:0 0 48px!important;padding:10px 0!important;
    border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
}
body.server-rules-background .rules2-route-grid article{
    min-height:128px!important;padding:20px 26px!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
}
body.server-rules-background .rules2-route-grid article+article{border-left:1px solid rgba(255,255,255,.08)!important}
body.server-rules-background .rules2-route-grid article::before{width:2px!important;top:24px!important;bottom:24px!important;border-radius:3px!important}
body.server-rules-background .rules2-route-grid h3{font-size:24px!important;margin:8px 0 5px!important}
body.server-rules-background .rules2-route-grid p{font-size:13px!important;line-height:1.6!important}

/* CHAPTERS — editorial layout, not cards */
body.server-rules-background .rules-page-shell{display:grid!important;gap:68px!important}
body.server-rules-background .rules-chapter{
    --rule-accent:#aaa!important;
    display:grid!important;
    grid-template-columns:260px minmax(0,1fr)!important;
    column-gap:48px!important;
    align-items:start!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    scroll-margin-top:132px!important;
    position:relative!important;
}
body.server-rules-background .rules-chapter::before{
    content:"";position:absolute!important;left:284px!important;top:0!important;bottom:0!important;width:1px!important;
    background:linear-gradient(180deg,color-mix(in srgb,var(--rule-accent) 65%,transparent),rgba(255,255,255,.06) 12%,rgba(255,255,255,.06) 88%,transparent)!important;
}
body.server-rules-background .rules-chapter-heading{
    grid-column:1!important;
    position:sticky!important;top:178px!important;
    display:block!important;
    margin:0!important;padding:6px 18px 0 0!important;
    border:0!important;background:transparent!important;
}
body.server-rules-background .rules-chapter-icon{
    width:62px!important;height:62px!important;margin:0 0 20px!important;
    border:1px solid color-mix(in srgb,var(--rule-accent) 62%,#222)!important;
    border-radius:20px 20px 20px 5px!important;
    background:linear-gradient(145deg,color-mix(in srgb,var(--rule-accent) 16%,#0b0d0b),#0b0d0b)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
}
body.server-rules-background .rules-chapter-heading span{display:block!important;margin-bottom:8px!important;font-size:10px!important}
body.server-rules-background .rules-chapter-heading h2{
    max-width:240px!important;margin:0!important;font-size:32px!important;line-height:1.02!important;letter-spacing:.025em!important;
}
body.server-rules-background .rules-chapter-heading::after{
    content:"READ • UNDERSTAND • FOLLOW";display:block!important;margin-top:18px!important;padding-top:14px!important;
    border-top:1px solid rgba(255,255,255,.08)!important;color:#686f67!important;font-size:8px!important;font-weight:900!important;letter-spacing:.17em!important;
}
body.server-rules-background .rules-card-grid{
    grid-column:2!important;
    display:grid!important;grid-template-columns:1fr!important;gap:0!important;
}
body.server-rules-background .rules-section-copy{
    grid-column:2!important;
    margin:0 0 14px!important;padding:18px 22px!important;
    border:0!important;border-left:2px solid var(--rule-accent)!important;border-radius:0 18px 18px 0!important;
    background:linear-gradient(90deg,color-mix(in srgb,var(--rule-accent) 7%,rgba(12,14,12,.78)),rgba(12,14,12,.36))!important;
}
body.server-rules-background .rules-card{
    display:grid!important;
    grid-template-columns:minmax(210px,28%) minmax(0,1fr)!important;
    overflow:visible!important;
    border:0!important;border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    transition:background .18s ease!important;
    position:relative!important;
}
body.server-rules-background .rules-card::after{
    content:"";position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:1px!important;
    background:linear-gradient(90deg,color-mix(in srgb,var(--rule-accent) 34%,transparent),rgba(255,255,255,.055) 32%,rgba(255,255,255,.025))!important;
}
body.server-rules-background .rules-card:first-child::before{
    content:"";position:absolute!important;left:0!important;right:0!important;top:0!important;height:1px!important;
    background:linear-gradient(90deg,color-mix(in srgb,var(--rule-accent) 34%,transparent),rgba(255,255,255,.055) 32%,rgba(255,255,255,.025))!important;
}
body.server-rules-background .rules-card:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--rule-accent) 5%,transparent),rgba(255,255,255,.015))!important}
body.server-rules-background .rules-card-head{
    display:block!important;
    min-height:100%!important;
    padding:25px 30px 25px 0!important;
    border:0!important;
    background:transparent!important;
}
body.server-rules-background .rules-card-head>span{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-width:0!important;width:auto!important;height:auto!important;
    margin:0 0 10px!important;padding:5px 9px!important;
    border:1px solid color-mix(in srgb,var(--rule-accent) 55%,#333)!important;
    border-radius:999px!important;
    background:color-mix(in srgb,var(--rule-accent) 7%,transparent)!important;
    font-size:9px!important;letter-spacing:.12em!important;
}
body.server-rules-background .rules-card-head h3{
    max-width:240px!important;
    font-size:17px!important;line-height:1.35!important;letter-spacing:.02em!important;text-transform:none!important;
}
body.server-rules-background .rules-card-body{
    padding:25px 0 26px 30px!important;
    border-left:1px solid rgba(255,255,255,.055)!important;
    background:transparent!important;
    color:#c3c9c0!important;font-size:15px!important;line-height:1.74!important;
}
body.server-rules-background .rules-card-body p{max-width:780px!important;margin-bottom:11px!important}
body.server-rules-background .rules-card-body p:first-child{color:#d8ddd4!important}
body.server-rules-background .rules-card-body strong{color:#efc56e!important}
body.server-rules-background .rules-card-body ul,
body.server-rules-background .rules-section-copy ul{
    columns:2!important;column-gap:36px!important;margin:10px 0 13px!important;padding-left:22px!important;
}
body.server-rules-background .rules-card[hidden]{display:none!important}
body.server-rules-background .rules-chapter.rules-search-empty{display:none!important}
body.server-rules-background.rules-searching .rules-page-shell{gap:34px!important}

/* ENFORCEMENT becomes a strong terminal chapter rather than another panel */
body.server-rules-background #rules-enforcement .rules-section-copy{
    padding:26px 30px!important;
    border-left:3px solid #cf5044!important;
    background:linear-gradient(90deg,rgba(92,25,22,.18),rgba(15,15,13,.34))!important;
}
body.server-rules-background #rules-enforcement .rules-section-copy p:nth-child(2){
    color:#f0b56a!important;font-weight:900!important;letter-spacing:.03em!important;font-size:16px!important;
}

/* FINAL MESSAGE — curved closing statement */
body.server-rules-background .rules-final-banner{
    position:relative!important;overflow:hidden!important;
    margin:74px 0 28px!important;padding:55px 42px!important;
    border:1px solid rgba(211,80,68,.26)!important;border-radius:34px!important;
    background:
        radial-gradient(circle at 50% -30%,rgba(179,54,45,.27),transparent 55%),
        linear-gradient(145deg,rgba(14,16,13,.96),rgba(6,8,6,.98))!important;
    box-shadow:0 26px 70px rgba(0,0,0,.34)!important;
}
body.server-rules-background .rules-final-banner::before,
body.server-rules-background .rules-final-banner::after{
    content:"";position:absolute!important;width:230px!important;height:230px!important;border:1px solid rgba(209,83,71,.12)!important;border-radius:50%!important;
}
body.server-rules-background .rules-final-banner::before{left:-130px!important;top:-120px!important}
body.server-rules-background .rules-final-banner::after{right:-130px!important;bottom:-120px!important}
body.server-rules-background .rules-final-banner>span{letter-spacing:.27em!important}
body.server-rules-background .rules-final-banner h2{font-size:clamp(34px,4vw,56px)!important;line-height:1.05!important;margin:10px auto 18px!important;max-width:900px!important}
body.server-rules-background .rules-final-banner .rules-section-copy{
    max-width:850px!important;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;text-align:center!important;
}
body.server-rules-background .rules-final-banner a{
    margin-top:22px!important;min-height:42px!important;padding:0 17px!important;display:inline-flex!important;align-items:center!important;
    border:1px solid rgba(229,94,81,.45)!important;border-radius:999px!important;background:rgba(159,44,36,.08)!important;color:#ff8b7e!important;
}

@media(max-width:1180px){
    body.server-rules-background .rules2-hero{grid-template-columns:1fr minmax(330px,.72fr)!important}
    body.server-rules-background .rules2-hero-copy{padding:46px 42px!important}
    body.server-rules-background .rules-chapter{grid-template-columns:220px minmax(0,1fr)!important;column-gap:34px!important}
    body.server-rules-background .rules-chapter::before{left:237px!important}
    body.server-rules-background .rules-card{grid-template-columns:minmax(190px,30%) minmax(0,1fr)!important}
}
@media(max-width:980px){
    body.server-rules-background .shell{padding-inline:18px!important}
    body.server-rules-background .rules2-hero{grid-template-columns:1fr!important;border-radius:26px!important}
    body.server-rules-background .rules2-hero-copy{padding:40px 34px 32px!important}
    body.server-rules-background .rules2-hero-art{margin:0!important;clip-path:none!important;height:320px!important;min-height:320px!important;max-height:320px!important}
    body.server-rules-background .rules2-hero-art::before{background:linear-gradient(0deg,rgba(10,12,9,.94),rgba(10,12,9,.05) 70%)!important}
    body.server-rules-background .rules2-quick{position:relative!important;top:auto!important;grid-template-columns:1fr!important;grid-template-areas:"intro" "search" "links"!important;border-radius:20px!important}
    body.server-rules-background .rules2-route-grid{grid-template-columns:repeat(2,1fr)!important}
    body.server-rules-background .rules2-route-grid article:nth-child(3){border-left:0!important;border-top:1px solid rgba(255,255,255,.08)!important}
    body.server-rules-background .rules2-route-grid article:nth-child(4){border-top:1px solid rgba(255,255,255,.08)!important}
    body.server-rules-background .rules-chapter{display:block!important}
    body.server-rules-background .rules-chapter::before{display:none!important}
    body.server-rules-background .rules-chapter-heading{position:relative!important;top:auto!important;padding:0 0 22px!important;margin-bottom:3px!important;display:grid!important;grid-template-columns:64px 1fr!important;column-gap:16px!important;align-items:center!important}
    body.server-rules-background .rules-chapter-icon{grid-row:1 / span 2!important;margin:0!important}
    body.server-rules-background .rules-chapter-heading span{grid-column:2!important;margin:0!important}
    body.server-rules-background .rules-chapter-heading h2{grid-column:2!important;max-width:none!important;font-size:30px!important}
    body.server-rules-background .rules-chapter-heading::after{display:none!important}
    body.server-rules-background .rules-section-copy{margin-bottom:8px!important}
}
@media(max-width:700px){
    body.server-rules-background .shell{padding-inline:12px!important}
    body.server-rules-background .rules2-hero{margin-top:14px!important;border-radius:20px!important}
    body.server-rules-background .rules2-hero-copy{padding:30px 24px 26px!important}
    body.server-rules-background .rules2-hero h1{font-size:54px!important}
    body.server-rules-background .rules2-lead{font-size:16px!important}
    body.server-rules-background .rules2-callout{grid-template-columns:1fr!important}
    body.server-rules-background .rules2-hero-art{height:245px!important;min-height:245px!important;max-height:245px!important}
    body.server-rules-background .rules2-quick{padding:18px 16px 15px!important}
    body.server-rules-background .rules2-rule-search{grid-template-columns:26px 1fr!important}
    body.server-rules-background .rules2-search-count{display:none!important}
    body.server-rules-background .rules2-quick-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
    body.server-rules-background .rules2-quick-links a{justify-content:flex-start!important}
    body.server-rules-background .rules2-route-grid{grid-template-columns:1fr!important}
    body.server-rules-background .rules2-route-grid article+article{border-left:0!important;border-top:1px solid rgba(255,255,255,.08)!important}
    body.server-rules-background .rules-page-shell{gap:48px!important}
    body.server-rules-background .rules-chapter-heading{grid-template-columns:54px 1fr!important}
    body.server-rules-background .rules-chapter-icon{width:52px!important;height:52px!important;border-radius:16px 16px 16px 5px!important;font-size:21px!important}
    body.server-rules-background .rules-chapter-heading h2{font-size:25px!important}
    body.server-rules-background .rules-card{grid-template-columns:1fr!important;padding:0!important}
    body.server-rules-background .rules-card-head{padding:22px 0 8px!important}
    body.server-rules-background .rules-card-head h3{max-width:none!important;font-size:17px!important}
    body.server-rules-background .rules-card-body{padding:0 0 23px!important;border-left:0!important}
    body.server-rules-background .rules-card-body ul,
    body.server-rules-background .rules-section-copy ul{columns:1!important}
    body.server-rules-background .rules-final-banner{margin-top:52px!important;padding:38px 22px!important;border-radius:22px!important}
}

/* ========================================================================== */
/* TLD MY ITEM DELIVERIES — DELIVERY OPERATIONS TERMINAL v4                  */
/* ========================================================================== */
body.gamma-field.delivery-hub-page{
    --delivery-gold:#d6a64a;
    --delivery-gold-bright:#f1c96d;
    --delivery-orange:#e9782f;
    --delivery-green:#78c786;
    --delivery-cyan:#68bfc0;
    --delivery-red:#e06b5e;
    --delivery-ink:#090b09;
    --delivery-panel:rgba(11,14,11,.86);
    --delivery-line:rgba(226,190,102,.16);
}
body.gamma-field.delivery-hub-page .shell{
    max-width:1520px!important;
    padding-top:30px!important;
    padding-bottom:64px!important;
}
body.gamma-field.delivery-hub-page .delivery-hub{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:26px;
    isolation:isolate;
}

/* HERO — command deck, not a generic panel */
.delivery-hero{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(540px,.95fr);
    gap:28px;
    min-height:330px;
    padding:46px 48px 42px;
    border:1px solid rgba(226,190,102,.2);
    border-radius:36px 36px 36px 10px;
    background:
        linear-gradient(112deg,rgba(7,9,7,.97) 0%,rgba(10,13,10,.91) 44%,rgba(22,18,11,.81) 100%),
        radial-gradient(circle at 85% 5%,rgba(223,142,53,.15),transparent 46%);
    box-shadow:0 28px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.035);
}
.delivery-hero::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,transparent 49.85%,rgba(255,255,255,.024) 50%,transparent 50.15%),
        linear-gradient(0deg,transparent 49.85%,rgba(255,255,255,.018) 50%,transparent 50.15%);
    background-size:52px 52px;
    mask-image:linear-gradient(90deg,transparent 32%,#000 100%);
}
.delivery-hero::after{
    content:"";
    position:absolute;
    left:48px;
    bottom:0;
    width:155px;
    height:3px;
    background:linear-gradient(90deg,var(--delivery-gold-bright),var(--delivery-orange),transparent);
    border-radius:4px;
}
.delivery-hero-glow{
    position:absolute;
    width:470px;
    height:470px;
    right:-170px;
    top:-270px;
    border:1px solid rgba(232,155,60,.13);
    border-radius:50%;
    box-shadow:0 0 0 55px rgba(232,155,60,.025),0 0 0 120px rgba(232,155,60,.012);
    pointer-events:none;
}
.delivery-hero-copy{position:relative;z-index:2;align-self:center;max-width:760px}
.delivery-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:16px;
    color:var(--delivery-gold-bright);
    font-size:11px;
    font-weight:900;
    letter-spacing:.26em;
}
.delivery-kicker::before{content:"";width:28px;height:1px;background:var(--delivery-orange)}
.delivery-hero h1{
    margin:0 0 18px;
    color:#f3f1e9;
    font-size:clamp(48px,5.6vw,78px);
    line-height:.95;
    letter-spacing:-.045em;
    font-weight:950;
}
.delivery-hero h1 em{display:block;color:var(--delivery-gold-bright);font-style:normal;font-weight:900}
.delivery-intro{
    max-width:720px;
    margin:0;
    color:#bdc2b8;
    font-size:17px;
    line-height:1.68;
}
.delivery-hero-status{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:25px;
    padding:8px 12px 8px 10px;
    border:1px solid rgba(118,199,134,.2);
    border-radius:999px;
    background:rgba(73,128,80,.08);
    color:#a7b2a5;
    font-size:10px;
    letter-spacing:.09em;
}
.delivery-hero-status span{display:inline-flex;align-items:center;gap:7px;color:#8fd29a;font-weight:900}
.delivery-hero-status i{width:7px;height:7px;border-radius:50%;background:#78c786;box-shadow:0 0 12px rgba(120,199,134,.65)}
.delivery-hero-status strong{color:#ddd7c8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:600}

.delivery-instruments{
    position:relative;
    z-index:2;
    align-self:center;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    grid-template-rows:repeat(2,minmax(105px,1fr));
    gap:10px;
    min-width:0;
}
.delivery-instrument{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    padding:18px 18px 17px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:22px 22px 22px 6px;
    background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
    backdrop-filter:blur(12px);
}
.delivery-instrument::after{content:"";position:absolute;left:0;bottom:0;width:48%;height:2px;background:currentColor;opacity:.72}
.delivery-instrument span{color:#92998f;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.delivery-instrument strong{margin:4px 0 2px;color:#f4f1e8;font-size:33px;line-height:1;font-weight:950;letter-spacing:-.04em}
.delivery-instrument small{color:#7f887d;font-size:10px}
.delivery-instrument-total{grid-column:span 3;color:var(--delivery-gold-bright)}
.delivery-instrument-ready{grid-column:span 3;color:var(--delivery-green)}
.delivery-instrument-processing{grid-column:span 2;color:var(--delivery-cyan)}
.delivery-instrument-delivered{grid-column:span 2;color:#a5a89e}
.delivery-instrument-recurring{grid-column:span 2;color:var(--delivery-orange)}

/* SPAWN ADVISORY */
.delivery-advisory{
    position:relative;
    display:grid;
    grid-template-columns:64px minmax(0,1fr) 120px;
    gap:22px;
    align-items:center;
    overflow:hidden;
    padding:24px 28px;
    border:1px solid rgba(224,107,94,.34);
    border-left:4px solid var(--delivery-red);
    border-radius:10px 26px 26px 10px;
    background:
        linear-gradient(100deg,rgba(90,26,22,.27),rgba(18,14,11,.82) 42%,rgba(10,12,10,.88)),
        radial-gradient(circle at 95% 50%,rgba(224,107,94,.12),transparent 32%);
    box-shadow:0 18px 40px rgba(0,0,0,.21);
}
.delivery-advisory::after{content:"";position:absolute;right:92px;top:-130px;width:260px;height:260px;border:1px dashed rgba(224,107,94,.12);border-radius:50%;pointer-events:none}
.delivery-advisory-icon{
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    border:1px solid rgba(255,126,107,.48);
    border-radius:50%;
    background:rgba(159,48,39,.19);
    color:#ff8a7c;
    font-size:27px;
    font-weight:950;
    box-shadow:0 0 0 7px rgba(224,107,94,.035);
}
.delivery-advisory-copy{position:relative;z-index:2}
.delivery-advisory-copy>span{color:#ff8a7c;font-size:10px;font-weight:950;letter-spacing:.2em}
.delivery-advisory-copy h2{margin:3px 0 5px;color:#f1eee5;font-size:20px;line-height:1.25}
.delivery-advisory-copy p{margin:0;max-width:1060px;color:#b9bcb4;font-size:13px;line-height:1.62}
.delivery-advisory-copy strong{color:#e9c7bb}
.delivery-advisory-range{position:relative;z-index:2;text-align:center;color:#ff806f}
.delivery-advisory-range span{display:block;font-size:42px;line-height:.9;font-weight:950;letter-spacing:-.05em}
.delivery-advisory-range small{font-size:9px;font-weight:950;letter-spacing:.22em}

/* COMMAND BAR */
.delivery-commandbar{
    position:sticky;
    top:12px;
    z-index:25;
    display:grid;
    grid-template-columns:minmax(300px,1fr) auto;
    gap:14px;
    align-items:center;
    padding:12px;
    border:1px solid rgba(226,190,102,.15);
    border-radius:24px;
    background:rgba(7,10,8,.88);
    box-shadow:0 18px 45px rgba(0,0,0,.29);
    backdrop-filter:blur(18px);
}
.delivery-search-wrap{
    display:grid;
    grid-template-columns:34px minmax(0,1fr) auto;
    align-items:center;
    min-height:48px;
    padding:0 8px 0 6px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:17px;
    background:rgba(255,255,255,.026);
}
.delivery-search-icon{display:grid;place-items:center;color:#cfad65;font-size:21px;transform:rotate(-12deg)}
.delivery-search-wrap input{
    width:100%;
    min-width:0;
    border:0!important;
    outline:0!important;
    padding:0 8px!important;
    background:transparent!important;
    color:#eeeae0!important;
    box-shadow:none!important;
    font-size:13px!important;
}
.delivery-search-wrap input::placeholder{color:#6f766d}
.delivery-result-count{padding:5px 9px;border-radius:999px;background:rgba(211,167,80,.08);color:#cbb987;font-size:10px;font-weight:850;white-space:nowrap}
.delivery-filter-group{display:flex;flex-wrap:wrap;gap:7px}
.delivery-filter{
    min-height:44px;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:15px;
    background:rgba(255,255,255,.025);
    color:#9ca29a;
    font-size:10px;
    font-weight:900;
    letter-spacing:.05em;
    cursor:pointer;
    transition:.18s ease;
}
.delivery-filter b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.05);color:#d3b366;font-size:9px}
.delivery-filter:hover{transform:translateY(-1px);border-color:rgba(229,190,100,.24);color:#eee9df}
.delivery-filter.is-active{border-color:rgba(225,178,78,.38);background:linear-gradient(135deg,rgba(212,156,57,.18),rgba(164,93,32,.09));color:#f0cf83;box-shadow:inset 0 1px rgba(255,255,255,.035)}

/* INVENTORY STREAM — wide records, not a box/card wall */
.delivery-stream{display:flex;flex-direction:column;gap:14px}
.delivery-record{
    position:relative;
    display:grid;
    grid-template-columns:300px minmax(0,1fr) 285px;
    min-height:210px;
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,.085);
    border-bottom:1px solid rgba(255,255,255,.055);
    border-radius:26px 10px 26px 10px;
    background:linear-gradient(108deg,rgba(8,11,8,.93),rgba(12,15,11,.82) 70%,rgba(18,16,11,.88));
    box-shadow:0 16px 34px rgba(0,0,0,.19);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.delivery-record::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--record-accent,#c69a49),transparent 85%);opacity:.85;z-index:3}
.delivery-record:hover{transform:translateY(-2px);border-top-color:rgba(223,184,95,.2);box-shadow:0 22px 48px rgba(0,0,0,.27)}
.delivery-record-ready{--record-accent:#72c47f}
.delivery-record-processing{--record-accent:#67bfc0}
.delivery-record-delivered{--record-accent:#a08d62}
.delivery-record[hidden]{display:none!important}

.delivery-record-visual{position:relative;min-height:210px;overflow:hidden;background:#070907}
.delivery-record-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 56%,rgba(8,11,8,.92) 100%),linear-gradient(0deg,rgba(4,6,4,.62),transparent 47%);pointer-events:none}
.delivery-record-visual img{width:100%;height:100%;min-height:210px;object-fit:cover;display:block;transition:transform .3s ease,filter .3s ease}
.delivery-record:hover .delivery-record-visual img{transform:scale(1.025);filter:saturate(1.06) contrast(1.03)}
.delivery-image-placeholder{display:grid;place-items:center;align-content:center;gap:4px;width:100%;height:100%;min-height:210px;background:radial-gradient(circle,rgba(199,155,73,.13),transparent 55%);color:#c99e4b}
.delivery-image-placeholder span{font-size:36px;font-weight:950;letter-spacing:.08em}.delivery-image-placeholder small{font-size:8px;letter-spacing:.25em}
.delivery-visual-status{position:absolute;z-index:3;left:17px;bottom:15px;padding:7px 10px;border:1px solid currentColor;border-radius:999px;background:rgba(5,7,5,.82);font-size:9px;font-weight:950;letter-spacing:.12em;backdrop-filter:blur(9px)}
.delivery-visual-status-ready{color:#87d491}.delivery-visual-status-processing{color:#7fd0d0}.delivery-visual-status-delivered{color:#cdb77f}

.delivery-record-main{min-width:0;padding:24px 27px 20px}
.delivery-record-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.delivery-record-label{display:block;margin-bottom:5px;color:#7f867c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:800;letter-spacing:.14em}
.delivery-record-heading h2{margin:0;color:#f0eee6;font-size:26px;line-height:1.12;letter-spacing:-.025em}
.delivery-value-badge{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(222,182,92,.2);border-radius:999px;background:rgba(206,157,65,.06);color:#e3c16f;font-size:10px;font-weight:950;letter-spacing:.08em}
.delivery-classname{display:flex;align-items:center;gap:9px;margin-top:10px;min-width:0}
.delivery-classname span{color:#777f75;font-size:8px;font-weight:950;letter-spacing:.16em}
.delivery-classname code,.delivery-receipt code{overflow:hidden;text-overflow:ellipsis;color:#d3ae60;background:transparent;font-size:11px;white-space:nowrap}
.delivery-vehicle-selection{display:flex;gap:11px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-left:2px solid #cf5d4f;border-radius:0 13px 13px 0;background:linear-gradient(90deg,rgba(127,35,30,.14),transparent)}
.delivery-vehicle-icon{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border:1px solid rgba(225,92,78,.35);border-radius:9px;color:#ef7769;font-size:10px;font-weight:950}
.delivery-vehicle-selection div{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.delivery-vehicle-selection small{width:100%;color:#be766d;font-size:8px;font-weight:950;letter-spacing:.15em}.delivery-vehicle-selection strong{color:#e3ded3;font-size:12px}.delivery-vehicle-selection code{color:#c69f56;font-size:10px}
.delivery-meta-rail{display:flex;flex-wrap:wrap;gap:0;margin-top:17px;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.045)}
.delivery-meta-rail>div{min-width:94px;padding:10px 14px 9px 0;margin-right:15px}.delivery-meta-rail span{display:block;color:#6f776d;font-size:7px;font-weight:950;letter-spacing:.14em}.delivery-meta-rail strong{display:block;margin-top:2px;color:#c9c9be;font-size:11px;font-weight:750}.delivery-meta-next{flex:1;min-width:180px!important}.delivery-meta-next strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#b8b7ab!important;font-size:10px!important}
.delivery-server-message{margin-top:10px;padding:7px 10px;border-radius:9px;background:rgba(104,191,192,.055);color:#98acab;font-size:10px;line-height:1.45}.delivery-server-message span{margin-right:8px;color:#6cc4c5;font-size:8px;font-weight:950;letter-spacing:.13em}
.delivery-receipt{margin-top:9px;color:#8e958b;font-size:10px}.delivery-receipt summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#8b9288;font-size:9px;font-weight:800;letter-spacing:.03em;list-style:none}.delivery-receipt summary::-webkit-details-marker{display:none}.delivery-receipt summary::before{content:"+";display:grid;place-items:center;width:17px;height:17px;border:1px solid rgba(255,255,255,.09);border-radius:50%;color:#c7a65d}.delivery-receipt[open] summary::before{content:"−"}.delivery-receipt>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 8px;margin-top:8px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.025)}.delivery-receipt>div span{color:#6f756c;font-size:8px;text-transform:uppercase;letter-spacing:.1em}

/* ACTION RAIL */
.delivery-control-rail{position:relative;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:22px 22px 22px 25px;border-left:1px solid rgba(255,255,255,.055);background:linear-gradient(135deg,rgba(255,255,255,.018),rgba(0,0,0,.07))}
.delivery-control-status{padding-left:12px;border-left:2px solid currentColor}.delivery-control-status>span{display:block;color:#777e75;font-size:8px;font-weight:950;letter-spacing:.15em}.delivery-control-status strong{display:block;margin:3px 0 1px;font-size:14px;letter-spacing:.035em}.delivery-control-status small{color:#7e857b;font-size:9px}.delivery-control-status-ready{color:#7fd08b}.delivery-control-status-processing{color:#6dc5c7}.delivery-control-status-delivered{color:#c7ac6c}
.delivery-control-form{display:flex;flex-direction:column;gap:9px}.delivery-control-form label{color:#8d9489;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.delivery-control-form select{width:100%;min-height:43px;padding:0 12px!important;border:1px solid rgba(223,184,94,.18)!important;border-radius:13px!important;background:#0b0e0b!important;color:#ddd9cf!important;box-shadow:none!important;font-size:12px!important}
.delivery-fixed-location{padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.025)}.delivery-fixed-location span{display:block;color:#747b72;font-size:8px;font-weight:950;letter-spacing:.12em}.delivery-fixed-location strong{display:block;margin-top:2px;color:#dad6cb;font-size:12px}
.delivery-launch-button{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 38px;align-items:center;min-height:48px;padding:0 6px 0 16px;border:1px solid rgba(235,180,70,.46);border-radius:15px 15px 15px 5px;background:linear-gradient(110deg,#9f5a1f,#b86925 58%,#c7792e);color:white;font-size:11px;font-weight:950;letter-spacing:.035em;cursor:pointer;box-shadow:0 8px 18px rgba(129,66,19,.2),inset 0 1px rgba(255,255,255,.12);transition:.18s ease}.delivery-launch-button::before{content:"";position:absolute;inset:0;transform:translateX(-105%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:transform .42s ease}.delivery-launch-button:hover{transform:translateY(-1px);filter:brightness(1.09);box-shadow:0 11px 24px rgba(129,66,19,.28)}.delivery-launch-button:hover::before{transform:translateX(105%)}.delivery-launch-button span{position:relative;z-index:2;text-align:left}.delivery-launch-button b{position:relative;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(0,0,0,.15);font-size:17px;font-weight:500}
.delivery-queue-animation{display:flex;gap:6px;align-items:center;height:22px}.delivery-queue-animation i{width:7px;height:7px;border-radius:50%;background:#65bfc0;animation:deliveryPulse 1.15s infinite ease-in-out}.delivery-queue-animation i:nth-child(2){animation-delay:.15s}.delivery-queue-animation i:nth-child(3){animation-delay:.3s}@keyframes deliveryPulse{0%,80%,100%{opacity:.25;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}
.delivery-locked-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(211,177,98,.23);border-radius:50%;background:rgba(211,177,98,.055);color:#d0b474;font-size:17px}.delivery-control-note{margin:0;color:#8e948a;font-size:10px;line-height:1.55}

.delivery-no-results,.delivery-empty-state{padding:60px 30px;text-align:center;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(90deg,transparent,rgba(10,13,10,.72),transparent)}
.delivery-no-results>span,.delivery-empty-state>span{color:#c7a85e;font-size:9px;font-weight:950;letter-spacing:.2em}.delivery-no-results h2,.delivery-empty-state h2{margin:7px 0 8px;color:#e9e6dd;font-size:25px}.delivery-no-results p,.delivery-empty-state p{margin:0 auto;max-width:620px;color:#858c82;font-size:12px;line-height:1.6}.delivery-empty-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border:1px solid rgba(212,170,77,.25);border-radius:18px 18px 18px 5px;color:#d6ad58;font-size:18px;font-weight:950}.delivery-no-results button{margin-top:15px;min-height:40px;padding:0 14px;border:1px solid rgba(210,168,75,.25);border-radius:12px;background:rgba(210,168,75,.06);color:#d7bd7d;font-size:10px;font-weight:900;cursor:pointer}

@media(max-width:1280px){
    .delivery-hero{grid-template-columns:1fr;min-height:0}
    .delivery-instruments{width:100%;grid-template-columns:repeat(10,1fr);grid-template-rows:1fr}
    .delivery-instrument-total,.delivery-instrument-ready{grid-column:span 2}.delivery-instrument-processing,.delivery-instrument-delivered,.delivery-instrument-recurring{grid-column:span 2}
    .delivery-record{grid-template-columns:255px minmax(0,1fr) 250px}
}
@media(max-width:1040px){
    .delivery-commandbar{position:relative;top:auto;grid-template-columns:1fr}
    .delivery-filter-group{justify-content:flex-start}
    .delivery-record{grid-template-columns:230px minmax(0,1fr)}
    .delivery-control-rail{grid-column:1/-1;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(260px,1.2fr);align-items:center;border-left:0;border-top:1px solid rgba(255,255,255,.055)}
    .delivery-control-form{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(180px,1.2fr);align-items:end}.delivery-control-form label{grid-column:1}.delivery-control-form select{grid-column:1}.delivery-control-form .delivery-launch-button{grid-column:2;grid-row:1/span 2}
}
@media(max-width:760px){
    body.gamma-field.delivery-hub-page .shell{padding-inline:12px!important;padding-top:14px!important}
    .delivery-hub{gap:16px}
    .delivery-hero{padding:32px 24px 28px;border-radius:24px 24px 24px 8px}
    .delivery-hero::after{left:24px}.delivery-hero h1{font-size:48px}.delivery-intro{font-size:14px}.delivery-hero-status{max-width:100%;flex-wrap:wrap}
    .delivery-instruments{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.delivery-instrument-total,.delivery-instrument-ready,.delivery-instrument-processing,.delivery-instrument-delivered{grid-column:span 1}.delivery-instrument-recurring{grid-column:1/-1}
    .delivery-advisory{grid-template-columns:45px 1fr;padding:20px 18px;gap:14px}.delivery-advisory-icon{width:42px;height:42px}.delivery-advisory-range{display:none}.delivery-advisory-copy h2{font-size:17px}
    .delivery-search-wrap{grid-template-columns:30px minmax(0,1fr)}.delivery-result-count{display:none}.delivery-filter-group{display:grid;grid-template-columns:repeat(2,1fr)}.delivery-filter{width:100%}
    .delivery-record{display:block;border-radius:20px 8px 20px 8px}.delivery-record-visual{height:220px;min-height:220px}.delivery-record-visual::after{background:linear-gradient(0deg,rgba(8,11,8,.92),transparent 55%)}.delivery-record-main{padding:20px}.delivery-record-heading{gap:10px}.delivery-record-heading h2{font-size:22px}.delivery-meta-next{min-width:100%!important}
    .delivery-control-rail{display:flex;padding:19px 20px;border-top:1px solid rgba(255,255,255,.055)}.delivery-control-form{display:flex}.delivery-control-form .delivery-launch-button{grid-column:auto;grid-row:auto}
}


/* =========================================================
   TLD FREE KITS / REWARDS — REWARD NETWORK CONSOLE v5
   ========================================================= */
body.rewards-console-page .shell{padding-top:28px!important}
.rewards-console{--reward-gold:#d3aa54;--reward-gold-bright:#efcf81;--reward-green:#7edb91;--reward-red:#d76658;--reward-ink:#080b08;display:flex;flex-direction:column;gap:18px;max-width:1540px;margin:0 auto;padding:0 0 38px}
.rewards-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);gap:34px;align-items:center;min-height:340px;padding:46px 48px;border:1px solid rgba(229,190,100,.18);border-radius:34px 34px 34px 10px;background:linear-gradient(100deg,rgba(8,11,8,.97) 0%,rgba(11,13,10,.91) 45%,rgba(13,12,9,.72) 100%),radial-gradient(circle at 86% 26%,rgba(173,50,39,.22),transparent 28%),radial-gradient(circle at 72% 92%,rgba(199,151,58,.13),transparent 34%);box-shadow:0 26px 70px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.025)}
.rewards-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 55%,rgba(255,255,255,.02) 55.2%,transparent 55.4%),linear-gradient(0deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:auto,100% 45px;pointer-events:none}
.rewards-hero::after{content:"REWARD NETWORK";position:absolute;right:-22px;bottom:-24px;color:rgba(255,255,255,.025);font-size:86px;font-weight:950;letter-spacing:.08em;white-space:nowrap;pointer-events:none}
.rewards-hero-copy,.rewards-hero-stats{position:relative;z-index:2}
.rewards-kicker{display:inline-flex;align-items:center;gap:9px;color:#cba652;font-size:10px;font-weight:950;letter-spacing:.22em}.rewards-kicker::before{content:"";width:28px;height:1px;background:#cc9e43;box-shadow:0 0 12px rgba(204,158,67,.4)}
.rewards-hero h1{margin:8px 0 12px;color:#f4f1e8;font-size:66px;line-height:.95;letter-spacing:-.045em}.rewards-hero h1 em{color:#d8a84b;font-style:normal;font-weight:750}
.rewards-hero-copy p{max-width:820px;margin:0;color:#afb5ad;font-size:15px;line-height:1.7}.rewards-hero-copy p strong{color:#e6c877}
.rewards-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.rewards-primary-action,.rewards-secondary-action{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:0 18px;border-radius:16px 16px 16px 5px;text-decoration:none!important;font-size:11px;font-weight:950;letter-spacing:.045em;transition:.18s ease}.rewards-primary-action{min-width:210px;border:1px solid rgba(235,190,91,.44);background:linear-gradient(115deg,#956022,#bc782d);color:#fff!important;box-shadow:0 12px 28px rgba(126,75,22,.23),inset 0 1px rgba(255,255,255,.12)}.rewards-primary-action b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(0,0,0,.16);font-size:16px}.rewards-primary-action:hover{transform:translateY(-2px);filter:brightness(1.08)}.rewards-secondary-action{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);color:#c8cbc4!important}.rewards-secondary-action:hover{border-color:rgba(220,181,92,.27);color:#f0cf84!important;transform:translateY(-1px)}
.rewards-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rewards-stat{position:relative;overflow:hidden;min-height:126px;padding:20px;border:1px solid rgba(255,255,255,.075);border-radius:24px 24px 24px 7px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.014));backdrop-filter:blur(12px)}.rewards-stat::after{content:"";position:absolute;left:0;bottom:0;width:56%;height:2px;background:currentColor;opacity:.75}.rewards-stat span{display:block;color:#80887e;font-size:8px;font-weight:950;letter-spacing:.17em}.rewards-stat strong{display:block;margin:6px 0 2px;color:#f2eee5;font-size:34px;line-height:1;font-weight:950;letter-spacing:-.04em}.rewards-stat small{color:#7a8278;font-size:9px}.rewards-stat-total{color:#dbb760}.rewards-stat-owned{color:#93a588}.rewards-stat-free{grid-column:1/-1;color:#75d589;min-height:105px}.rewards-stat-free strong{color:#85e599;font-size:40px}
.rewards-intel-strip{display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 26px;border-left:3px solid #d4a74a;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.05);border-radius:8px 24px 24px 8px;background:linear-gradient(90deg,rgba(92,63,21,.15),rgba(8,11,8,.88) 35%,rgba(8,11,8,.73));box-shadow:0 16px 36px rgba(0,0,0,.18)}.rewards-intel-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(223,183,91,.28);border-radius:18px 18px 18px 5px;background:rgba(208,157,62,.07);color:#d8b35e;font-size:13px;font-weight:950;letter-spacing:.08em}.rewards-intel-strip>div:nth-child(2)>span{color:#c9a24d;font-size:8px;font-weight:950;letter-spacing:.2em}.rewards-intel-strip h2{margin:2px 0 3px;color:#ece9e0;font-size:19px}.rewards-intel-strip p{margin:0;color:#90978e;font-size:11px;line-height:1.55}.rewards-intel-state{display:flex;align-items:center;gap:8px;color:#7dcf8a;font-size:8px;font-weight:950;letter-spacing:.13em;white-space:nowrap}.rewards-intel-state i{width:8px;height:8px;border-radius:50%;background:#75cf82;box-shadow:0 0 14px rgba(117,207,130,.6)}
.rewards-commandbar{position:sticky;top:12px;z-index:30;display:grid;grid-template-columns:minmax(330px,1fr) auto;gap:12px;align-items:center;padding:11px;border:1px solid rgba(219,178,84,.15);border-radius:24px;background:rgba(6,9,6,.9);backdrop-filter:blur(18px);box-shadow:0 18px 42px rgba(0,0,0,.26)}.rewards-search{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;min-height:48px;padding:0 8px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.023)}.rewards-search>span{display:grid;place-items:center;color:#d1aa54;font-size:23px;transform:rotate(-13deg)}.rewards-search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#ece9df!important;box-shadow:none!important;padding:0 7px!important;font-size:12px!important}.rewards-search input::placeholder{color:#70776f}.rewards-search b{padding:5px 9px;border-radius:999px;background:rgba(203,158,64,.08);color:#cbb57d;font-size:9px;white-space:nowrap}.rewards-filters{display:flex;flex-wrap:wrap;gap:6px}.rewards-filter{min-height:43px;padding:0 12px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.022);color:#8d948b;font-size:9px;font-weight:950;letter-spacing:.04em;cursor:pointer;transition:.18s ease}.rewards-filter b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;padding:0 4px;border-radius:999px;background:rgba(255,255,255,.05);font-size:8px}.rewards-filter:hover{transform:translateY(-1px);border-color:rgba(220,179,87,.22);color:#e6e1d7}.rewards-filter.is-active{border-color:rgba(222,178,80,.36);background:linear-gradient(135deg,rgba(198,145,49,.16),rgba(141,78,26,.07));color:#efcd7d}
.rewards-inventory{padding:8px 0}.rewards-section-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;padding:12px 4px 17px;border-bottom:1px solid rgba(255,255,255,.06)}.rewards-section-heading span{color:#cba451;font-size:8px;font-weight:950;letter-spacing:.2em}.rewards-section-heading h2{margin:3px 0 0;color:#ebe8df;font-size:27px;letter-spacing:-.02em}.rewards-section-heading p{max-width:470px;margin:0;color:#7d857b;font-size:10px;line-height:1.5;text-align:right}
.rewards-stream{display:flex;flex-direction:column;gap:14px;padding-top:14px}.reward-entry{position:relative;display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr) 260px;min-height:230px;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.055);border-radius:28px 10px 28px 10px;background:linear-gradient(105deg,rgba(7,10,7,.95),rgba(11,14,10,.84) 68%,rgba(15,13,9,.88));box-shadow:0 16px 38px rgba(0,0,0,.2);transition:.2s ease}.reward-entry::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--reward-accent,#c99d49),transparent 88%);z-index:4}.reward-entry.is-claimable{--reward-accent:#76d188}.reward-entry.is-owned{--reward-accent:#9b8c66}.reward-entry:hover{transform:translateY(-2px);border-top-color:rgba(223,184,95,.2);box-shadow:0 23px 52px rgba(0,0,0,.28)}.reward-entry[hidden]{display:none!important}
.reward-entry-media{position:relative;overflow:hidden;display:block;min-height:230px;background:#070907;text-decoration:none!important}.reward-entry-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 54%,rgba(8,11,8,.94) 100%),linear-gradient(0deg,rgba(4,6,4,.62),transparent 50%);pointer-events:none}.reward-entry-media img{width:100%;height:100%;min-height:230px;object-fit:cover;display:block;transition:transform .32s ease,filter .32s ease}.reward-entry:hover .reward-entry-media img{transform:scale(1.025);filter:saturate(1.08) contrast(1.03)}.reward-media-placeholder{display:grid;place-items:center;align-content:center;gap:5px;min-height:230px;background:radial-gradient(circle,rgba(209,162,67,.14),transparent 52%);color:#cba14f}.reward-media-placeholder strong{font-size:35px}.reward-media-placeholder span{font-size:8px;letter-spacing:.23em}.reward-media-overlay{position:absolute;z-index:3;left:17px;right:18px;bottom:14px;display:flex;justify-content:space-between;align-items:center}.reward-media-overlay span{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(5,7,5,.78);color:#c7a95f;font-size:10px;font-weight:950;backdrop-filter:blur(9px)}.reward-media-overlay b{padding:7px 10px;border:1px solid currentColor;border-radius:999px;background:rgba(5,7,5,.8);color:#80d790;font-size:8px;letter-spacing:.11em;backdrop-filter:blur(9px)}.reward-entry.is-owned .reward-media-overlay b{color:#b8a97f}
.reward-entry-main{min-width:0;padding:25px 27px 21px}.reward-entry-topline{display:flex;justify-content:space-between;gap:16px;align-items:center}.reward-entry-topline span{color:#747c72;font-size:8px;font-weight:950;letter-spacing:.17em}.reward-entry-topline b{color:#77dd8c;font-size:15px;font-weight:950;letter-spacing:.06em}.reward-entry-main h3{margin:8px 0 17px;max-width:660px;font-size:26px;line-height:1.13;letter-spacing:-.025em}.reward-entry-main h3 a{color:#f0eee6!important;text-decoration:none!important}.reward-entry-main h3 a:hover{color:#e8c16d!important}.reward-meta-rail{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:0;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.045)}.reward-meta-rail>div{padding:10px 14px 10px 0}.reward-meta-rail span{display:block;color:#687068;font-size:7px;font-weight:950;letter-spacing:.13em}.reward-meta-rail strong{display:block;margin-top:3px;color:#bfc3ba;font-size:10px;line-height:1.25}.reward-classname{display:flex;align-items:center;gap:8px;margin-top:13px;min-width:0}.reward-classname span{color:#687068;font-size:7px;font-weight:950;letter-spacing:.15em}.reward-classname code{overflow:hidden;text-overflow:ellipsis;color:#c5a255;background:transparent;font-size:10px;white-space:nowrap}
.reward-entry-actions{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:22px;border-left:1px solid rgba(255,255,255,.055);background:linear-gradient(135deg,rgba(255,255,255,.018),rgba(0,0,0,.07))}.reward-state{margin-bottom:4px;padding-left:11px;border-left:2px solid currentColor}.reward-state span{display:block;color:#70776e;font-size:7px;font-weight:950;letter-spacing:.15em}.reward-state strong{display:block;margin:3px 0 2px;font-size:13px}.reward-state small{display:block;color:#7f867d;font-size:9px;line-height:1.45}.reward-state-ready{color:#7dd68c}.reward-state-owned{color:#baa56e}.reward-view-button,.reward-claim-button{display:grid;grid-template-columns:1fr 32px;align-items:center;min-height:45px;padding:0 6px 0 13px;border-radius:14px 14px 14px 5px;text-decoration:none!important;font-size:10px;font-weight:950;letter-spacing:.035em;transition:.18s ease}.reward-view-button{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);color:#c9cdc4!important}.reward-claim-button{border:1px solid rgba(224,179,76,.42);background:linear-gradient(110deg,#986023,#b9762e);color:#fff!important;box-shadow:0 8px 18px rgba(123,69,21,.2),inset 0 1px rgba(255,255,255,.11)}.reward-view-button b,.reward-claim-button b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(0,0,0,.14);font-size:14px}.reward-view-button:hover,.reward-claim-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.reward-claim-button.is-disabled{border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.025);color:#6d746c!important;box-shadow:none;cursor:not-allowed}
.rewards-no-results,.rewards-empty{padding:60px 25px;text-align:center;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.045);background:linear-gradient(90deg,transparent,rgba(8,11,8,.7),transparent)}.rewards-no-results span,.rewards-empty span{color:#c7a357;font-size:8px;font-weight:950;letter-spacing:.2em}.rewards-no-results h2,.rewards-empty h2{margin:7px 0;color:#e9e6dd;font-size:24px}.rewards-no-results p,.rewards-empty p{margin:0 auto;max-width:600px;color:#80877e;font-size:11px}.rewards-no-results button{margin-top:15px;min-height:40px;padding:0 14px;border:1px solid rgba(211,170,78,.25);border-radius:12px;background:rgba(211,170,78,.06);color:#d5bb7b;font-size:9px;font-weight:950;cursor:pointer}
@media(max-width:1240px){.rewards-hero{grid-template-columns:1fr}.rewards-hero-stats{grid-template-columns:repeat(3,1fr)}.rewards-stat-free{grid-column:auto}.reward-entry{grid-template-columns:280px minmax(0,1fr) 235px}.reward-meta-rail{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.rewards-commandbar{position:relative;top:auto;grid-template-columns:1fr}.rewards-filters{justify-content:flex-start}.reward-entry{grid-template-columns:240px minmax(0,1fr)}.reward-entry-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,.8fr) repeat(2,minmax(170px,.6fr));align-items:center;border-left:0;border-top:1px solid rgba(255,255,255,.055)}.rewards-intel-strip{grid-template-columns:54px minmax(0,1fr)}.rewards-intel-state{grid-column:2}}
@media(max-width:720px){body.rewards-console-page .shell{padding-inline:12px!important;padding-top:14px!important}.rewards-console{gap:14px}.rewards-hero{padding:30px 23px;border-radius:24px 24px 24px 8px}.rewards-hero h1{font-size:48px}.rewards-hero-copy p{font-size:13px}.rewards-hero-stats{grid-template-columns:1fr 1fr}.rewards-stat-free{grid-column:1/-1}.rewards-intel-strip{grid-template-columns:44px 1fr;padding:18px 16px}.rewards-intel-icon{width:42px;height:42px}.rewards-intel-state{display:none}.rewards-search{grid-template-columns:30px minmax(0,1fr)}.rewards-search b{display:none}.rewards-filters{display:grid;grid-template-columns:1fr 1fr}.rewards-filter{width:100%}.rewards-section-heading{display:block}.rewards-section-heading p{margin-top:6px;text-align:left}.reward-entry{display:block;border-radius:20px 8px 20px 8px}.reward-entry-media{height:220px;min-height:220px}.reward-entry-media::after{background:linear-gradient(0deg,rgba(8,11,8,.9),transparent 55%)}.reward-entry-main{padding:20px}.reward-entry-main h3{font-size:22px}.reward-meta-rail{grid-template-columns:1fr 1fr}.reward-entry-actions{display:flex;padding:18px 20px}.rewards-hero-actions>a{width:100%}}

/* ============================================================
   TLD SERVER RULES • DISTRICT INTERFACE v4.0
   Modern tactical / sci-fi redesign. Intentionally avoids the
   old "boxes inside boxes" card treatment.
   ============================================================ */
body.server-rules-background{
    --rules-cyan:#55e5ff;
    --rules-red:#ff584d;
    --rules-green:#74f0ad;
    --rules-amber:#ffc45f;
    --rules-violet:#b69cff;
    --rules-panel:rgba(7,12,12,.76);
    --rules-line:rgba(137,225,228,.16);
    --rules-text:#edf4f2;
    --rules-dim:#91a3a1;
}
body.server-rules-background::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:0;
    background:
      linear-gradient(rgba(85,229,255,.028) 1px,transparent 1px),
      linear-gradient(90deg,rgba(85,229,255,.028) 1px,transparent 1px);
    background-size:48px 48px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.18));
}
body.server-rules-background .shell{position:relative;z-index:1;max-width:1500px!important}

/* HERO: wide command-display instead of a framed content card. */
body.server-rules-background .rules2-hero{
    position:relative!important;
    min-height:460px!important;
    margin:18px 0 10px!important;
    border-radius:0!important;
    border:0!important;
    overflow:hidden!important;
    clip-path:polygon(0 0,97.5% 0,100% 7%,100% 100%,2.5% 100%,0 93%)!important;
    background:
      linear-gradient(90deg,rgba(5,10,11,.98) 0%,rgba(6,12,13,.91) 49%,rgba(5,9,10,.36) 75%,rgba(4,7,8,.08) 100%)!important;
    box-shadow:0 26px 80px rgba(0,0,0,.4)!important;
}
body.server-rules-background .rules2-hero::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    height:auto!important;
    background:
      linear-gradient(90deg,var(--rules-cyan),transparent 34%) top left/52% 2px no-repeat,
      linear-gradient(90deg,var(--rules-red),transparent 28%) bottom left/45% 2px no-repeat!important;
    opacity:.85;
    pointer-events:none;
    z-index:5;
}
body.server-rules-background .rules2-hero::after{
    content:"RULESET // ACTIVE";
    position:absolute;
    right:28px;
    bottom:18px;
    width:auto;
    height:auto;
    border:0;
    border-radius:0;
    box-shadow:none;
    color:rgba(93,229,255,.52);
    font:800 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;
    letter-spacing:.22em;
    z-index:6;
}
body.server-rules-background .rules2-hero-copy{padding:56px 46px 58px 54px!important;position:relative!important;z-index:4!important}
body.server-rules-background .rules2-eyebrow{
    color:var(--rules-cyan)!important;
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;
    font-size:10px!important;
    letter-spacing:.25em!important;
}
body.server-rules-background .rules2-hero h1{
    font-family:"Arial Black","Segoe UI",sans-serif!important;
    text-transform:uppercase!important;
    font-size:clamp(54px,6vw,86px)!important;
    line-height:.93!important;
    letter-spacing:-.035em!important;
    margin:13px 0 20px!important;
    text-shadow:0 0 40px rgba(85,229,255,.08)!important;
}
body.server-rules-background .rules2-hero h1::after{
    content:" / 56";
    color:rgba(85,229,255,.38);
    font:700 .18em/1 ui-monospace,SFMono-Regular,Consolas,monospace;
    letter-spacing:.08em;
    vertical-align:top;
    margin-left:12px;
}
body.server-rules-background .rules2-lead{font-size:17px!important;line-height:1.65!important;color:#b7c5c3!important;max-width:680px!important}
body.server-rules-background .rules2-lead strong{color:var(--rules-amber)!important}
body.server-rules-background .rules2-callout{
    grid-template-columns:150px 1fr!important;
    max-width:700px!important;
    padding:11px 0 11px 18px!important;
    border-left:2px solid var(--rules-red)!important;
    background:linear-gradient(90deg,rgba(255,88,77,.08),transparent 80%)!important;
}
body.server-rules-background .rules2-callout strong{color:#ff7c72!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}
body.server-rules-background .rules2-btn{
    border-radius:2px!important;
    min-height:42px!important;
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;
    font-size:10px!important;
    letter-spacing:.1em!important;
    clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))!important;
}
body.server-rules-background .rules2-btn.primary{
    border-color:rgba(85,229,255,.5)!important;
    color:#dffbff!important;
    background:linear-gradient(135deg,rgba(32,128,146,.52),rgba(8,36,43,.78))!important;
}
body.server-rules-background .rules2-btn.primary:hover{background:linear-gradient(135deg,rgba(48,164,187,.62),rgba(10,53,63,.9))!important}
body.server-rules-background .rules2-hero-art{
    min-height:460px!important;
    max-height:460px!important;
    margin-left:-40px!important;
    clip-path:none!important;
    opacity:.86!important;
}
body.server-rules-background .rules2-hero-art::before{
    background:linear-gradient(90deg,rgba(5,10,11,1) 0%,rgba(5,10,11,.72) 24%,rgba(5,10,11,.05) 68%)!important;
}
body.server-rules-background .rules2-hero-art::after{
    background:
      repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px),
      linear-gradient(180deg,transparent 65%,rgba(4,8,9,.7))!important;
    opacity:.65!important;
}

/* NAV: command rail, thin lines, no floating rounded container. */
body.server-rules-background .rules2-quick{
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    grid-template-columns:240px minmax(280px,.55fr) 1fr!important;
    grid-template-areas:"intro search links"!important;
    gap:20px!important;
    margin:0 0 8px!important;
    padding:14px 18px!important;
    border:0!important;
    border-top:1px solid rgba(85,229,255,.26)!important;
    border-bottom:1px solid rgba(85,229,255,.16)!important;
    border-radius:0!important;
    background:rgba(4,9,10,.92)!important;
    box-shadow:0 12px 32px rgba(0,0,0,.35)!important;
    backdrop-filter:blur(16px)!important;
}
body.server-rules-background .rules2-quick-intro{min-width:0!important}
body.server-rules-background .rules2-quick h2{font-size:18px!important;letter-spacing:.02em!important}
body.server-rules-background .rules2-quick p{display:none!important}
body.server-rules-background .rules2-rule-search{
    min-height:40px!important;
    border:0!important;
    border-bottom:1px solid rgba(85,229,255,.3)!important;
    border-radius:0!important;
    background:rgba(85,229,255,.025)!important;
    box-shadow:none!important;
}
body.server-rules-background .rules2-quick-links{
    padding:0!important;
    border:0!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scrollbar-width:none;
}
body.server-rules-background .rules2-quick-links::-webkit-scrollbar{display:none}
body.server-rules-background .rules2-quick-links a{
    flex:0 0 auto!important;
    min-height:38px!important;
    padding:0 10px!important;
    border-radius:0!important;
    border-left:1px solid rgba(255,255,255,.08)!important;
    background:transparent!important;
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;
}
body.server-rules-background .rules2-quick-links a span{
    width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;color:var(--rules-cyan)!important;
}
body.server-rules-background .rules2-quick-links a:hover{background:rgba(85,229,255,.06)!important;color:#fff!important}

/* Four principles become a single telemetry ribbon. */
body.server-rules-background .rules2-route-grid{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:0!important;
    margin:0 0 44px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    border-radius:0!important;
    background:transparent!important;
}
body.server-rules-background .rules2-route-grid article{
    min-height:112px!important;
    padding:22px 26px 20px 30px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)!important;
    border-left:1px solid rgba(255,255,255,.07)!important;
}
body.server-rules-background .rules2-route-grid article:first-child{border-left:0!important}
body.server-rules-background .rules2-route-grid article::before{left:0!important;top:20px!important;bottom:20px!important;width:2px!important}
body.server-rules-background .rules2-route-grid h3{font-size:20px!important;margin:5px 0 4px!important}
body.server-rules-background .rules2-route-grid p{font-size:12px!important;line-height:1.5!important;color:#8ea09d!important}

/* CHAPTERS: vertical data stream. No outer chapter cards; no rule cards. */
body.server-rules-background .rules-page-shell{display:block!important}
body.server-rules-background .rules-chapter{
    --rule-accent:var(--rules-cyan);
    position:relative!important;
    display:grid!important;
    grid-template-columns:250px minmax(0,1fr)!important;
    gap:0 34px!important;
    margin:0 0 78px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
body.server-rules-background .rules-chapter.tone-red{--rule-accent:var(--rules-red)}
body.server-rules-background .rules-chapter.tone-green{--rule-accent:var(--rules-green)}
body.server-rules-background .rules-chapter.tone-orange{--rule-accent:var(--rules-amber)}
body.server-rules-background .rules-chapter.tone-cyan{--rule-accent:var(--rules-cyan)}
body.server-rules-background .rules-chapter.tone-purple{--rule-accent:var(--rules-violet)}
body.server-rules-background .rules-chapter::before{
    content:""!important;
    position:absolute!important;
    left:266px!important;
    top:8px!important;
    bottom:0!important;
    width:1px!important;
    height:auto!important;
    background:linear-gradient(var(--rule-accent),rgba(255,255,255,.06) 14%,rgba(255,255,255,.04) 90%,transparent)!important;
    opacity:.48!important;
}
body.server-rules-background .rules-chapter-heading{
    position:sticky!important;
    top:92px!important;
    align-self:start!important;
    display:block!important;
    padding:10px 28px 20px 0!important;
    border:0!important;
    background:transparent!important;
}
body.server-rules-background .rules-chapter-icon{
    width:38px!important;height:38px!important;
    margin:0 0 16px!important;
    border:0!important;border-radius:0!important;
    background:transparent!important;
    color:var(--rule-accent)!important;
    place-items:start!important;
    font-size:25px!important;
    filter:drop-shadow(0 0 12px color-mix(in srgb,var(--rule-accent) 35%,transparent));
}
body.server-rules-background .rules-chapter-heading span{
    color:var(--rule-accent)!important;
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;
    letter-spacing:.24em!important;
}
body.server-rules-background .rules-chapter-heading h2{
    font-family:"Arial Black","Segoe UI",sans-serif!important;
    text-transform:uppercase!important;
    font-size:clamp(24px,2.4vw,38px)!important;
    line-height:1.03!important;
    letter-spacing:-.025em!important;
    max-width:220px!important;
}
body.server-rules-background .rules-chapter-heading::after{
    content:"// DISTRICT PROTOCOL"!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    margin-top:18px!important;
    background:none!important;
    color:rgba(255,255,255,.22)!important;
    font:700 8px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace!important;
    letter-spacing:.18em!important;
}
body.server-rules-background .rules-card-grid{
    display:block!important;
    padding:0 0 0 28px!important;
}
body.server-rules-background .rules-card{
    position:relative!important;
    display:grid!important;
    grid-template-columns:92px minmax(210px,34%) minmax(0,1fr)!important;
    align-items:start!important;
    min-height:0!important;
    gap:0 22px!important;
    padding:25px 0 26px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    transition:background .18s ease,transform .18s ease!important;
}
body.server-rules-background .rules-card::before{
    content:""!important;
    position:absolute!important;
    left:-32px!important;
    top:31px!important;
    width:7px!important;
    height:7px!important;
    border:1px solid var(--rule-accent)!important;
    background:#070c0c!important;
    transform:rotate(45deg)!important;
    box-shadow:0 0 14px color-mix(in srgb,var(--rule-accent) 45%,transparent)!important;
}
body.server-rules-background .rules-card::after{display:none!important}
body.server-rules-background .rules-card:hover{
    transform:translateX(6px)!important;
    background:linear-gradient(90deg,color-mix(in srgb,var(--rule-accent) 7%,transparent),transparent 68%)!important;
}
body.server-rules-background .rules-card-head{display:contents!important}
body.server-rules-background .rules-card-head>span{
    grid-column:1!important;
    width:auto!important;height:auto!important;
    padding:3px 0 0!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    color:var(--rule-accent)!important;
    font:800 12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace!important;
    letter-spacing:.08em!important;
}
body.server-rules-background .rules-card-head h3{
    grid-column:2!important;
    padding:0!important;
    color:#f2f7f6!important;
    font-size:16px!important;
    line-height:1.42!important;
    letter-spacing:.015em!important;
}
body.server-rules-background .rules-card-body{
    grid-column:3!important;
    padding:0 28px 0 0!important;
    border:0!important;
    color:#9cadab!important;
    font-size:14px!important;
    line-height:1.68!important;
}
body.server-rules-background .rules-card-body p{max-width:none!important;margin:0 0 10px!important}
body.server-rules-background .rules-card-body p:last-child{margin-bottom:0!important}
body.server-rules-background .rules-card-body p:first-child{color:#c9d4d2!important}
body.server-rules-background .rules-card-body strong{color:var(--rules-amber)!important}
body.server-rules-background .rules-card-body ul{margin:8px 0 12px!important;padding-left:18px!important;columns:2!important;column-gap:28px!important}
body.server-rules-background .rules-card-body li{break-inside:avoid!important;margin:3px 0!important}

/* Critical vehicle rule gets a clear alert state without becoming another box. */
body.server-rules-background .rules-card-critical{
    margin:18px 0 0!important;
    padding:28px 0 30px!important;
    border-top:1px solid rgba(255,196,95,.35)!important;
    border-bottom:1px solid rgba(255,196,95,.35)!important;
    background:linear-gradient(90deg,rgba(255,196,95,.07),transparent 75%)!important;
}
body.server-rules-background .rules-card-critical::before{
    border-color:var(--rules-amber)!important;
    box-shadow:0 0 18px rgba(255,196,95,.65)!important;
}
body.server-rules-background .rules-card-critical .rules-card-head>span{color:var(--rules-amber)!important}
body.server-rules-background .rules-card-critical .rules-card-head h3::after{
    content:"  // OFFLINE STORAGE REQUIRED";
    display:block;
    margin-top:7px;
    color:rgba(255,196,95,.6);
    font:700 8px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;
    letter-spacing:.13em;
}

/* Copy-only chapters (enforcement etc.) follow the same data rail. */
body.server-rules-background .rules-section-copy{
    margin-left:28px!important;
    padding:24px 28px 24px 0!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    border-radius:0!important;
    background:linear-gradient(90deg,rgba(255,255,255,.02),transparent)!important;
    color:#a7b6b3!important;
}
body.server-rules-background #rules-enforcement .rules-section-copy{border-left:0!important;background:linear-gradient(90deg,rgba(255,88,77,.06),transparent 75%)!important}
body.server-rules-background #rules-enforcement .rules-section-copy p:nth-child(2){color:#ffd0cc!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.04em!important}

/* Final command footer — angled protocol strip rather than panel. */
body.server-rules-background .rules-final-banner{
    position:relative!important;
    margin:20px 0 50px!important;
    padding:54px 48px!important;
    border:0!important;
    border-top:1px solid rgba(85,229,255,.35)!important;
    border-bottom:1px solid rgba(255,88,77,.28)!important;
    border-radius:0!important;
    clip-path:polygon(0 0,96% 0,100% 18%,100% 100%,4% 100%,0 82%)!important;
    background:
      radial-gradient(circle at 50% 0,rgba(85,229,255,.07),transparent 40%),
      rgba(4,9,10,.72)!important;
    box-shadow:none!important;
}
body.server-rules-background .rules-final-banner::before,
body.server-rules-background .rules-final-banner::after{display:none!important}
body.server-rules-background .rules-final-banner>span{color:var(--rules-cyan)!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}
body.server-rules-background .rules-final-banner h2{font-family:"Arial Black","Segoe UI",sans-serif!important;text-transform:uppercase!important;letter-spacing:-.03em!important}
body.server-rules-background .rules-final-banner .rules-section-copy{margin:0 auto 20px!important;padding:0!important;border:0!important;background:transparent!important}
body.server-rules-background .rules-final-banner a{border-radius:2px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}

@media(max-width:1180px){
  body.server-rules-background .rules2-quick{grid-template-columns:210px 1fr!important;grid-template-areas:"intro search" "links links"!important}
  body.server-rules-background .rules2-quick-links{padding-top:6px!important}
  body.server-rules-background .rules-card{grid-template-columns:72px minmax(190px,32%) minmax(0,1fr)!important}
}
@media(max-width:900px){
  body.server-rules-background .rules2-hero{grid-template-columns:1fr!important;clip-path:none!important;min-height:0!important}
  body.server-rules-background .rules2-hero-art{display:none!important}
  body.server-rules-background .rules2-hero-copy{padding:42px 28px!important}
  body.server-rules-background .rules2-route-grid{grid-template-columns:repeat(2,1fr)!important}
  body.server-rules-background .rules-chapter{grid-template-columns:1fr!important;margin-bottom:54px!important}
  body.server-rules-background .rules-chapter::before{left:7px!important;top:118px!important}
  body.server-rules-background .rules-chapter-heading{position:relative!important;top:auto!important;padding:0 0 24px 28px!important}
  body.server-rules-background .rules-chapter-heading h2{max-width:none!important}
  body.server-rules-background .rules-card-grid{padding-left:34px!important}
  body.server-rules-background .rules-card{grid-template-columns:72px minmax(190px,.8fr) minmax(0,1.4fr)!important}
}
@media(max-width:680px){
  body.server-rules-background .shell{padding-inline:14px!important}
  body.server-rules-background .rules2-quick{position:relative!important;grid-template-columns:1fr!important;grid-template-areas:"intro" "search" "links"!important;padding:13px 10px!important}
  body.server-rules-background .rules2-route-grid{grid-template-columns:1fr!important}
  body.server-rules-background .rules2-route-grid article{border-left:0!important;border-top:1px solid rgba(255,255,255,.06)!important}
  body.server-rules-background .rules-card{display:block!important;padding:22px 4px 22px 0!important}
  body.server-rules-background .rules-card-head{display:flex!important;gap:14px!important;align-items:flex-start!important;margin-bottom:12px!important}
  body.server-rules-background .rules-card-head>span{min-width:55px!important}
  body.server-rules-background .rules-card-body{padding:0!important}
  body.server-rules-background .rules-card-body ul{columns:1!important}
  body.server-rules-background .rules-final-banner{clip-path:none!important;padding:38px 22px!important}
}

/* ============================================================
   TLD SUPPORT OPERATIONS • SCI-FI COMMAND REDESIGN v1.0
   Admin/MasterAdmin Support Zone + shared ticket workspace
   2026-08-29
   ============================================================ */
body.support-zone-background,
body.support-ticket-background,
body.support-center-background{
    --sup-gold:#d7a84f;
    --sup-gold-soft:#9e7938;
    --sup-cream:#f2eee4;
    --sup-text:#c7cec4;
    --sup-muted:#89938a;
    --sup-line:rgba(214,170,82,.20);
    --sup-line-soft:rgba(196,207,195,.10);
    --sup-green:#63c78a;
    --sup-red:#ed665c;
    --sup-cyan:#67c7cf;
    --sup-panel:rgba(6,11,8,.84);
    --sup-panel-2:rgba(11,17,12,.82);
    background:
      linear-gradient(90deg,rgba(3,7,5,.96),rgba(3,7,5,.74) 52%,rgba(3,7,5,.90)),
      url('support-rain-background.png') center top/cover fixed no-repeat!important;
}
body.support-zone-background:before,
body.support-ticket-background:before,
body.support-center-background:before{
    content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
    background:
      repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 5px),
      radial-gradient(circle at 72% 8%,rgba(214,168,79,.09),transparent 28%),
      radial-gradient(circle at 24% 52%,rgba(73,157,104,.055),transparent 30%);
}
body.support-zone-background .shell,
body.support-ticket-background .shell,
body.support-center-background .shell{max-width:1540px!important;padding-inline:28px!important}

/* Command hero: asymmetric HUD slab instead of a generic box */
body.support-zone-background .support-admin-hero,
body.support-ticket-background .support-ticket-hero,
body.support-center-background .support-hero{
    position:relative;overflow:hidden;max-width:none!important;margin:24px 0 18px!important;padding:34px 38px 31px!important;
    border:0!important;border-left:3px solid var(--sup-gold)!important;border-bottom:1px solid rgba(214,170,82,.22)!important;
    border-radius:0!important;
    clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,22px 100%,0 calc(100% - 22px));
    background:
      linear-gradient(105deg,rgba(5,10,7,.95),rgba(12,20,14,.78) 58%,rgba(12,12,8,.72))!important;
    box-shadow:0 22px 55px rgba(0,0,0,.32)!important;
}
body.support-zone-background .support-admin-hero:before,
body.support-ticket-background .support-ticket-hero:before,
body.support-center-background .support-hero:before{
    content:"SUPPORT // OPERATIONS";position:absolute;right:30px;bottom:17px;font-size:9px;letter-spacing:2.6px;font-weight:900;color:rgba(216,174,91,.22)
}
body.support-zone-background .support-admin-hero:after,
body.support-ticket-background .support-ticket-hero:after,
body.support-center-background .support-hero:after{
    content:"";position:absolute;top:0;right:80px;width:180px;height:2px;background:linear-gradient(90deg,transparent,var(--sup-gold),transparent)
}
body.support-zone-background .support-admin-hero h1,
body.support-ticket-background .support-ticket-hero h1,
body.support-center-background .support-hero h1{font-size:clamp(38px,4vw,62px)!important;line-height:.98!important;letter-spacing:-.025em!important;margin:7px 0 12px!important;color:var(--sup-cream)!important}
.support-eyebrow{color:var(--sup-gold)!important;letter-spacing:2.4px!important}

/* Primary buttons become compact control keys, not rounded boxes */
body.support-zone-background .btn,
body.support-ticket-background .btn,
body.support-center-background .btn{
    border-radius:0!important;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
    border:1px solid rgba(192,202,191,.17)!important;background:rgba(7,12,9,.88)!important;color:#d9ded7!important;
    min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:850;letter-spacing:.25px;
    box-shadow:none!important;transition:background .16s ease,border-color .16s ease,transform .16s ease!important
}
body.support-zone-background .btn:hover,
body.support-ticket-background .btn:hover,
body.support-center-background .btn:hover{transform:translateY(-1px);border-color:rgba(219,177,89,.5)!important;background:rgba(18,24,18,.96)!important}
body.support-zone-background .btn.primary,
body.support-ticket-background .btn.primary,
body.support-center-background .btn.primary{border-color:rgba(218,168,70,.55)!important;background:linear-gradient(110deg,#80501f,#4d3418)!important;color:#fff3d4!important}

/* Support command counters: one continuous telemetry strip */
body.support-zone-background .support-command-stats,
body.support-center-background .support-stat-grid.admin{
    max-width:none!important;margin:0 0 16px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;
    border-top:1px solid var(--sup-line)!important;border-bottom:1px solid var(--sup-line)!important;background:rgba(4,8,6,.74)!important
}
body.support-zone-background .support-command-stats article,
body.support-center-background .support-stat-grid.admin article{
    min-height:106px!important;padding:20px 22px!important;border:0!important;border-right:1px solid var(--sup-line-soft)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
body.support-zone-background .support-command-stats article:last-child{border-right:0!important}
body.support-zone-background .support-command-stats article strong{font-size:34px!important;color:var(--sup-cream)!important}
body.support-zone-background .support-command-stats article span{color:var(--sup-gold)!important;font-size:9px!important;letter-spacing:1.8px!important}
body.support-zone-background .support-command-stats article small{color:var(--sup-muted)!important}
body.support-zone-background .support-command-stats article.danger{background:linear-gradient(90deg,rgba(81,18,15,.34),transparent)!important}
body.support-zone-background .support-command-stats article.danger strong,
body.support-zone-background .support-command-stats article.danger span{color:#ff8278!important}

/* Generic support panel: open command surface with edge rails */
body.support-zone-background .support-panel,
body.support-ticket-background .support-panel,
body.support-center-background .support-panel{
    position:relative;max-width:none!important;margin:16px 0!important;padding:26px 28px!important;border:0!important;border-left:1px solid var(--sup-line)!important;border-right:1px solid rgba(196,207,195,.06)!important;border-radius:0!important;
    background:linear-gradient(100deg,rgba(6,11,8,.91),rgba(8,14,10,.76) 68%,rgba(4,8,6,.64))!important;
    box-shadow:0 18px 42px rgba(0,0,0,.22)!important
}
body.support-zone-background .support-panel:before,
body.support-ticket-background .support-panel:before,
body.support-center-background .support-panel:before{content:"";position:absolute;top:0;left:0;width:150px;height:1px;background:linear-gradient(90deg,var(--sup-gold),transparent)}
body.support-zone-background .support-panel-head,
body.support-ticket-background .support-panel-head,
body.support-center-background .support-panel-head{align-items:flex-start!important;border-bottom:1px solid rgba(205,214,204,.08)!important;padding-bottom:16px!important;margin-bottom:20px!important}
body.support-zone-background .support-panel-head h2,
body.support-ticket-background .support-panel-head h2,
body.support-center-background .support-panel-head h2{font-size:25px!important;letter-spacing:-.01em!important;color:var(--sup-cream)!important}

/* Filter console */
body.support-zone-background .support-filter-panel{padding:14px 16px!important;background:rgba(4,8,6,.88)!important;border-left:3px solid rgba(215,168,79,.55)!important}
body.support-zone-background .support-filter-bar{display:grid!important;grid-template-columns:minmax(260px,2fr) minmax(170px,.8fr) minmax(210px,1fr) auto auto!important;gap:8px!important;align-items:center!important}
body.support-zone-background input,
body.support-zone-background select,
body.support-zone-background textarea,
body.support-ticket-background input,
body.support-ticket-background select,
body.support-ticket-background textarea,
body.support-center-background input,
body.support-center-background select,
body.support-center-background textarea{
    border-radius:0!important;border:1px solid rgba(184,198,183,.16)!important;border-bottom-color:rgba(215,168,79,.28)!important;
    background:rgba(2,6,4,.72)!important;color:#e1e5df!important;box-shadow:inset 0 -1px rgba(255,255,255,.015)!important
}
body.support-zone-background input:focus,
body.support-zone-background select:focus,
body.support-zone-background textarea:focus,
body.support-ticket-background input:focus,
body.support-ticket-background select:focus,
body.support-ticket-background textarea:focus{outline:0!important;border-color:rgba(215,168,79,.62)!important;box-shadow:0 0 0 2px rgba(215,168,79,.08)!important}

/* Queue stack: flattened operations lanes */
body.support-zone-background .support-queue-stack{display:grid;gap:12px;margin:18px 0 70px}
body.support-zone-background details.support-ticket-group{display:block!important;overflow:hidden!important;margin:0!important;border:0!important;border-left:2px solid rgba(215,168,79,.36)!important;border-bottom:1px solid rgba(196,207,195,.08)!important;border-radius:0!important;background:rgba(4,8,6,.68)!important;box-shadow:none!important;animation:none!important}
body.support-zone-background details.support-ticket-group>summary{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:78px!important;padding:15px 18px!important;border:0!important;border-radius:0!important;background:linear-gradient(90deg,rgba(11,18,12,.92),rgba(5,9,6,.55))!important;box-shadow:none!important;clip-path:none!important}
body.support-zone-background details.support-ticket-group>summary:after{content:"▾"!important;display:grid!important;place-items:center!important;width:32px;height:32px;margin-left:10px;color:var(--sup-gold)!important;border-left:1px solid var(--sup-line)!important;font-size:14px!important;transform:none!important}
body.support-zone-background details.support-ticket-group:not([open])>summary:after{content:"▸"!important}
body.support-zone-background .support-group-icon{width:40px!important;height:40px!important;border:0!important;border-left:2px solid rgba(215,168,79,.45)!important;border-radius:0!important;background:rgba(215,168,79,.06)!important}
body.support-zone-background .support-group-count{min-width:48px!important;height:auto!important;padding:4px 12px!important;border:0!important;border-left:1px solid var(--sup-line)!important;border-radius:0!important;background:transparent!important;color:var(--sup-gold)!important;font-size:20px!important}
body.support-zone-background .support-group-preview{padding:0!important;margin-top:5px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sup-muted)!important;font-size:11px!important}
body.support-zone-background .support-group-body{padding:6px 0 10px 18px!important;border-top:1px solid rgba(196,207,195,.06)!important;background:transparent!important}
body.support-zone-background details.support-ticket-group.developer-escalations{border-left-color:var(--sup-red)!important;background:linear-gradient(90deg,rgba(65,15,13,.28),rgba(4,8,6,.72))!important;box-shadow:inset 16px 0 42px rgba(115,28,21,.08)!important}
body.support-zone-background details.support-ticket-group.developer-escalations>summary{background:linear-gradient(90deg,rgba(54,15,13,.58),rgba(7,10,7,.48))!important}
body.support-zone-background details.support-ticket-group.developer-escalations .support-group-icon,
body.support-zone-background details.support-ticket-group.developer-escalations .support-group-count{color:#ff8278!important;border-color:rgba(237,102,92,.48)!important;background:transparent!important}

/* Ticket rows: data strips instead of cards */
body.support-zone-background .support-admin-list{gap:0!important}
body.support-zone-background .support-admin-ticket{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 190px auto!important;align-items:center!important;gap:14px!important;padding:13px 14px 13px 4px!important;border:0!important;border-bottom:1px solid rgba(196,207,195,.07)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
body.support-zone-background .support-admin-ticket:hover{transform:none!important;background:linear-gradient(90deg,rgba(215,168,79,.07),transparent)!important}
body.support-zone-background .support-admin-ticket:before{content:""!important;position:absolute!important;inset:0 auto 0 -18px!important;width:2px!important;background:rgba(215,168,79,.22)!important;transform:none!important}
body.support-zone-background .support-admin-ticket.is-escalated:before{background:var(--sup-red)!important;box-shadow:0 0 14px rgba(237,102,92,.35)!important}
body.support-zone-background .support-admin-ticket.is-escalated{animation:none!important;background:linear-gradient(90deg,rgba(72,18,15,.22),transparent)!important}
body.support-zone-background .support-admin-ticket-main{grid-template-columns:44px minmax(0,1fr)!important}
body.support-zone-background .support-ticket-icon{font-size:20px!important;opacity:.9}
body.support-zone-background .support-admin-ticket-main h3{font-size:16px!important;color:#ecefe9!important}
body.support-zone-background .support-admin-ticket-main p{font-size:11px!important;color:var(--sup-muted)!important}
body.support-zone-background .support-admin-ticket-meta{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
body.support-zone-background .support-admin-ticket-actions{justify-content:flex-end!important}

/* Conversation becomes a connected transmission timeline */
body.support-ticket-background .support-ticket-layout{max-width:none!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:22px!important;padding-bottom:70px!important}
body.support-ticket-background .support-conversation{position:relative;gap:0!important;padding-left:30px}
body.support-ticket-background .support-conversation:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:1px;background:linear-gradient(var(--sup-gold),rgba(215,168,79,.08),rgba(98,199,138,.16))}
body.support-ticket-background .support-message{position:relative;margin:0 0 16px!important;padding:17px 18px 18px!important;border:0!important;border-bottom:1px solid rgba(196,207,195,.08)!important;border-left:2px solid rgba(155,169,156,.24)!important;border-radius:0!important;background:linear-gradient(90deg,rgba(8,14,10,.84),rgba(6,10,8,.56))!important;box-shadow:none!important}
body.support-ticket-background .support-message:before{content:"";position:absolute;left:-27px;top:22px;width:9px;height:9px;transform:rotate(45deg);background:#58645a;border:2px solid #0a0f0b;box-shadow:0 0 0 1px rgba(215,168,79,.18)}
body.support-ticket-background .support-message.staff{border-left-color:var(--sup-gold)!important;background:linear-gradient(90deg,rgba(35,28,13,.24),rgba(7,11,8,.66))!important}
body.support-ticket-background .support-message.staff:before{background:var(--sup-gold)}
body.support-ticket-background .support-message.mine{border-left-color:var(--sup-green)!important}
body.support-ticket-background .support-message.mine:before{background:var(--sup-green)}
body.support-ticket-background .support-message.internal{border-left-color:var(--sup-red)!important;background:linear-gradient(90deg,rgba(65,15,13,.27),rgba(8,10,8,.62))!important}
body.support-ticket-background .support-message.internal:before{background:var(--sup-red)}
body.support-ticket-background .support-message header{border-bottom:1px solid rgba(196,207,195,.07)!important;padding-bottom:9px!important}
body.support-ticket-background .support-message-text{color:#c6cdc3!important}

/* Sidebar becomes a single connected diagnostic rail */
body.support-ticket-background .support-ticket-sidebar{gap:0!important;border-left:1px solid var(--sup-line)!important;background:rgba(4,8,6,.52)!important;align-self:start}
body.support-ticket-background .support-side-card{position:relative;padding:18px 19px!important;border:0!important;border-bottom:1px solid rgba(196,207,195,.08)!important;border-radius:0!important;background:transparent!important}
body.support-ticket-background .support-side-card:before{content:"";position:absolute;left:-1px;top:18px;width:3px;height:24px;background:rgba(215,168,79,.35)}
body.support-ticket-background .support-owner-card:before{background:var(--sup-green)}
body.support-ticket-background .support-assignee-list div{padding:8px 0!important;border:0!important;border-bottom:1px solid rgba(196,207,195,.07)!important;background:transparent!important}
body.support-ticket-background .support-zone-return{margin:14px!important}

/* Reply composer / editor */
body.support-ticket-background .support-editor-toolbar{border:0!important;border-bottom:1px solid var(--sup-line)!important;border-radius:0!important;background:rgba(12,18,13,.9)!important;padding:8px!important}
body.support-ticket-background .support-editor-toolbar button,
body.support-ticket-background .support-editor-toolbar select{border-radius:0!important;background:rgba(4,8,6,.9)!important}
body.support-ticket-background .support-upload-zone{border:1px dashed rgba(215,168,79,.35)!important;border-radius:0!important;background:linear-gradient(90deg,rgba(215,168,79,.05),transparent)!important}

/* Tracker promotion deck */
body.support-ticket-background .support-tracker-launch{border-left:3px solid var(--sup-gold)!important;background:linear-gradient(110deg,rgba(16,18,10,.92),rgba(5,10,7,.78))!important}
.support-tracker-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0 0 18px;background:rgba(215,168,79,.18)}
.support-tracker-type-switch label{display:block;margin:0!important;background:rgba(5,10,7,.95);cursor:pointer}
.support-tracker-type-switch input{position:absolute;opacity:0;pointer-events:none}
.support-tracker-type-switch label>span{display:block!important;min-height:92px;padding:18px 20px!important;margin:0!important;border-left:3px solid transparent;transition:.16s ease}
.support-tracker-type-switch b{display:block;color:#eee9dd;font-size:15px;letter-spacing:1px}.support-tracker-type-switch small{display:block;color:#8d968d;margin-top:7px;line-height:1.45}
.support-tracker-type-switch input:checked+span{border-left-color:var(--sup-gold);background:linear-gradient(90deg,rgba(215,168,79,.12),transparent)}
.support-tracker-type-switch input:checked+span b{color:#f0bd5f}
.support-tracker-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.support-tracker-link-existing{margin-top:24px;padding-top:18px;border-top:1px solid rgba(196,207,195,.09);display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1fr);gap:20px;align-items:end}
.support-tracker-link-existing>div>span{font-size:9px;letter-spacing:1.8px;color:var(--sup-gold);font-weight:900}.support-tracker-link-existing h3{margin:5px 0 0;color:#ece9df}
.support-tracker-link-existing form{margin:0!important}.support-tracker-link-existing select{min-width:320px}
.tracker-summary{display:flex!important;gap:0!important;flex-wrap:wrap!important;margin-bottom:18px!important;border-top:1px solid rgba(215,168,79,.18)!important;border-bottom:1px solid rgba(215,168,79,.12)!important}
.tracker-summary>span{padding:8px 12px!important;border:0!important;border-right:1px solid rgba(215,168,79,.12)!important;border-radius:0!important;background:transparent!important;color:#aeb7ad!important;font-size:9px!important;letter-spacing:1px!important}

/* Manage ticket / escalation / danger zones */
body.support-zone-background .support-escalation-banner,
body.support-ticket-background .support-escalation-banner{border:0!important;border-left:4px solid var(--sup-red)!important;border-radius:0!important;background:linear-gradient(90deg,rgba(85,22,17,.42),rgba(8,10,8,.68))!important;box-shadow:none!important}
body.support-zone-background .support-escalation-control{border-left-color:rgba(237,102,92,.72)!important}
body.support-zone-background .support-danger-zone{border-left-color:#8b2f2b!important;background:linear-gradient(100deg,rgba(41,10,9,.64),rgba(6,9,7,.74))!important}
body.support-zone-background .support-staff-picker{gap:1px!important;background:rgba(196,207,195,.08)!important}
body.support-zone-background .support-staff-picker label{border:0!important;border-radius:0!important;background:rgba(5,9,6,.95)!important}

/* Support settings: channels as linked routing nodes */
body.support-zone-background .support-callout{max-width:none!important;margin:0 0 16px!important;padding:15px 18px!important;border:0!important;border-left:3px solid var(--sup-gold)!important;background:linear-gradient(90deg,rgba(215,168,79,.10),transparent)!important}
body.support-zone-background .support-settings-grid{max-width:none!important;margin:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;background:rgba(215,168,79,.12)!important}
body.support-zone-background .support-setting-card{position:relative;padding:20px!important;border:0!important;border-radius:0!important;background:rgba(5,10,7,.95)!important}
body.support-zone-background .support-setting-card:after{content:"ROUTE NODE";position:absolute;right:16px;bottom:10px;font-size:8px;letter-spacing:1.5px;color:rgba(215,168,79,.15)}
body.support-zone-background .support-setting-card.restricted{background:linear-gradient(105deg,rgba(49,13,12,.54),rgba(5,10,7,.95))!important}
body.support-zone-background .support-settings-save{max-width:none!important;margin:16px 0 50px!important;padding-top:12px!important;border-top:1px solid var(--sup-line)!important}

/* Account editor: left index + open editor surface */
body.support-zone-background .support-editor-layout{max-width:none!important;grid-template-columns:320px minmax(0,1fr)!important;gap:1px!important;background:rgba(215,168,79,.12)!important;margin:0 0 60px!important}
body.support-zone-background .support-editor-layout>.support-panel{margin:0!important;background:rgba(5,10,7,.95)!important;border:0!important}
body.support-zone-background .support-user-list{gap:0!important}
body.support-zone-background .support-user-list a{position:relative;padding:12px 10px 12px 14px!important;border:0!important;border-bottom:1px solid rgba(196,207,195,.07)!important;border-radius:0!important;background:transparent!important}
body.support-zone-background .support-user-list a:hover{background:rgba(215,168,79,.05)!important}
body.support-zone-background .support-user-list a.active{border:0!important;border-left:3px solid var(--sup-gold)!important;background:linear-gradient(90deg,rgba(215,168,79,.14),transparent)!important}

/* Shared ticket chips keep color semantics but lose pill-card heaviness */
body.support-zone-background .support-status,
body.support-zone-background .support-priority,
body.support-ticket-background .support-status,
body.support-ticket-background .support-priority{border-radius:0!important;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}

@media(max-width:1120px){
 body.support-zone-background .support-command-stats{grid-template-columns:repeat(2,1fr)!important}
 body.support-zone-background .support-filter-bar{grid-template-columns:1fr 1fr!important}
 body.support-zone-background .support-admin-ticket{grid-template-columns:1fr!important;padding:15px 12px!important}
 body.support-zone-background .support-admin-ticket-meta{justify-content:flex-start!important}
 body.support-zone-background .support-admin-ticket-actions{justify-content:flex-start!important}
 body.support-ticket-background .support-ticket-layout{grid-template-columns:1fr!important}
 body.support-ticket-background .support-ticket-sidebar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-left:0!important;border-top:1px solid var(--sup-line)!important}
 body.support-zone-background .support-settings-grid{grid-template-columns:1fr!important}
}
@media(max-width:720px){
 body.support-zone-background .shell,body.support-ticket-background .shell,body.support-center-background .shell{padding-inline:14px!important}
 body.support-zone-background .support-admin-hero,body.support-ticket-background .support-ticket-hero,body.support-center-background .support-hero{padding:25px 20px!important;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,12px 100%,0 calc(100% - 12px))}
 body.support-zone-background .support-command-stats{grid-template-columns:1fr!important}
 body.support-zone-background .support-filter-bar{grid-template-columns:1fr!important}
 body.support-zone-background .support-panel,body.support-ticket-background .support-panel{padding:20px 17px!important}
 body.support-ticket-background .support-conversation{padding-left:22px}.support-tracker-type-switch,.support-tracker-copy-grid{grid-template-columns:1fr}
 body.support-ticket-background .support-ticket-sidebar{grid-template-columns:1fr!important}
 .support-tracker-link-existing{grid-template-columns:1fr}.support-tracker-link-existing select{min-width:0;width:100%}
 body.support-zone-background .support-editor-layout{grid-template-columns:1fr!important}
}

/* ========================================================================
   TLD SUPPORT NEXUS // SCI-FI OPERATIONS REDESIGN 2026-08-29
   Intent: remove the box-on-box dashboard look. Support surfaces become a
   connected command network: rails, brackets, cuts, signal lines, and open
   translucent fields over the existing TLD rain environment.
   ======================================================================== */
:root{
  --sn-gold:#d8a64f;
  --sn-gold2:#f0c46f;
  --sn-green:#65d18a;
  --sn-cyan:#6bc8d8;
  --sn-red:#ff635c;
  --sn-orange:#f39b4a;
  --sn-ink:rgba(3,8,6,.82);
  --sn-ink2:rgba(7,13,9,.72);
  --sn-line:rgba(216,166,79,.28);
  --sn-line-soft:rgba(196,214,200,.11);
  --sn-text:#ecece5;
  --sn-muted:#8e9a91;
}
body.support-zone-background,
body.support-ticket-background{
  background-color:#020604!important;
  background-blend-mode:screen,normal!important;
}
body.support-zone-background main.shell,
body.support-ticket-background main.shell{
  position:relative;
  isolation:isolate;
}
body.support-zone-background main.shell:before,
body.support-ticket-background main.shell:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 9.8%,rgba(216,166,79,.035) 10%,transparent 10.2% 89.8%,rgba(216,166,79,.035) 90%,transparent 90.2%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 46px);
  mask-image:linear-gradient(to bottom,#000 0 88%,transparent 100%);
}

/* shared typography / micro labels */
body.support-zone-background .support-eyebrow,
body.support-ticket-background .support-eyebrow,
body.support-zone-background .support-panel-head span,
body.support-ticket-background .support-panel-head span,
body.support-zone-background .support-side-card>span,
body.support-ticket-background .support-side-card>span{
  font-family:Consolas,"Courier New",monospace!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}
body.support-zone-background h1,
body.support-ticket-background h1{
  letter-spacing:.035em!important;
  text-transform:uppercase;
}

/* HERO = open HUD, not a card */
body.support-zone-background .support-admin-hero,
body.support-ticket-background .support-ticket-hero{
  max-width:none!important;
  margin:18px 0 12px!important;
  padding:34px 34px 32px 38px!important;
  border:0!important;
  background:
    linear-gradient(90deg,rgba(216,166,79,.13),transparent 42%),
    linear-gradient(180deg,rgba(4,10,7,.78),rgba(3,7,5,.34))!important;
  clip-path:polygon(0 0,calc(100% - 52px) 0,100% 52px,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)!important;
  position:relative;
  overflow:hidden;
  box-shadow:none!important;
}
body.support-zone-background .support-admin-hero:after,
body.support-ticket-background .support-ticket-hero:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,var(--sn-gold),rgba(216,166,79,.16),transparent 90%);
}
body.support-zone-background .support-admin-hero:before,
body.support-ticket-background .support-ticket-hero:before{
  content:"// TLD SUPPORT NET";
  position:absolute;
  right:72px;top:14px;
  color:rgba(216,166,79,.18);
  font:700 10px/1 Consolas,monospace;
  letter-spacing:.28em;
  transform:none!important;
  animation:none!important;
  background:none!important;
}
body.support-zone-background .support-admin-hero h1,
body.support-ticket-background .support-ticket-hero h1{
  margin:7px 0 8px!important;
  font-size:clamp(34px,4vw,58px)!important;
  line-height:.94!important;
  color:#f2f0e8!important;
  text-shadow:0 0 30px rgba(216,166,79,.08);
}
body.support-zone-background .support-admin-hero p,
body.support-ticket-background .support-ticket-hero p{
  margin:0!important;
  max-width:780px!important;
  color:#9aa59c!important;
}
body.support-zone-background .support-admin-actions,
body.support-ticket-background .support-ticket-state{align-self:flex-end!important}

/* Buttons: cut control tabs, no chunky rectangles */
body.support-zone-background .btn,
body.support-ticket-background .btn{
  min-height:42px;
  border:1px solid rgba(216,166,79,.3)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(14,21,16,.92),rgba(6,11,8,.92))!important;
  color:#d7ddd6!important;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  box-shadow:none!important;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-size:12px;
}
body.support-zone-background .btn:hover,
body.support-ticket-background .btn:hover{border-color:var(--sn-gold)!important;color:#fff0cc!important;background:linear-gradient(180deg,rgba(56,42,19,.92),rgba(14,16,11,.95))!important}
body.support-zone-background .btn.primary,
body.support-ticket-background .btn.primary{background:linear-gradient(135deg,#8f5f20,#6d4517)!important;border-color:#c58c3b!important;color:#fff4df!important}

/* telemetry strip: values connected by one shared rail */
body.support-zone-background .support-command-stats{
  max-width:none!important;
  margin:0 0 14px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid var(--sn-line)!important;
  border-bottom:1px solid var(--sn-line-soft)!important;
  background:rgba(3,8,5,.68)!important;
}
body.support-zone-background .support-command-stats article{
  min-height:88px;
  padding:18px 20px 14px!important;
  border:0!important;
  border-right:1px solid var(--sn-line-soft)!important;
  background:transparent!important;
  position:relative;
  transform:none!important;
}
body.support-zone-background .support-command-stats article:last-child{border-right:0!important}
body.support-zone-background .support-command-stats article:before{content:"";position:absolute;left:0;top:0;width:34px;height:2px;background:var(--sn-gold)}
body.support-zone-background .support-command-stats article.danger:before{background:var(--sn-red)}
body.support-zone-background .support-command-stats span{color:#7f8c83!important;font:700 9px/1.2 Consolas,monospace!important;letter-spacing:.18em!important}
body.support-zone-background .support-command-stats strong{display:inline-block!important;margin:8px 10px 0 0!important;font:800 31px/.9 system-ui,sans-serif!important;color:var(--sn-gold2)!important}
body.support-zone-background .support-command-stats small{font-size:10px!important;color:#6f7a72!important}
body.support-zone-background .support-command-stats article.danger strong{color:var(--sn-red)!important}

/* Search is a single command rail */
body.support-zone-background .support-filter-panel{
  max-width:none!important;
  margin:0 0 18px!important;
  padding:12px 16px!important;
  border:0!important;
  border-left:2px solid var(--sn-gold)!important;
  border-bottom:1px solid rgba(216,166,79,.18)!important;
  background:linear-gradient(90deg,rgba(216,166,79,.07),rgba(3,8,5,.74) 34%,rgba(3,8,5,.54))!important;
  backdrop-filter:blur(9px);
  box-shadow:none!important;
}
body.support-zone-background .support-filter-panel:before{content:"QUERY //";display:block;margin:0 0 8px;color:#99783e;font:700 9px/1 Consolas,monospace;letter-spacing:.2em}
body.support-zone-background .support-filter-bar{grid-template-columns:minmax(250px,2.2fr) minmax(150px,.9fr) minmax(170px,1.1fr) auto auto!important;gap:8px!important}
body.support-zone-background .support-filter-bar input,
body.support-zone-background .support-filter-bar select,
body.support-ticket-background input,
body.support-ticket-background select,
body.support-ticket-background textarea,
body.support-zone-background .support-panel input,
body.support-zone-background .support-panel select,
body.support-zone-background .support-panel textarea{
  border:0!important;
  border-bottom:1px solid rgba(181,201,184,.24)!important;
  border-left:1px solid rgba(216,166,79,.16)!important;
  border-radius:0!important;
  background:rgba(2,7,4,.73)!important;
  color:#e7e9e3!important;
  box-shadow:none!important;
}
body.support-zone-background input:focus,
body.support-zone-background select:focus,
body.support-zone-background textarea:focus,
body.support-ticket-background input:focus,
body.support-ticket-background select:focus,
body.support-ticket-background textarea:focus{outline:0!important;border-bottom-color:var(--sn-gold)!important;background:rgba(8,14,9,.94)!important}

/* QUEUE NETWORK: no enclosing cards; each group is a rail segment */
body.support-zone-background .support-queue-stack{max-width:none!important;margin:0 0 70px!important;gap:20px!important}
body.support-zone-background .support-ticket-group{
  border:0!important;
  border-left:1px solid rgba(216,166,79,.42)!important;
  background:transparent!important;
  overflow:visible!important;
  box-shadow:none!important;
  position:relative;
}
body.support-zone-background .support-ticket-group:before{content:"";position:absolute;left:-4px;top:0;width:7px;height:7px;background:var(--sn-gold);transform:rotate(45deg)}
body.support-zone-background .support-ticket-group>summary{
  min-height:72px;
  padding:13px 12px 13px 22px!important;
  border:0!important;
  border-top:1px solid rgba(216,166,79,.16)!important;
  border-bottom:1px solid rgba(216,166,79,.10)!important;
  background:linear-gradient(90deg,rgba(216,166,79,.07),rgba(3,8,5,.62) 50%,transparent)!important;
  clip-path:none!important;
}
body.support-zone-background .support-ticket-group>summary:after{content:"⌄"!important;color:#bd8e43!important;font-size:20px!important;margin-right:10px;transform:none!important}
body.support-zone-background .support-ticket-group[open]>summary:after{content:"⌃"!important;transform:none!important}
body.support-zone-background .support-group-icon{
  width:34px!important;height:34px!important;
  border:0!important;border-left:2px solid var(--sn-gold)!important;
  background:linear-gradient(90deg,rgba(216,166,79,.12),transparent)!important;
  clip-path:none!important;
}
body.support-zone-background .support-group-heading strong{font-size:18px!important;letter-spacing:.01em}
body.support-zone-background .support-group-heading small{color:#987842!important;font-family:Consolas,monospace!important;letter-spacing:.18em!important}
body.support-zone-background .support-group-preview{color:#68746c!important;font-size:10px!important}
body.support-zone-background .support-group-count{
  min-width:70px!important;height:auto!important;padding:0 18px!important;
  border:0!important;border-left:1px solid rgba(216,166,79,.25)!important;
  background:transparent!important;color:var(--sn-gold2)!important;
  clip-path:none!important;font-size:25px!important;
}
body.support-zone-background .support-group-body{padding:0 0 0 20px!important;background:transparent!important}
body.support-zone-background .support-admin-list{gap:0!important}

/* Tickets = flowing signal rows with angle pointer, not cards */
body.support-zone-background .support-admin-ticket{
  min-height:104px;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:18px!important;
  padding:17px 14px 17px 16px!important;
  border:0!important;
  border-bottom:1px solid rgba(185,202,189,.085)!important;
  background:linear-gradient(90deg,rgba(8,14,10,.67),rgba(4,9,6,.30) 62%,transparent)!important;
  position:relative;
  clip-path:none!important;
}
body.support-zone-background .support-admin-ticket:before{content:"";position:absolute;left:-20px;top:50%;width:18px;height:1px;background:rgba(216,166,79,.45)}
body.support-zone-background .support-admin-ticket:after{content:"›";position:absolute;left:5px;top:50%;transform:translateY(-52%);color:rgba(216,166,79,.42);font-size:22px}
body.support-zone-background .support-admin-ticket:hover{background:linear-gradient(90deg,rgba(216,166,79,.09),rgba(7,13,9,.54) 65%,transparent)!important}
body.support-zone-background .support-admin-ticket-main{grid-template-columns:46px minmax(0,1fr)!important;gap:6px!important}
body.support-zone-background .support-ticket-icon{font-size:22px!important;filter:saturate(.9)}
body.support-zone-background .support-admin-ticket-main span{font-family:Consolas,monospace!important;letter-spacing:.06em!important;color:#b88c43!important}
body.support-zone-background .support-admin-ticket-main h3{font-size:17px!important;margin:5px 0!important;color:#eeeee8!important}
body.support-zone-background .support-admin-ticket-main p{color:#7d8981!important;font-size:10px!important}
body.support-zone-background .support-admin-ticket-meta{min-width:140px!important;border-left:1px solid rgba(184,203,188,.11);padding-left:18px!important}
body.support-zone-background .support-admin-ticket-actions{padding-left:4px}
body.support-zone-background .support-priority,
body.support-zone-background .support-status,
body.support-ticket-background .support-priority,
body.support-ticket-background .support-status{
  padding:4px 7px!important;border:0!important;border-left:2px solid currentColor!important;background:rgba(3,8,5,.58)!important;clip-path:none!important;font-family:Consolas,monospace!important;letter-spacing:.10em!important
}

/* Developer escalation gets a true alert channel */
body.support-zone-background .support-ticket-group.developer-escalations{border-left-color:rgba(255,99,92,.72)!important}
body.support-zone-background .support-ticket-group.developer-escalations:before{background:var(--sn-red)!important;box-shadow:0 0 14px rgba(255,99,92,.55)}
body.support-zone-background .support-ticket-group.developer-escalations>summary{background:linear-gradient(90deg,rgba(104,20,18,.28),rgba(8,8,6,.42) 55%,transparent)!important;border-top-color:rgba(255,99,92,.25)!important}
body.support-zone-background .support-ticket-group.developer-escalations .support-group-icon{border-left-color:var(--sn-red)!important;background:linear-gradient(90deg,rgba(255,99,92,.14),transparent)!important}
body.support-zone-background .support-ticket-group.developer-escalations .support-group-count{color:var(--sn-red)!important;border-left-color:rgba(255,99,92,.22)!important}
body.support-zone-background .support-admin-ticket.is-escalated{background:linear-gradient(90deg,rgba(103,20,17,.18),rgba(7,8,6,.36) 68%,transparent)!important}
body.support-zone-background .support-admin-ticket.is-escalated:before{background:rgba(255,99,92,.55)!important}
body.support-zone-background .support-escalated-by{color:#ef7770!important}

/* Generic support panels become bracketed fields, not rectangles */
body.support-zone-background .support-panel,
body.support-ticket-background .support-panel{
  max-width:none!important;
  margin:20px 0!important;
  padding:26px 28px!important;
  border:0!important;
  border-left:1px solid rgba(216,166,79,.32)!important;
  border-bottom:1px solid rgba(216,166,79,.12)!important;
  background:linear-gradient(105deg,rgba(6,12,8,.82),rgba(3,8,5,.55) 66%,transparent)!important;
  box-shadow:none!important;
  clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)!important;
  position:relative;
}
body.support-zone-background .support-panel:before,
body.support-ticket-background .support-panel:before{content:"";position:absolute;left:-1px;top:0;width:90px;height:2px;background:linear-gradient(90deg,var(--sn-gold),transparent)}
body.support-zone-background .support-panel-head,
body.support-ticket-background .support-panel-head{border-bottom:1px solid rgba(184,203,188,.10)!important;padding-bottom:14px!important;margin-bottom:20px!important}
body.support-zone-background .support-panel-head h2,
body.support-ticket-background .support-panel-head h2{font-size:24px!important;margin:5px 0 0!important;text-transform:uppercase!important;letter-spacing:.025em!important}

/* Manage ticket: operations console */
body.support-zone-background .support-admin-hero.compact{min-height:150px!important}
body.support-zone-background .support-escalation-banner{
  max-width:none!important;margin:18px 0!important;padding:24px 28px!important;
  border:0!important;border-left:3px solid var(--sn-red)!important;border-bottom:1px solid rgba(255,99,92,.24)!important;
  background:linear-gradient(90deg,rgba(116,22,19,.34),rgba(7,9,7,.56) 58%,transparent)!important;
  clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%)!important;
  box-shadow:none!important;
}
body.support-zone-background .support-escalation-flag{border:0!important;background:transparent!important;font-size:30px!important}
body.support-zone-background .support-staff-picker{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:1px!important;background:rgba(216,166,79,.10)!important;padding:1px!important}
body.support-zone-background .support-staff-picker label{border:0!important;background:rgba(4,9,6,.94)!important;padding:14px 16px!important;min-height:68px;clip-path:none!important}
body.support-zone-background .support-staff-picker label:has(input:checked){background:linear-gradient(90deg,rgba(216,166,79,.15),rgba(5,11,7,.96))!important;box-shadow:inset 2px 0 0 var(--sn-gold)!important}
body.support-zone-background .support-escalation-control{border-left-color:rgba(243,155,74,.48)!important}
body.support-zone-background .support-escalation-control:before{background:linear-gradient(90deg,var(--sn-orange),transparent)!important}
body.support-zone-background .masteradmin-review{border-left-color:rgba(107,200,216,.45)!important}
body.support-zone-background .masteradmin-review:before{background:linear-gradient(90deg,var(--sn-cyan),transparent)!important}
body.support-zone-background .support-danger-zone{border-left-color:rgba(255,99,92,.55)!important;background:linear-gradient(100deg,rgba(70,12,12,.32),rgba(4,8,6,.7) 58%,transparent)!important}
body.support-zone-background .support-danger-zone:before{background:linear-gradient(90deg,var(--sn-red),transparent)!important}

/* Ticket conversation = transmission timeline */
body.support-ticket-background .support-ticket-layout{max-width:none!important;margin:0!important;grid-template-columns:minmax(0,1fr) 315px!important;gap:0!important;padding-bottom:70px!important;background:rgba(2,7,4,.28)!important}
body.support-ticket-background .support-conversation{position:relative;padding:22px 28px 34px 48px!important;gap:18px!important}
body.support-ticket-background .support-conversation:before{content:"";position:absolute;left:20px;top:16px;bottom:24px;width:1px;background:linear-gradient(var(--sn-gold),rgba(216,166,79,.18),transparent)}
body.support-ticket-background .support-message{
  position:relative;
  border:0!important;
  border-left:2px solid rgba(145,163,150,.38)!important;
  border-bottom:1px solid rgba(180,201,184,.08)!important;
  background:linear-gradient(90deg,rgba(8,14,10,.82),rgba(4,9,6,.42) 70%,transparent)!important;
  padding:18px 22px!important;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)!important;
  box-shadow:none!important;
}
body.support-ticket-background .support-message:before{content:"";position:absolute;left:-31px;top:25px;width:10px;height:10px;border:2px solid #6e7d72;background:#050a07;transform:rotate(45deg)}
body.support-ticket-background .support-message.staff{border-left-color:var(--sn-gold)!important;background:linear-gradient(90deg,rgba(47,36,17,.26),rgba(4,9,6,.42) 72%,transparent)!important}
body.support-ticket-background .support-message.staff:before{border-color:var(--sn-gold)!important}
body.support-ticket-background .support-message.mine{border-left-color:var(--sn-green)!important}
body.support-ticket-background .support-message.mine:before{border-color:var(--sn-green)!important}
body.support-ticket-background .support-message.internal{border-left-color:var(--sn-red)!important;background:linear-gradient(90deg,rgba(75,18,18,.30),rgba(7,8,7,.45) 72%,transparent)!important}
body.support-ticket-background .support-message.internal:before{border-color:var(--sn-red)!important}
body.support-ticket-background .support-message header{border-bottom:1px dashed rgba(184,203,188,.12)!important}
body.support-ticket-background .support-message-text{color:#bbc5bd!important}

/* Composer = command input surface */
body.support-ticket-background .support-reply-box{
  border:0!important;border-left:2px solid var(--sn-gold)!important;border-bottom:1px solid rgba(216,166,79,.14)!important;
  background:linear-gradient(100deg,rgba(25,21,12,.45),rgba(4,9,6,.72) 45%,transparent)!important;
  padding:22px!important;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)!important
}
body.support-ticket-background .support-editor-toolbar{border:0!important;border-top:1px solid rgba(216,166,79,.18)!important;border-bottom:1px solid rgba(184,203,188,.11)!important;background:rgba(2,7,4,.72)!important;padding:8px 0!important}
body.support-ticket-background .support-editor-toolbar button,
body.support-ticket-background .support-editor-toolbar select{border:0!important;border-right:1px solid rgba(184,203,188,.11)!important;background:transparent!important;border-radius:0!important}
body.support-ticket-background .support-editor-help{border:0!important;border-bottom:1px solid rgba(184,203,188,.09)!important;background:transparent!important}
body.support-ticket-background .support-mini-upload,
body.support-ticket-background .support-internal-toggle,
body.support-ticket-background .support-request-toggle{border:0!important;border-left:2px solid rgba(216,166,79,.45)!important;background:rgba(5,10,7,.72)!important;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)!important}
body.support-ticket-background .support-internal-toggle{border-left-color:rgba(255,99,92,.55)!important}
body.support-ticket-background .support-request-toggle{border-left-color:rgba(107,200,216,.55)!important}

/* Right sidebar = floating diagnostic rail */
body.support-ticket-background .support-ticket-sidebar{border-left:1px solid rgba(216,166,79,.15)!important;padding:18px 0 20px 22px!important;gap:18px!important;background:linear-gradient(90deg,rgba(4,9,6,.55),transparent)!important}
body.support-ticket-background .support-side-card{
  border:0!important;
  border-left:1px solid rgba(216,166,79,.34)!important;
  border-bottom:1px solid rgba(184,203,188,.08)!important;
  background:linear-gradient(90deg,rgba(8,14,10,.74),transparent)!important;
  padding:14px 14px 14px 17px!important;
  position:relative;
}
body.support-ticket-background .support-side-card:before{content:"";position:absolute;left:-1px;top:0;width:30px;height:2px;background:var(--sn-gold)}
body.support-ticket-background .support-assignee-list{gap:0!important}
body.support-ticket-background .support-assignee-list div{border:0!important;border-bottom:1px solid rgba(184,203,188,.08)!important;background:transparent!important;padding:9px 0!important}

/* Tracker handoff becomes a dev terminal zone */
body.support-ticket-background .support-tracker-launch{border-left-color:rgba(107,200,216,.56)!important;background:linear-gradient(100deg,rgba(12,47,53,.25),rgba(4,9,6,.68) 48%,transparent)!important}
body.support-ticket-background .support-tracker-launch:before{background:linear-gradient(90deg,var(--sn-cyan),transparent)!important}
body.support-ticket-background .support-tracker-type-switch{background:rgba(3,8,6,.7)!important;border:0!important;border-top:1px solid rgba(107,200,216,.15)!important;border-bottom:1px solid rgba(107,200,216,.15)!important}

/* SETTINGS = route matrix, intentionally no card tiles */
body.support-zone-background .support-callout{
  max-width:none!important;margin:0 0 18px!important;padding:14px 18px!important;
  border:0!important;border-left:2px solid var(--sn-cyan)!important;border-bottom:1px solid rgba(107,200,216,.15)!important;
  background:linear-gradient(90deg,rgba(14,53,59,.24),rgba(3,8,5,.55) 55%,transparent)!important;
}
body.support-zone-background .support-settings-grid{
  max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;
  border-top:1px solid rgba(216,166,79,.14)!important;
}
body.support-zone-background .support-setting-card{
  display:grid!important;grid-template-columns:minmax(230px,.8fr) minmax(280px,1.4fr) minmax(220px,1fr)!important;gap:22px!important;align-items:center!important;
  padding:18px 20px!important;
  border:0!important;border-bottom:1px solid rgba(184,203,188,.09)!important;
  background:linear-gradient(90deg,rgba(5,11,7,.84),rgba(3,8,5,.34) 70%,transparent)!important;
  clip-path:none!important;
}
body.support-zone-background .support-setting-card:hover{background:linear-gradient(90deg,rgba(216,166,79,.07),rgba(3,8,5,.42) 72%,transparent)!important}
body.support-zone-background .support-setting-card:after{content:"NODE"!important;right:10px!important;bottom:50%!important;transform:translateY(50%) rotate(-90deg);color:rgba(216,166,79,.14)!important}
body.support-zone-background .support-setting-card header{margin:0!important;align-items:center!important}
body.support-zone-background .support-setting-card label{margin:0!important}
body.support-zone-background .support-setting-card.restricted{border-left:2px solid rgba(255,99,92,.48)!important;background:linear-gradient(90deg,rgba(89,18,16,.20),rgba(3,8,5,.40) 70%,transparent)!important}
body.support-zone-background .support-settings-save{border-top:1px solid rgba(216,166,79,.18)!important;padding:16px 0 60px!important;margin:0!important}

/* ACCOUNT EDITOR = identity index + console, not nested boxes */
body.support-zone-background .support-editor-layout{
  max-width:none!important;margin:0 0 60px!important;display:grid!important;grid-template-columns:310px minmax(0,1fr)!important;gap:0!important;
  background:transparent!important;border-top:1px solid rgba(216,166,79,.16)!important;
}
body.support-zone-background .support-editor-layout>.support-panel{margin:0!important;clip-path:none!important;border-bottom:0!important}
body.support-zone-background .support-editor-layout>.support-panel:first-child{border-right:1px solid rgba(216,166,79,.16)!important;border-left:0!important;padding-left:0!important;background:linear-gradient(90deg,rgba(4,9,6,.88),rgba(4,9,6,.40))!important}
body.support-zone-background .support-user-list{gap:0!important}
body.support-zone-background .support-user-list a{
  min-height:62px;padding:12px 12px 12px 18px!important;border:0!important;border-bottom:1px solid rgba(184,203,188,.075)!important;
  background:transparent!important;border-radius:0!important;position:relative;clip-path:none!important
}
body.support-zone-background .support-user-list a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent}
body.support-zone-background .support-user-list a:hover{background:linear-gradient(90deg,rgba(216,166,79,.06),transparent)!important}
body.support-zone-background .support-user-list a.active{background:linear-gradient(90deg,rgba(216,166,79,.15),transparent)!important;border-left:0!important}
body.support-zone-background .support-user-list a.active:before{background:var(--sn-gold)}

/* image attachments stay visual but acquire technical framing */
body.support-ticket-background .support-image-grid a,
body.support-ticket-background .support-image-preview>div{border:0!important;border-left:1px solid rgba(216,166,79,.36)!important;border-bottom:1px solid rgba(184,203,188,.10)!important;background:#030604!important;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)!important}

/* responsive */
@media(max-width:1180px){
  body.support-zone-background .support-command-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.support-zone-background .support-command-stats article:nth-child(3){border-right:0!important}
  body.support-zone-background .support-filter-bar{grid-template-columns:1fr 1fr!important}
  body.support-zone-background .support-setting-card{grid-template-columns:1fr 1fr!important}
  body.support-zone-background .support-setting-card header{grid-column:1/-1}
  body.support-ticket-background .support-ticket-layout{grid-template-columns:1fr!important}
  body.support-ticket-background .support-ticket-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))!important;border-left:0!important;border-top:1px solid rgba(216,166,79,.14)!important;padding:20px 0!important}
}
@media(max-width:820px){
  body.support-zone-background .support-command-stats{grid-template-columns:1fr 1fr!important}
  body.support-zone-background .support-admin-ticket{grid-template-columns:1fr!important}
  body.support-zone-background .support-admin-ticket-meta{border-left:0!important;padding-left:52px!important;justify-items:start!important;display:flex!important;flex-wrap:wrap!important}
  body.support-zone-background .support-admin-ticket-actions{padding-left:52px!important}
  body.support-zone-background .support-editor-layout{grid-template-columns:1fr!important}
  body.support-zone-background .support-editor-layout>.support-panel:first-child{border-right:0!important;border-bottom:1px solid rgba(216,166,79,.16)!important;padding-left:20px!important}
  body.support-zone-background .support-setting-card{grid-template-columns:1fr!important}
  body.support-zone-background .support-setting-card header{grid-column:auto}
}
@media(max-width:620px){
  body.support-zone-background .support-admin-hero,
  body.support-ticket-background .support-ticket-hero{padding:27px 18px 24px!important;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)!important}
  body.support-zone-background .support-admin-hero:before,
  body.support-ticket-background .support-ticket-hero:before{display:none}
  body.support-zone-background .support-command-stats{grid-template-columns:1fr!important}
  body.support-zone-background .support-command-stats article{border-right:0!important}
  body.support-zone-background .support-filter-bar{grid-template-columns:1fr!important}
  body.support-zone-background .support-group-body{padding-left:10px!important}
  body.support-zone-background .support-group-count{min-width:44px!important;padding:0 8px!important}
  body.support-ticket-background .support-conversation{padding:18px 8px 26px 30px!important}
  body.support-ticket-background .support-conversation:before{left:12px}
  body.support-ticket-background .support-message:before{left:-24px}
  body.support-ticket-background .support-ticket-sidebar{grid-template-columns:1fr!important}
  body.support-zone-background .support-panel,
  body.support-ticket-background .support-panel{padding:20px 15px!important}
}

/* ========================================================================== */
/* TLD COOKZ // CULINARY NEXUS — 2026-08-30                                    */
/* ========================================================================== */
body.cookz-nexus-page{--cz-bg:#040806;--cz-panel:#08100c;--cz-line:rgba(214,166,72,.22);--cz-gold:#d6a648;--cz-amber:#f0bb5d;--cz-cyan:#73d8d8;--cz-green:#84d68a;--cz-red:#ff6b62;--cz-muted:#8d9b92;--cz-text:#edf1eb;background:#020504!important;color:var(--cz-text)}
body.cookz-nexus-page:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 78% 15%,rgba(103,194,183,.08),transparent 27%),radial-gradient(circle at 22% 36%,rgba(214,166,72,.07),transparent 32%),linear-gradient(180deg,rgba(1,4,3,.62),rgba(2,5,4,.94)),url('support-rain-background.png') center/cover fixed;filter:saturate(.55) brightness(.48)}
body.cookz-nexus-page:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 90%)}
.cz-hud{max-width:1450px;margin:0 auto;padding:18px 26px 80px}.cz-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.65fr);min-height:420px;border-top:1px solid var(--cz-line);border-bottom:1px solid var(--cz-line);background:linear-gradient(100deg,rgba(4,10,7,.92),rgba(4,11,9,.56) 54%,rgba(9,19,15,.74));overflow:hidden}.cz-hero:before{content:"COOKZ // 07";position:absolute;right:27%;top:34px;font-size:104px;font-weight:1000;letter-spacing:-7px;color:rgba(214,166,72,.035);transform:rotate(-90deg);pointer-events:none}.cz-hero:after{content:"";position:absolute;left:0;bottom:0;width:48%;height:3px;background:linear-gradient(90deg,var(--cz-gold),transparent)}.cz-hero-copy{padding:58px 52px 46px;position:relative}.cz-kicker{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:900;letter-spacing:2.4px;color:var(--cz-gold)}.cz-kicker span{width:46px;height:1px;background:var(--cz-gold);box-shadow:14px 0 0 rgba(214,166,72,.35)}.cz-hero h1{font-size:clamp(48px,6vw,88px);line-height:.89;margin:25px 0 22px;letter-spacing:-4px;font-weight:950;color:#f5f3ec;text-shadow:0 0 28px rgba(214,166,72,.08)}.cz-hero h1 em{display:block;font-size:.38em;font-style:normal;letter-spacing:10px;color:var(--cz-cyan);font-weight:700;margin-top:13px}.cz-hero-copy>p{max-width:830px;color:#aab5ae;font-size:17px;line-height:1.75}.cz-primary-rule{margin-top:34px;display:grid;grid-template-columns:125px 1fr;gap:24px;align-items:center;padding:18px 0;border-top:1px solid rgba(115,216,216,.17);border-bottom:1px solid rgba(115,216,216,.17)}.cz-rule-number{font-size:62px;line-height:1;font-weight:1000;color:var(--cz-amber);letter-spacing:-5px}.cz-rule-number span{font-size:22px;letter-spacing:0}.cz-primary-rule b{display:block;color:var(--cz-cyan);font-size:11px;letter-spacing:1.8px}.cz-primary-rule strong{display:block;font-size:22px;margin:5px 0}.cz-primary-rule p{color:var(--cz-muted);margin:0;line-height:1.55}.cz-telemetry{position:relative;padding:44px 32px 34px;border-left:1px solid rgba(115,216,216,.17);background:linear-gradient(160deg,rgba(8,19,15,.86),rgba(2,8,6,.78));clip-path:polygon(18px 0,100% 0,100% 100%,0 100%,0 18px)}.cz-scanline{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0,transparent 6px,rgba(115,216,216,.015) 7px)}.cz-node-label{display:block;color:var(--cz-cyan);font-size:11px;font-weight:900;letter-spacing:2px;margin-bottom:28px}.cz-telemetry dl{margin:0}.cz-telemetry dl div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.cz-telemetry dt{color:#7f8e85;font-size:13px}.cz-telemetry dd{margin:0;color:#f2e7c9;font-weight:900;letter-spacing:.8px}.cz-nav{display:flex;overflow-x:auto;gap:0;border-bottom:1px solid var(--cz-line);background:rgba(2,7,5,.88);scrollbar-width:thin}.cz-nav a{white-space:nowrap;padding:15px 17px;color:#8f9e95;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:1.3px;border-right:1px solid rgba(255,255,255,.06);transition:.18s}.cz-nav a:hover{color:#fff;background:rgba(214,166,72,.07)}.cz-search-band{display:grid;grid-template-columns:220px minmax(300px,1fr) 190px;align-items:end;gap:24px;padding:25px 0 24px;border-bottom:1px solid rgba(255,255,255,.07)}.cz-search-band>div:first-child span,.cz-search-band label span{display:block;color:var(--cz-gold);font-size:10px;letter-spacing:1.7px;font-weight:900;margin-bottom:5px}.cz-search-band>div:first-child strong{font-size:17px}.cz-search-band input{width:100%;border:0;border-bottom:1px solid rgba(115,216,216,.35);background:rgba(3,10,7,.58);padding:12px 14px;color:white;outline:none;border-radius:0;font-size:15px}.cz-search-band input:focus{border-color:var(--cz-cyan);box-shadow:0 7px 18px rgba(115,216,216,.04)}.cz-search-status{font-size:10px!important;letter-spacing:1.5px;color:var(--cz-green);font-weight:900;text-align:right;padding-bottom:11px}.cz-main{position:relative}.cz-main:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:1px;background:linear-gradient(var(--cz-gold),rgba(115,216,216,.14),transparent)}.cz-section{position:relative;padding:54px 0 58px 76px;border-bottom:1px solid rgba(255,255,255,.075)}.cz-section-head{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:18px;margin-bottom:28px}.cz-section-head>span{position:relative;width:52px;height:52px;display:grid;place-items:center;color:var(--cz-amber);font-weight:1000;font-size:15px;border:1px solid rgba(214,166,72,.42);clip-path:polygon(0 0,70% 0,100% 30%,100% 100%,0 100%);background:#050a07}.cz-section-head>span:before{content:"";position:absolute;left:-49px;width:48px;height:1px;background:var(--cz-gold)}.cz-section-head small{display:block;color:var(--cz-cyan);font-size:10px;font-weight:900;letter-spacing:2px;margin-bottom:3px}.cz-section-head h2{font-size:clamp(30px,4vw,47px);letter-spacing:-1.5px;margin:0;color:#f0f2ed}.cz-section-intro{max-width:1060px;color:#9ca9a1;line-height:1.7;font-size:16px}.cz-rule-stream{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}.cz-rule-stream article{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.065)}.cz-rule-stream i{font-style:normal;font-family:monospace;color:rgba(214,166,72,.72);font-size:12px;padding-top:5px}.cz-rule-stream h3{margin:0 0 7px;font-size:18px}.cz-rule-stream p{margin:0;color:#8f9b94;line-height:1.55}.cz-rule-stream b{color:#e6cf9d}.cz-example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:28px;background:rgba(255,255,255,.08)}.cz-example-grid article{padding:20px;background:#050a07;min-height:185px;position:relative}.cz-example-grid article:before{content:"";position:absolute;top:0;left:0;width:48px;height:2px;background:var(--cz-green)}.cz-example-grid article.bad:before{background:var(--cz-red)}.cz-example-grid span{font-size:10px;letter-spacing:1.6px;font-weight:900;color:var(--cz-green)}.cz-example-grid .bad span{color:var(--cz-red)}.cz-example-grid h3{margin:12px 0 8px}.cz-example-grid p{color:#86928b;line-height:1.45}.cz-example-grid strong{font-size:10px;color:#cdd7d0;letter-spacing:.7px}.cz-group-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:27px;border-top:1px solid rgba(255,255,255,.075)}.cz-group-matrix article{padding:20px 22px;border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(130deg,rgba(8,16,12,.76),rgba(4,9,7,.35))}.cz-group-matrix h3{font-size:15px;color:var(--cz-amber);margin:0 0 8px}.cz-group-matrix p{margin:0;color:#8c9891;line-height:1.6;font-size:13px}.cz-note,.cz-critical{margin-top:25px;padding:15px 18px;border-left:2px solid var(--cz-cyan);background:linear-gradient(90deg,rgba(31,91,91,.18),transparent);color:#a8b5ad;line-height:1.6}.cz-critical{border-left-color:var(--cz-red);background:linear-gradient(90deg,rgba(102,31,27,.22),transparent);color:#c6c2bb}.cz-critical b{color:var(--cz-red)}.cz-recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.cz-recipe{position:relative;min-height:255px;padding:0 0 16px;background:linear-gradient(145deg,rgba(8,15,11,.82),rgba(3,8,6,.58));border-top:1px solid rgba(214,166,72,.25);border-bottom:1px solid rgba(255,255,255,.065);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,10px 100%,0 calc(100% - 10px));overflow:hidden}.cz-recipe[hidden]{display:none!important}.cz-recipe:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--cz-gold),transparent 55%)}.cz-recipe.box:before{background:linear-gradient(var(--cz-cyan),transparent 55%)}.cz-recipe.can:before{background:linear-gradient(var(--cz-green),transparent 55%)}.cz-recipe-top{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);font-size:9px;letter-spacing:1.2px;font-weight:900}.cz-recipe-top span{color:var(--cz-gold)}.cz-recipe.box .cz-recipe-top span{color:var(--cz-cyan)}.cz-recipe.can .cz-recipe-top span{color:var(--cz-green)}.cz-recipe-top b{color:#6f7d75}.cz-recipe h3{font-size:21px;line-height:1.15;margin:18px 18px 13px;color:#f0f0ea}.cz-recipe ul{list-style:none;padding:0 18px;margin:0}.cz-recipe li{position:relative;padding:4px 0 4px 15px;color:#9aa69e;font-size:13px}.cz-recipe li:before{content:"+";position:absolute;left:0;color:#c6a258}.cz-recipe footer{display:grid;gap:4px;margin:17px 18px 0;padding-top:11px;border-top:1px solid rgba(255,255,255,.06);font-size:10px;letter-spacing:.5px}.cz-recipe footer span{color:#8b978f}.cz-recipe footer strong{color:#d8c89e}.cz-inline-warning{margin:12px 18px 0!important;padding:8px 10px;border-left:2px solid var(--cz-red);background:rgba(118,38,31,.12);font-size:11px;color:#c7b4af}.cz-package-line{display:grid;grid-template-columns:160px 170px 1fr;gap:18px;align-items:center;padding:17px 18px;border-top:1px solid rgba(115,216,216,.18);border-bottom:1px solid rgba(115,216,216,.12);background:linear-gradient(90deg,rgba(21,61,61,.19),transparent)}.cz-package-line.can{border-color:rgba(132,214,138,.18);background:linear-gradient(90deg,rgba(35,83,42,.17),transparent)}.cz-package-line span{font-size:10px;letter-spacing:1.4px;color:#73827a;font-weight:900}.cz-package-line strong{font-size:19px;color:var(--cz-cyan)}.cz-package-line.can strong{color:var(--cz-green)}.cz-package-line p{margin:0;color:#8c9891;line-height:1.5;font-size:13px}.cz-system-rail{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.07)}.cz-system-rail article{position:relative;padding:22px 24px 24px 30px;border-bottom:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.055)}.cz-system-rail article:before{content:"";position:absolute;left:0;top:27px;width:14px;height:1px;background:var(--cz-gold)}.cz-system-rail span{font-size:9px;color:var(--cz-cyan);font-weight:900;letter-spacing:1.6px}.cz-system-rail h3{font-size:20px;margin:7px 0 9px}.cz-system-rail p{color:#8e9a92;line-height:1.58;margin:0}.cz-system-rail small{display:block;color:#c5af7b;margin-top:9px}.cz-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid rgba(255,255,255,.07)}.cz-settings-grid div{display:flex;justify-content:space-between;gap:20px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.055)}.cz-settings-grid span{color:#87938c}.cz-settings-grid strong{color:#e0c47d;font-size:12px;letter-spacing:.8px}.cz-diagnostic-list{counter-reset:diag;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 38px}.cz-diagnostic-list li{counter-increment:diag;position:relative;padding:15px 10px 15px 46px;border-bottom:1px solid rgba(255,255,255,.06);color:#929e96;line-height:1.55}.cz-diagnostic-list li:before{content:counter(diag,decimal-leading-zero);position:absolute;left:0;top:15px;color:var(--cz-red);font-family:monospace;font-weight:900}.cz-diagnostic-list b{color:#d4d9d4}.cz-twelve{margin-top:28px;padding:22px 24px;border-left:2px solid var(--cz-gold);background:linear-gradient(90deg,rgba(102,78,31,.18),transparent)}.cz-twelve h3{margin:0 0 10px;color:var(--cz-amber);font-size:15px;letter-spacing:1px}.cz-twelve p{margin:0;color:#939f97;line-height:1.75}.cz-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cz-gallery a{position:relative;display:block;overflow:hidden;text-decoration:none;border-bottom:1px solid rgba(214,166,72,.25);background:#050806;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.cz-gallery img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.8) contrast(1.05);transition:.2s}.cz-gallery span{display:block;padding:10px 12px;color:#b6c0ba;font-size:11px;font-weight:900;letter-spacing:1px}.cz-gallery a:hover img{transform:scale(1.02);filter:saturate(1) contrast(1.07)}.cz-top{position:fixed;right:24px;bottom:24px;width:44px;height:44px;display:grid;place-items:center;text-decoration:none;color:#f4e7bf;border:1px solid rgba(214,166,72,.36);background:rgba(3,9,6,.88);clip-path:polygon(0 0,70% 0,100% 30%,100% 100%,0 100%);z-index:20}.cz-searching .cz-section:not(#sausages):not(#boxed):not(#canned){opacity:.48}.cz-searching #sausages,.cz-searching #boxed,.cz-searching #canned{opacity:1}
@media(max-width:1180px){.cz-hero{grid-template-columns:1fr}.cz-telemetry{border-left:0;border-top:1px solid rgba(115,216,216,.17)}.cz-search-band{grid-template-columns:180px 1fr}.cz-search-status{grid-column:1/-1;text-align:left;padding:0}.cz-recipe-grid{grid-template-columns:repeat(2,1fr)}.cz-example-grid{grid-template-columns:repeat(2,1fr)}.cz-group-matrix{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cz-hud{padding:10px 12px 70px}.cz-hero-copy{padding:38px 22px 32px}.cz-hero h1{letter-spacing:-2px}.cz-primary-rule{grid-template-columns:86px 1fr}.cz-rule-number{font-size:48px}.cz-search-band{grid-template-columns:1fr;gap:15px}.cz-main:before{left:8px}.cz-section{padding:42px 0 44px 27px}.cz-section-head{grid-template-columns:44px 1fr;gap:12px}.cz-section-head>span{width:44px;height:44px}.cz-section-head>span:before{left:-28px;width:27px}.cz-rule-stream,.cz-system-rail,.cz-settings-grid,.cz-diagnostic-list{grid-template-columns:1fr}.cz-recipe-grid,.cz-example-grid,.cz-group-matrix,.cz-gallery{grid-template-columns:1fr}.cz-package-line{grid-template-columns:1fr;gap:5px}.cz-package-line p{margin-top:7px}.cz-telemetry{padding:30px 22px}.cz-nav a{padding:13px 14px}}

/* ========================================================================== 
   TLD DISTRICT MEDIA RELAY — Dashboard + MasterAdmin News Feed
   Asymmetric sci-fi media surfaces; deliberately avoids box-grid UI language.
   ========================================================================== */
.dashboard-media-sector{position:relative;margin:0 0 34px;padding:28px 0 8px;isolation:isolate}
.dashboard-media-sector:before{content:"";position:absolute;inset:0 -22px auto -22px;height:240px;pointer-events:none;background:radial-gradient(ellipse at 22% 0,rgba(83,206,208,.09),transparent 58%),linear-gradient(90deg,transparent,rgba(83,206,208,.035),transparent);filter:blur(.2px);z-index:-1}
.dashboard-media-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 16px;padding:0 4px 12px;border-bottom:1px solid rgba(83,206,208,.18)}
.dashboard-media-heading>div:first-child>span{display:block;color:#66d5d4;font-size:9px;font-weight:950;letter-spacing:.2em;text-transform:uppercase}
.dashboard-media-heading h2{margin:5px 0 4px;color:#eff4f1;font-size:clamp(28px,3vw,44px);line-height:1;text-transform:uppercase;letter-spacing:-.02em}.dashboard-media-heading h2 em{color:#d9aa51;font-style:normal}
.dashboard-media-heading p{max-width:760px;margin:0;color:#93a19a;font-size:12px;line-height:1.6}
.dashboard-media-wave{display:flex;align-items:flex-end;gap:4px;height:32px;padding:0 4px 3px;opacity:.7}.dashboard-media-wave i{display:block;width:2px;height:8px;background:#53ced0;box-shadow:0 0 8px rgba(83,206,208,.5);animation:tldMediaWave 1.4s ease-in-out infinite alternate}.dashboard-media-wave i:nth-child(2n){height:18px;animation-delay:-.6s}.dashboard-media-wave i:nth-child(3n){height:27px;animation-delay:-.25s}.dashboard-media-wave i:nth-child(4n){height:13px;animation-delay:-.9s}
@keyframes tldMediaWave{to{transform:scaleY(.38);opacity:.35}}
.dashboard-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.district-media-player{--media-accent:#53ced0;position:relative;display:grid;grid-template-columns:minmax(185px,35%) minmax(0,1fr);min-height:280px;overflow:hidden;background:linear-gradient(118deg,rgba(7,13,13,.98),rgba(10,12,10,.96) 58%,rgba(17,15,9,.98));clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,22px 100%,0 calc(100% - 22px));filter:drop-shadow(0 18px 26px rgba(0,0,0,.28))}
.district-media-player:before{content:"";position:absolute;inset:0;pointer-events:none;border-top:1px solid color-mix(in srgb,var(--media-accent) 65%,transparent);border-right:1px solid rgba(225,181,94,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);clip-path:inherit;z-index:6}
.district-media-player:after{content:"";position:absolute;left:35%;top:0;width:1px;height:100%;background:linear-gradient(transparent,var(--media-accent),rgba(215,170,84,.4),transparent);opacity:.34;z-index:5}
.district-media-art{position:relative;min-height:280px;overflow:hidden;background:#040807}.district-media-art>img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none;filter:saturate(.9) contrast(1.05) brightness(.78);transition:transform .5s ease,filter .5s ease}.district-media-player:hover .district-media-art>img,.district-media-player.is-playing .district-media-art>img{transform:scale(1.035);filter:saturate(1.04) contrast(1.08) brightness(.86)}
.district-media-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(5,9,8,.88) 100%),linear-gradient(180deg,transparent 50%,rgba(4,7,6,.82));pointer-events:none}
.district-media-scan{position:absolute;inset:-100% 0 auto;height:45%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(83,206,208,.07),rgba(83,206,208,.16),transparent);mix-blend-mode:screen;animation:tldMediaScan 5s linear infinite}.district-media-player.is-playing .district-media-scan{animation-duration:2.2s}
@keyframes tldMediaScan{to{transform:translateY(440%)}}
.district-media-badge{position:absolute;left:14px;bottom:13px;z-index:4;display:grid;gap:2px;padding:7px 12px 7px 9px;background:rgba(4,9,8,.78);border-left:2px solid var(--media-accent);backdrop-filter:blur(5px);clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%)}.district-media-badge b{color:#eef7f3;font-size:8px;letter-spacing:.17em}.district-media-badge span{color:var(--media-accent);font-size:7px;font-weight:900;letter-spacing:.12em}
.district-media-art-fallback{display:grid;place-items:center;width:100%;height:100%;min-height:280px;color:rgba(83,206,208,.45);font-size:62px;font-weight:1000;letter-spacing:.13em;background:radial-gradient(circle at 50% 35%,rgba(83,206,208,.08),transparent 55%),repeating-linear-gradient(0deg,transparent 0 7px,rgba(83,206,208,.025) 8px)}
.district-media-console{position:relative;z-index:3;padding:24px 25px 19px 27px;display:flex;flex-direction:column;min-width:0}.district-media-index{display:flex;align-items:center;gap:10px;color:var(--media-accent);font-size:8px;font-weight:950;letter-spacing:.19em}.district-media-index i{height:1px;flex:1;background:linear-gradient(90deg,var(--media-accent),transparent);opacity:.45}.district-media-console h3{margin:13px 0 8px;color:#f1eee6;font-size:clamp(22px,2.3vw,34px);line-height:1.03;letter-spacing:-.025em}.district-media-console>p{margin:0 0 18px;color:#a7b1ab;font-size:11px;line-height:1.65;white-space:normal}.district-media-audio{position:absolute!important;width:1px!important;height:1px!important;opacity:.001!important;pointer-events:none!important;left:-9999px!important}
.district-media-controls{display:grid;grid-template-columns:auto minmax(46px,1fr) auto minmax(92px,150px);gap:11px;align-items:center;margin-top:auto;padding:12px 0;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}
.district-media-play,.district-media-volume{appearance:none;border:0;background:none;color:#dce5df;cursor:pointer;transition:.18s ease}.district-media-play{display:flex;align-items:center;gap:9px;padding:7px 11px 7px 5px;border-left:2px solid var(--media-accent);clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%);background:linear-gradient(90deg,color-mix(in srgb,var(--media-accent) 15%,transparent),transparent)}.district-media-play:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--media-accent) 24%,transparent),transparent)}.district-media-play .play-glyph{display:grid;place-items:center;width:26px;height:26px;color:var(--media-accent);font-size:15px;text-shadow:0 0 12px color-mix(in srgb,var(--media-accent) 70%,transparent)}.district-media-play b{font-size:9px;letter-spacing:.14em}.district-media-player.is-playing .district-media-play{color:#fff}
.district-media-pulse{height:30px;display:flex;align-items:center;justify-content:center;gap:3px;overflow:hidden}.district-media-pulse span{width:2px;height:5px;background:var(--media-accent);opacity:.32;transform-origin:center;transition:.2s}.district-media-player.is-playing .district-media-pulse span{animation:tldMediaPulse .75s ease-in-out infinite alternate;opacity:.85;box-shadow:0 0 7px color-mix(in srgb,var(--media-accent) 50%,transparent)}.district-media-player.is-playing .district-media-pulse span:nth-child(2n){animation-delay:-.35s}.district-media-player.is-playing .district-media-pulse span:nth-child(3n){animation-delay:-.6s}.district-media-player.is-playing .district-media-pulse span:nth-child(4n){animation-delay:-.15s}@keyframes tldMediaPulse{to{height:26px}}
.district-media-volume{display:grid;gap:1px;justify-items:end;padding:3px}.district-media-volume span{color:#77877e;font-size:7px;font-weight:950;letter-spacing:.14em}.district-media-volume b{color:#cbd9d1;font-size:10px;letter-spacing:.06em}.district-media-volume:hover b{color:var(--media-accent)}.district-media-volume.is-muted b{color:#b55}
.district-media-volume-range{width:100%;height:2px;accent-color:var(--media-accent);cursor:pointer}.district-media-status{display:flex;align-items:center;gap:7px;padding-top:10px;min-width:0}.district-media-status .status-dot{width:6px;height:6px;border-radius:50%;background:#62d47b;box-shadow:0 0 9px rgba(98,212,123,.7)}.district-media-status b{color:#78d78b;font-size:7px;letter-spacing:.16em}.district-media-status small{margin-left:auto;color:#58655e;font-size:7px;font-weight:800;letter-spacing:.09em;white-space:nowrap}

/* MasterAdmin media builder */
.media-admin-panel{position:relative;margin-bottom:18px;overflow:hidden;border:1px solid rgba(83,206,208,.18)!important;border-top:2px solid #53ced0!important;background:radial-gradient(circle at 3% 0,rgba(83,206,208,.09),transparent 35%),linear-gradient(145deg,rgba(8,15,15,.98),rgba(8,9,7,.98))!important;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}
.media-admin-panel:after{content:"AUDIO RELAY";position:absolute;right:27px;top:18px;color:rgba(83,206,208,.12);font-size:26px;font-weight:1000;letter-spacing:.13em;pointer-events:none}.media-builder-form{position:relative;z-index:1}.media-image-preview{position:relative;max-width:520px;margin:10px 0 14px;overflow:hidden;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,13px 100%,0 calc(100% - 13px));background:#050807}.media-image-preview img{display:block;width:100%;max-height:280px;object-fit:cover}.media-image-preview:after{content:"ARTWORK PREVIEW";position:absolute;left:0;bottom:0;padding:5px 9px;background:rgba(5,9,8,.82);border-left:2px solid #53ced0;color:#77dcdb;font-size:7px;font-weight:900;letter-spacing:.15em}.media-security-note{align-self:end;display:grid;gap:5px;padding:9px 0 9px 12px;border-left:2px solid #53ced0;background:linear-gradient(90deg,rgba(83,206,208,.07),transparent)}.media-security-note strong{color:#6bd8d7;font-size:8px;letter-spacing:.17em}.media-security-note span{color:#78857f;font-size:9px;line-height:1.5}.media-admin-archive{margin-top:22px;padding-top:16px;border-top:1px solid rgba(83,206,208,.15)}.news-panel-heading.compact{margin-bottom:10px}.media-admin-row{border-left-color:var(--news-accent)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--news-accent) 5%,#090c0a),#090c0a)!important}

@media(max-width:1080px){.dashboard-media-grid{grid-template-columns:1fr}.district-media-player{grid-template-columns:minmax(190px,32%) minmax(0,1fr)}}
@media(max-width:720px){.dashboard-media-heading{align-items:flex-start}.dashboard-media-wave{display:none}.district-media-player{grid-template-columns:1fr;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,15px 100%,0 calc(100% - 15px))}.district-media-player:after{display:none}.district-media-art{min-height:0;aspect-ratio:16/9}.district-media-console{padding:19px 18px 17px}.district-media-controls{grid-template-columns:auto 1fr auto}.district-media-volume-range{grid-column:1/-1}.district-media-status small{display:none}.media-admin-panel:after{display:none}}

/* ============================================================
   TLD DISTRICT MEDIA PLAYER v2.0
   Compact two-up sci-fi relay deck
   ============================================================ */
.dashboard-media-sector{
    margin:0 0 30px;
    padding:20px 0 4px;
}
.dashboard-media-heading{
    margin-bottom:13px;
}
.dashboard-media-heading h2{
    font-size:clamp(24px,2.2vw,34px);
}
.dashboard-media-heading p{
    font-size:11px;
}
.dashboard-media-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch;
}

.district-media-player{
    --media-accent:#53ced0;
    position:relative;
    display:grid!important;
    grid-template-columns:190px minmax(0,1fr)!important;
    min-height:220px!important;
    height:100%;
    overflow:hidden;
    isolation:isolate;
    background:
        linear-gradient(118deg,rgba(4,10,11,.985),rgba(8,12,12,.98) 52%,rgba(13,12,8,.985));
    border:0!important;
    clip-path:polygon(0 0,calc(100% - 19px) 0,100% 19px,100% calc(100% - 12px),calc(100% - 12px) 100%,15px 100%,0 calc(100% - 15px));
    filter:drop-shadow(0 12px 20px rgba(0,0,0,.34));
}
.district-media-player:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:20;
    pointer-events:none;
    border-top:1px solid color-mix(in srgb,var(--media-accent) 70%,transparent);
    border-bottom:1px solid rgba(213,167,76,.17);
    background:
        linear-gradient(90deg,var(--media-accent),transparent 24%) top left/42% 1px no-repeat,
        linear-gradient(270deg,rgba(213,167,76,.7),transparent 30%) bottom right/38% 1px no-repeat;
    clip-path:inherit;
}
.district-media-player:after{
    content:"";
    position:absolute;
    left:190px;
    top:14px;
    bottom:14px;
    width:1px;
    height:auto;
    z-index:12;
    background:linear-gradient(transparent,color-mix(in srgb,var(--media-accent) 60%,transparent),rgba(213,167,76,.32),transparent);
    opacity:.7;
}

.district-media-art{
    position:relative;
    min-height:220px!important;
    height:100%;
    aspect-ratio:auto!important;
    overflow:hidden;
    background:#030706;
}
.district-media-art>img{
    position:absolute;
    inset:0;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    filter:saturate(.96) contrast(1.08) brightness(.78)!important;
}
.district-media-player:hover .district-media-art>img,
.district-media-player.is-playing .district-media-art>img{
    transform:scale(1.025)!important;
    filter:saturate(1.05) contrast(1.1) brightness(.86)!important;
}
.district-media-art:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
    background:
        linear-gradient(90deg,transparent 65%,rgba(3,8,8,.88) 100%),
        linear-gradient(180deg,transparent 58%,rgba(1,5,5,.8));
}
.district-media-art:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:4;
    pointer-events:none;
    background:repeating-linear-gradient(180deg,transparent 0 4px,rgba(86,227,226,.018) 5px);
}
.district-media-scan{z-index:5}
.district-media-badge{
    left:10px!important;
    bottom:10px!important;
    padding:6px 9px!important;
    z-index:8!important;
}
.district-media-badge b{font-size:7px!important}
.district-media-badge span{font-size:6px!important}
.district-media-art-fallback{min-height:220px!important;font-size:42px!important}

.district-media-console{
    position:relative;
    z-index:10;
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:16px 18px 13px 19px!important;
}
.district-media-console:before{
    content:"";
    position:absolute;
    right:8px;
    top:8px;
    width:28px;
    height:28px;
    pointer-events:none;
    border-top:1px solid rgba(83,206,208,.23);
    border-right:1px solid rgba(83,206,208,.23);
    transform:skew(-12deg);
}
.district-media-index{
    font-size:7px!important;
    letter-spacing:.17em!important;
}
.district-media-console h3{
    margin:9px 0 5px!important;
    font-size:clamp(17px,1.45vw,22px)!important;
    line-height:1.05!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.district-media-console>p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    margin:0 0 10px!important;
    max-height:47px;
    color:#9ca9a3!important;
    font-size:9px!important;
    line-height:1.55!important;
}
.district-media-audio{
    position:absolute!important;
    left:-9999px!important;
    width:1px!important;
    height:1px!important;
    opacity:.001!important;
    pointer-events:none!important;
}

/* seek / elapsed timeline */
.district-media-timeline{
    display:grid;
    grid-template-columns:36px minmax(0,1fr) 36px;
    align-items:center;
    gap:8px;
    margin-top:auto;
    padding:8px 0 5px;
}
.district-media-time{
    color:#6f8179;
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
    font-size:8px;
    font-weight:800;
    letter-spacing:.03em;
}
.district-media-time.duration{text-align:right}
.district-media-seek-shell{
    position:relative;
    height:16px;
    display:flex;
    align-items:center;
}
.district-media-seek-shell:before{
    content:"";
    position:absolute;
    left:0;right:0;top:7px;
    height:2px;
    background:rgba(121,147,139,.18);
    box-shadow:0 0 0 1px rgba(0,0,0,.35);
}
.district-media-seek-fill{
    position:absolute;
    left:0;top:7px;
    width:0;
    height:2px;
    pointer-events:none;
    background:linear-gradient(90deg,var(--media-accent),#d6a84d);
    box-shadow:0 0 8px color-mix(in srgb,var(--media-accent) 55%,transparent);
}
.district-media-seek{
    position:relative;
    z-index:2;
    width:100%!important;
    height:16px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
}
.district-media-seek::-webkit-slider-runnable-track{height:2px;background:transparent}
.district-media-seek::-webkit-slider-thumb{
    appearance:none;
    -webkit-appearance:none;
    width:10px;height:10px;
    margin-top:-4px;
    border:1px solid #b9ffff;
    border-radius:1px;
    background:var(--media-accent);
    transform:rotate(45deg);
    box-shadow:0 0 8px color-mix(in srgb,var(--media-accent) 70%,transparent);
}
.district-media-seek::-moz-range-track{height:2px;background:transparent;border:0}
.district-media-seek::-moz-range-thumb{
    width:9px;height:9px;border:1px solid #b9ffff;border-radius:1px;background:var(--media-accent);transform:rotate(45deg);
}

/* actual compact player controls */
.district-media-controls{
    display:grid!important;
    grid-template-columns:auto minmax(48px,1fr) minmax(92px,135px)!important;
    align-items:center!important;
    gap:10px!important;
    margin:0!important;
    padding:7px 0 8px!important;
    border-top:1px solid rgba(83,206,208,.09)!important;
    border-bottom:1px solid rgba(255,255,255,.045)!important;
}
.district-media-play{
    position:relative;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-width:94px;
    padding:0!important;
    border:0!important;
    border-left:0!important;
    background:none!important;
    clip-path:none!important;
    color:#eef6f1!important;
    cursor:pointer;
}
.district-media-play-core{
    position:relative;
    display:grid;
    place-items:center;
    width:39px;
    height:39px;
    flex:0 0 39px;
    border:1px solid color-mix(in srgb,var(--media-accent) 78%,#fff 22%);
    background:
        radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--media-accent) 15%,transparent) 0 40%,transparent 42%),
        rgba(3,10,10,.88);
    clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);
    box-shadow:inset 0 0 13px color-mix(in srgb,var(--media-accent) 13%,transparent),0 0 12px color-mix(in srgb,var(--media-accent) 10%,transparent);
    transition:.18s ease;
}
.district-media-play-core:before{
    content:"";
    position:absolute;
    inset:4px;
    border:1px solid rgba(255,255,255,.08);
    clip-path:inherit;
}
.district-media-play:hover .district-media-play-core,
.district-media-player.is-playing .district-media-play-core{
    background:color-mix(in srgb,var(--media-accent) 20%,#031010 80%);
    box-shadow:inset 0 0 18px color-mix(in srgb,var(--media-accent) 25%,transparent),0 0 16px color-mix(in srgb,var(--media-accent) 30%,transparent);
    transform:translateY(-1px);
}
.district-media-play .play-glyph{
    width:auto!important;
    height:auto!important;
    display:block!important;
    color:#eaffff!important;
    font-size:14px!important;
    line-height:1;
    font-style:normal;
    text-shadow:0 0 9px var(--media-accent);
}
.district-media-play-copy{
    display:grid;
    gap:1px;
    text-align:left;
}
.district-media-play-copy small{
    color:#5f7770;
    font-size:6px;
    font-weight:900;
    letter-spacing:.14em;
}
.district-media-play-copy b{
    color:#eef5ef;
    font-size:9px!important;
    letter-spacing:.16em!important;
}

.district-media-visualizer{
    min-width:0;
    height:32px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:3px;
    overflow:hidden;
    opacity:.48;
}
.district-media-visualizer i{
    display:block;
    width:2px;
    height:5px;
    background:linear-gradient(180deg,#d9ae58,var(--media-accent));
    box-shadow:0 0 5px color-mix(in srgb,var(--media-accent) 35%,transparent);
    transform-origin:center;
}
.district-media-visualizer i:nth-child(2n){height:13px}
.district-media-visualizer i:nth-child(3n){height:20px}
.district-media-visualizer i:nth-child(4n){height:9px}
.district-media-player.is-playing .district-media-visualizer{opacity:.95}
.district-media-player.is-playing .district-media-visualizer i{animation:tldDeckBars .62s ease-in-out infinite alternate}
.district-media-player.is-playing .district-media-visualizer i:nth-child(2n){animation-delay:-.32s}
.district-media-player.is-playing .district-media-visualizer i:nth-child(3n){animation-delay:-.51s}
.district-media-player.is-playing .district-media-visualizer i:nth-child(4n){animation-delay:-.18s}
@keyframes tldDeckBars{to{height:28px}}

.district-media-volume-cluster{
    display:grid;
    grid-template-columns:26px minmax(62px,1fr);
    align-items:center;
    gap:5px;
    min-width:0;
}
.district-media-volume{
    display:grid!important;
    place-items:center!important;
    width:26px!important;
    height:26px!important;
    padding:0!important;
    border:0!important;
    background:rgba(83,206,208,.045)!important;
    clip-path:polygon(18% 0,100% 0,100% 82%,82% 100%,0 100%,0 18%);
}
.district-media-volume .speaker-glyph{
    display:block;
    color:#d8e5de;
    font-size:13px;
    line-height:1;
    filter:grayscale(1);
}
.district-media-volume:hover{background:rgba(83,206,208,.11)!important}
.district-media-volume-range{
    width:100%!important;
    height:14px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
}
.district-media-volume-range::-webkit-slider-runnable-track{
    height:2px;
    background:linear-gradient(90deg,var(--media-accent),rgba(113,142,133,.23));
}
.district-media-volume-range::-webkit-slider-thumb{
    appearance:none;
    -webkit-appearance:none;
    width:7px;height:12px;
    margin-top:-5px;
    border:0;
    border-radius:0;
    background:#d9fff8;
    box-shadow:0 0 7px color-mix(in srgb,var(--media-accent) 70%,transparent);
}
.district-media-volume-range::-moz-range-track{height:2px;background:rgba(113,142,133,.23);border:0}
.district-media-volume-range::-moz-range-progress{height:2px;background:var(--media-accent)}
.district-media-volume-range::-moz-range-thumb{width:7px;height:12px;border:0;border-radius:0;background:#d9fff8}

.district-media-status{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0;
    padding-top:7px!important;
}
.district-media-status .status-dot{width:5px!important;height:5px!important}
.district-media-status b{font-size:6px!important}
.district-media-status small{
    margin-left:auto!important;
    color:#52635c!important;
    font-size:6px!important;
    letter-spacing:.1em!important;
}

/* Force two cards across on normal desktop dashboard widths. */
@media (min-width:761px){
    .dashboard-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:1250px) and (min-width:761px){
    .district-media-player{grid-template-columns:155px minmax(0,1fr)!important}
    .district-media-player:after{left:155px!important}
    .district-media-console{padding:14px 14px 12px 15px!important}
    .district-media-console>p{-webkit-line-clamp:2;max-height:31px}
    .district-media-controls{grid-template-columns:auto minmax(34px,1fr) minmax(82px,110px)!important;gap:7px!important}
    .district-media-play-copy small{display:none}
}
@media (max-width:760px){
    .dashboard-media-grid{grid-template-columns:1fr!important}
    .district-media-player{grid-template-columns:128px minmax(0,1fr)!important;min-height:205px!important}
    .district-media-player:after{display:block!important;left:128px!important;top:12px!important;bottom:12px!important}
    .district-media-art{min-height:205px!important;aspect-ratio:auto!important}
    .district-media-console{padding:13px 12px 11px 13px!important}
    .district-media-console h3{font-size:17px!important}
    .district-media-console>p{-webkit-line-clamp:2;max-height:30px;font-size:8px!important}
    .district-media-controls{grid-template-columns:auto 1fr!important}
    .district-media-visualizer{display:none!important}
    .district-media-volume-cluster{min-width:92px}
    .district-media-status small{display:none!important}
    .district-media-play-copy small{display:none}
    .district-media-play{min-width:80px}
}
@media (max-width:520px){
    .district-media-player{grid-template-columns:105px minmax(0,1fr)!important}
    .district-media-player:after{left:105px!important}
    .district-media-console>p{display:none!important}
    .district-media-timeline{grid-template-columns:30px minmax(0,1fr) 30px;gap:5px}
    .district-media-time{font-size:7px}
    .district-media-play-core{width:34px;height:34px;flex-basis:34px}
    .district-media-volume-cluster{grid-template-columns:23px minmax(50px,1fr)}
}

/* ============================================================
   TLD DISTRICT AUDIO DECK v3.0
   Dedicated class namespace to avoid legacy media-player rules.
   ============================================================ */
.tld-audio-sector{
    position:relative;
    margin:0 0 34px;
    padding:18px 0 4px;
    isolation:isolate;
}
.tld-audio-sector:before{
    content:"";
    position:absolute;
    inset:-10px -18px auto -18px;
    height:150px;
    pointer-events:none;
    z-index:-1;
    background:radial-gradient(ellipse at 18% 0,rgba(62,225,225,.08),transparent 58%);
}
.tld-audio-sector-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin:0 0 14px;
    padding:0 2px 11px;
    border-bottom:1px solid rgba(91,218,218,.18);
}
.tld-audio-kicker{
    display:block;
    color:#64dbda;
    font-size:8px;
    font-weight:950;
    letter-spacing:.22em;
}
.tld-audio-sector-head h2{
    margin:5px 0 3px;
    color:#eef4f0;
    font-size:clamp(22px,2vw,31px);
    line-height:1;
    letter-spacing:.05em;
}
.tld-audio-sector-head h2 em{color:#d3a24b;font-style:normal}
.tld-audio-sector-head p{margin:0;color:#899993;font-size:10px;letter-spacing:.025em}
.tld-audio-head-signal{height:28px;display:flex;align-items:flex-end;gap:3px;opacity:.62}
.tld-audio-head-signal i{display:block;width:2px;height:6px;background:#5fe3e1;box-shadow:0 0 7px rgba(95,227,225,.5);animation:tldHeadPulse 1.25s ease-in-out infinite alternate}
.tld-audio-head-signal i:nth-child(2n){height:15px;animation-delay:-.42s}
.tld-audio-head-signal i:nth-child(3n){height:25px;animation-delay:-.78s}
.tld-audio-head-signal i:nth-child(5n){height:11px;animation-delay:-.2s}
@keyframes tldHeadPulse{to{height:4px;opacity:.35}}

.tld-audio-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch;
}
.tld-audio-deck{
    --deck-accent:#56d8d7;
    position:relative;
    display:grid!important;
    grid-template-columns:230px minmax(0,1fr)!important;
    min-width:0;
    min-height:236px;
    overflow:hidden;
    isolation:isolate;
    background:
      linear-gradient(116deg,rgba(3,8,9,.99),rgba(7,12,12,.985) 58%,rgba(12,11,7,.99));
    clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% calc(100% - 12px),calc(100% - 12px) 100%,17px 100%,0 calc(100% - 17px));
    box-shadow:0 18px 38px rgba(0,0,0,.34);
}
.tld-audio-deck:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:30;
    pointer-events:none;
    clip-path:inherit;
    background:
      linear-gradient(90deg,var(--deck-accent),transparent 38%) top left/60% 1px no-repeat,
      linear-gradient(270deg,#d4a447,transparent 40%) bottom right/48% 1px no-repeat,
      linear-gradient(180deg,var(--deck-accent),transparent 40%) top left/1px 42% no-repeat;
    opacity:.8;
}
.tld-audio-deck:after{
    content:"TLD // AUDIO NODE";
    position:absolute;
    right:7px;
    top:37px;
    z-index:24;
    writing-mode:vertical-rl;
    color:rgba(98,218,216,.26);
    font-size:5px;
    font-weight:950;
    letter-spacing:.22em;
    pointer-events:none;
}
.tld-audio-deck.is-playing{
    box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 25px color-mix(in srgb,var(--deck-accent) 10%,transparent);
}

.tld-audio-art{
    position:relative;
    min-height:236px;
    overflow:hidden;
    background:#030606;
}
.tld-audio-art>img{
    position:absolute;
    inset:0;
    display:block;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center!important;
    filter:none;
    transition:none;
    user-select:none;
    -webkit-user-drag:none;
}
.tld-audio-deck:hover .tld-audio-art>img,
.tld-audio-deck.is-playing .tld-audio-art>img{transform:none;filter:none}
.tld-audio-art:after{display:none!important}
.tld-audio-art-grid{
    position:absolute;
    inset:0;
    z-index:5;
    pointer-events:none;
    opacity:0;
    background:
      repeating-linear-gradient(0deg,transparent 0 6px,rgba(93,235,233,.08) 7px),
      repeating-linear-gradient(90deg,transparent 0 33px,rgba(93,235,233,.04) 34px);
}
.tld-audio-art-scan{
    position:absolute;
    left:0;right:0;top:-45%;
    height:34%;
    z-index:6;
    pointer-events:none;
    background:linear-gradient(180deg,transparent,rgba(95,232,230,.04),rgba(95,232,230,.22),transparent);
    animation:tldArtScan 4.5s linear infinite;
}
.tld-audio-deck.is-playing .tld-audio-art-scan{animation-duration:1.9s}
@keyframes tldArtScan{to{top:115%}}
.tld-audio-relay-tag{
    position:absolute;
    left:10px;
    bottom:10px;
    z-index:10;
    display:grid;
    gap:1px;
    padding:6px 11px 6px 8px;
    border-left:2px solid var(--deck-accent);
    background:rgba(1,7,8,.8);
    clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);
    backdrop-filter:blur(4px);
}
.tld-audio-relay-tag b{color:#efffff;font-size:6px;letter-spacing:.16em}
.tld-audio-relay-tag small{color:var(--deck-accent);font-size:5px;font-weight:900;letter-spacing:.13em}
.tld-audio-art-fallback{display:grid;place-items:center;height:100%;min-height:236px;color:rgba(90,223,221,.5);font-size:46px;font-weight:950;letter-spacing:.13em}

.tld-audio-interface{
    position:relative;
    z-index:15;
    min-width:0;
    display:flex;
    flex-direction:column;
    padding:15px 20px 12px 18px;
}
.tld-audio-interface:before{
    content:"";
    position:absolute;
    left:0;
    top:14px;
    bottom:14px;
    width:1px;
    background:linear-gradient(transparent,var(--deck-accent),rgba(215,168,75,.4),transparent);
    opacity:.5;
}
.tld-audio-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--deck-accent);font-size:6px;font-weight:950;letter-spacing:.18em;white-space:nowrap}
.tld-audio-topline strong{display:flex;align-items:center;gap:5px;color:#6ea47e;font-size:5px;letter-spacing:.12em}
.tld-audio-topline strong i{width:5px;height:5px;border-radius:50%;background:#71dc8a;box-shadow:0 0 8px rgba(113,220,138,.85)}
.tld-audio-interface h3{
    margin:9px 0 5px!important;
    color:#f4f0e7!important;
    font-size:clamp(17px,1.35vw,22px)!important;
    line-height:1.06!important;
    letter-spacing:.015em!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.tld-audio-description{
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin:0 0 8px!important;
    max-height:43px;
    color:#95a39d!important;
    font-size:8.5px!important;
    line-height:1.6!important;
}
.tld-audio-element{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:.001!important;pointer-events:none!important}

.tld-audio-display{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 42px;
    align-items:end;
    gap:8px;
    margin-top:auto;
    min-height:35px;
    padding:4px 0 3px;
}
.tld-audio-clock{display:grid;gap:0;align-content:end}
.tld-audio-clock.is-right{text-align:right}
.tld-audio-clock span{color:#e7f1ec;font-family:Consolas,"SFMono-Regular",monospace;font-size:11px;font-weight:900;letter-spacing:.025em}
.tld-audio-clock small{color:#4d625b;font-size:4.5px;font-weight:950;letter-spacing:.16em}
.tld-audio-spectrum{height:26px;display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden;opacity:.55}
.tld-audio-spectrum i{display:block;width:2px;height:4px;background:linear-gradient(180deg,#d6aa52,var(--deck-accent));box-shadow:0 0 4px color-mix(in srgb,var(--deck-accent) 45%,transparent);transform-origin:center}
.tld-audio-spectrum i:nth-child(2n){height:9px}.tld-audio-spectrum i:nth-child(3n){height:16px}.tld-audio-spectrum i:nth-child(5n){height:22px}.tld-audio-spectrum i:nth-child(7n){height:12px}
.tld-audio-deck.is-playing .tld-audio-spectrum{opacity:.95}
.tld-audio-deck.is-playing .tld-audio-spectrum i{animation:tldSpectrum .52s ease-in-out infinite alternate}
.tld-audio-deck.is-playing .tld-audio-spectrum i:nth-child(2n){animation-delay:-.18s}.tld-audio-deck.is-playing .tld-audio-spectrum i:nth-child(3n){animation-delay:-.37s}.tld-audio-deck.is-playing .tld-audio-spectrum i:nth-child(5n){animation-delay:-.11s}
@keyframes tldSpectrum{to{height:24px;opacity:.65}}

.tld-audio-seek-wrap{position:relative;height:17px;display:flex;align-items:center;margin:1px 0 5px}
.tld-audio-seek-wrap:before{content:"";position:absolute;left:0;right:0;top:8px;height:2px;background:#26332f}
.tld-audio-seek-progress{position:absolute;left:0;top:8px;width:0;height:2px;background:linear-gradient(90deg,var(--deck-accent),#d5a247);box-shadow:0 0 8px color-mix(in srgb,var(--deck-accent) 55%,transparent);pointer-events:none;z-index:2}
.tld-audio-seek-ticks{position:absolute;left:0;right:0;top:4px;height:10px;pointer-events:none;opacity:.33;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(101,179,173,.65) calc(10% - 1px) 10%)}
.tld-audio-seek{
    position:relative!important;
    z-index:4!important;
    width:100%!important;
    height:17px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    cursor:pointer!important;
}
.tld-audio-seek::-webkit-slider-runnable-track{height:2px;background:transparent;border:0}
.tld-audio-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border:1px solid #dcffff;border-radius:0;background:var(--deck-accent);transform:rotate(45deg);box-shadow:0 0 9px color-mix(in srgb,var(--deck-accent) 75%,transparent)}
.tld-audio-seek::-moz-range-track{height:2px;background:transparent;border:0}.tld-audio-seek::-moz-range-progress{height:2px;background:transparent}.tld-audio-seek::-moz-range-thumb{width:9px;height:9px;border:1px solid #dcffff;border-radius:0;background:var(--deck-accent);transform:rotate(45deg)}

.tld-audio-controls{
    display:grid;
    grid-template-columns:auto minmax(80px,1fr) minmax(122px,150px);
    align-items:center;
    gap:10px;
    padding-top:7px;
    border-top:1px solid rgba(83,214,212,.1);
}
.tld-audio-play{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#edf8f3!important;
    cursor:pointer!important;
}
.tld-audio-play-ring{
    position:relative;
    display:grid;
    place-items:center;
    width:43px;
    height:43px;
    flex:0 0 43px;
    background:radial-gradient(circle,color-mix(in srgb,var(--deck-accent) 15%,transparent) 0 35%,transparent 37%),rgba(2,8,9,.94);
    border:1px solid color-mix(in srgb,var(--deck-accent) 75%,#fff 25%);
    clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%);
    box-shadow:inset 0 0 15px color-mix(in srgb,var(--deck-accent) 12%,transparent),0 0 12px color-mix(in srgb,var(--deck-accent) 15%,transparent);
    transition:.16s ease;
}
.tld-audio-play-ring:before{content:"";position:absolute;inset:4px;border:1px solid rgba(215,255,255,.12);clip-path:inherit}
.tld-audio-play svg{display:block;width:17px;height:17px;fill:#eaffff;filter:drop-shadow(0 0 5px var(--deck-accent))}
.tld-audio-play .tld-icon-pause{display:none}
.tld-audio-deck.is-playing .tld-icon-play{display:none}.tld-audio-deck.is-playing .tld-icon-pause{display:block}
.tld-audio-play:hover .tld-audio-play-ring,.tld-audio-deck.is-playing .tld-audio-play-ring{transform:translateY(-1px);background:color-mix(in srgb,var(--deck-accent) 18%,#031011 82%);box-shadow:inset 0 0 18px color-mix(in srgb,var(--deck-accent) 22%,transparent),0 0 18px color-mix(in srgb,var(--deck-accent) 30%,transparent)}
.tld-audio-play-text{display:grid;gap:0;text-align:left}.tld-audio-play-text small{color:#4e6861;font-size:4.5px;font-weight:950;letter-spacing:.15em}.tld-audio-play-text b{color:#ecf5f0;font-size:8px;letter-spacing:.17em}
.tld-audio-status{min-width:0;display:grid;grid-template-columns:6px auto;align-items:center;column-gap:5px;row-gap:0}.tld-audio-status i{grid-row:1/3;width:5px;height:5px;border-radius:50%;background:#65d980;box-shadow:0 0 8px rgba(101,217,128,.7)}.tld-audio-status span{color:#72d98a;font-size:5.5px;font-weight:950;letter-spacing:.14em}.tld-audio-status small{color:#465a53;font-size:4.5px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.tld-audio-deck.is-playing .tld-audio-status i{animation:tldStatusBlink .65s ease-in-out infinite alternate}@keyframes tldStatusBlink{to{opacity:.25}}

.tld-audio-volume{display:grid;grid-template-columns:27px minmax(54px,1fr) 24px;align-items:center;gap:5px;min-width:0}
.tld-audio-mute{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:grid!important;
    place-items:center!important;
    width:27px!important;
    height:27px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(90,215,213,.16)!important;
    border-radius:0!important;
    background:rgba(81,211,210,.045)!important;
    clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%);
    cursor:pointer!important;
}
.tld-audio-mute svg{width:13px;height:13px;fill:#cedbd5}.tld-audio-mute:hover{background:rgba(81,211,210,.1)!important}.tld-audio-mute.is-muted svg{fill:#bb6666}
.tld-audio-volume-track{position:relative;height:14px;display:flex;align-items:center}.tld-audio-volume-track:before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:#26322f}.tld-audio-volume-fill{position:absolute;left:0;top:6px;width:100%;height:2px;background:var(--deck-accent);box-shadow:0 0 7px color-mix(in srgb,var(--deck-accent) 45%,transparent);pointer-events:none}
.tld-audio-volume-range{position:relative!important;z-index:2!important;width:100%!important;height:14px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important}
.tld-audio-volume-range::-webkit-slider-runnable-track{height:2px;background:transparent}.tld-audio-volume-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:6px;height:12px;margin-top:-5px;border:0;border-radius:0;background:#e4ffff;box-shadow:0 0 6px var(--deck-accent)}.tld-audio-volume-range::-moz-range-track{height:2px;background:transparent;border:0}.tld-audio-volume-range::-moz-range-progress{height:2px;background:transparent}.tld-audio-volume-range::-moz-range-thumb{width:6px;height:12px;border:0;border-radius:0;background:#e4ffff}
.tld-audio-volume-readout{color:#8da099;font-family:Consolas,monospace;font-size:7px;text-align:right;font-weight:900}

@media (max-width:1260px) and (min-width:801px){
    .tld-audio-deck{grid-template-columns:205px minmax(0,1fr)!important;min-height:222px}
    .tld-audio-art,.tld-audio-art-fallback{min-height:222px}
    .tld-audio-interface{padding:13px 15px 11px 15px}
    .tld-audio-description{-webkit-line-clamp:2;max-height:29px}
    .tld-audio-controls{grid-template-columns:auto 1fr minmax(105px,125px);gap:7px}
    .tld-audio-play-text small,.tld-audio-status small{display:none}
    .tld-audio-play-ring{width:38px;height:38px;flex-basis:38px}
}
@media (max-width:800px){
    .tld-audio-grid{grid-template-columns:1fr!important}
    .tld-audio-deck{grid-template-columns:145px minmax(0,1fr)!important}
    .tld-audio-head-signal{display:none}
}
@media (max-width:560px){
    .tld-audio-deck{grid-template-columns:108px minmax(0,1fr)!important;min-height:205px}
    .tld-audio-art,.tld-audio-art-fallback{min-height:205px}
    .tld-audio-interface{padding:11px 11px 10px 12px}
    .tld-audio-description{display:none}
    .tld-audio-display{grid-template-columns:35px minmax(0,1fr) 35px}
    .tld-audio-spectrum i:nth-child(n+16){display:none}
    .tld-audio-controls{grid-template-columns:auto 1fr;gap:7px}
    .tld-audio-status{display:none}
    .tld-audio-volume{min-width:95px}
    .tld-audio-play-text small{display:none}
}

/* ============================================================
   TLD GLOBAL SIDEBAR // MED-OS GOLD NAV STYLE
   2026-09-08
   Brings the Medical Guide's darker gold/amber navigation treatment
   to every page that uses the shared TLD sidebar.
   ============================================================ */
:root{
    --tld-nav-gold:#d5a63f;
    --tld-nav-gold-bright:#f0c45b;
    --tld-nav-gold-soft:#b8872f;
    --tld-nav-text:#d8ad4e;
    --tld-nav-panel:rgba(11,10,7,.54);
    --tld-nav-panel-hover:rgba(33,25,12,.68);
}

.tld-sidebar{
    border-right-color:rgba(213,166,63,.28)!important;
}

.sidebar-nav a{
    color:var(--tld-nav-text)!important;
    background:
        linear-gradient(90deg,rgba(9,9,7,.67),rgba(15,14,10,.48))!important;
    border:1px solid rgba(213,166,63,.105)!important;
    border-left:3px solid rgba(213,166,63,.10)!important;
    border-radius:8px!important;
    box-shadow:
        inset 0 1px 0 rgba(255,220,145,.018),
        0 4px 12px rgba(0,0,0,.10)!important;
    text-shadow:
        0 1px 0 #000,
        0 2px 6px rgba(0,0,0,.92)!important;
}

.sidebar-nav a::after{
    content:"";
    position:absolute;
    left:13px;
    right:13px;
    bottom:5px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(213,166,63,.16),transparent);
    opacity:.45;
    pointer-events:none;
}

.sidebar-nav a:hover{
    color:#f5ca67!important;
    background:
        linear-gradient(90deg,rgba(72,48,14,.58),rgba(29,24,14,.50))!important;
    border-color:rgba(224,177,69,.42)!important;
    border-left-color:var(--tld-nav-gold-bright)!important;
    box-shadow:
        inset 0 0 18px rgba(221,164,52,.06),
        0 6px 18px rgba(0,0,0,.18),
        0 0 14px rgba(221,164,52,.035)!important;
}

.sidebar-nav a.active{
    color:#ffe6a3!important;
    background:
        linear-gradient(90deg,rgba(100,64,13,.68),rgba(35,28,15,.56))!important;
    border-color:rgba(229,184,78,.52)!important;
    border-left-color:#f1b943!important;
    box-shadow:
        inset 0 0 24px rgba(238,177,50,.09),
        0 6px 18px rgba(0,0,0,.22),
        0 0 18px rgba(226,167,49,.05)!important;
}

.sidebar-nav a.active::before{
    content:"";
    position:absolute;
    left:-3px;
    top:9px;
    bottom:9px;
    width:3px;
    background:#f1b943;
    box-shadow:0 0 9px rgba(241,185,67,.72);
    pointer-events:none;
}

.sidebar-section-label{
    color:#8e8064!important;
    text-shadow:0 2px 5px #000!important;
}

/* Keep destructive navigation semantically red when it is used. */
.sidebar-nav a.danger-link{
    color:#d79886!important;
    border-color:rgba(168,73,57,.10)!important;
}
.sidebar-nav a.danger-link:hover{
    color:#ffd1c8!important;
    border-color:rgba(168,73,57,.45)!important;
    border-left-color:#c96350!important;
    background:rgba(77,41,35,.68)!important;
}

@media(max-width:950px){
    .sidebar-nav a{
        border-radius:7px!important;
    }
}

/* ============================================================
   TLD GLOBAL SIDEBAR // SCI-FI HUD NAV R25
   2026-09-09
   Navigation-only visual upgrade based on the approved concept.
   IMPORTANT: deliberately scoped to the shared sidebar so page
   backgrounds, guide panels, typography and page themes are untouched.
   ============================================================ */
:root{
    --tld-side-hud-gold:#d6a53c;
    --tld-side-hud-bright:#f5c95c;
    --tld-side-hud-hot:#ffd873;
    --tld-side-hud-dim:#8d7138;
    --tld-side-hud-line:rgba(214,165,60,.34);
    --tld-side-hud-line-hot:rgba(245,201,92,.70);
    --tld-side-hud-panel:rgba(8,8,6,.78);
    --tld-side-hud-panel-2:rgba(19,16,9,.72);
}

/* Sidebar shell only. */
.tld-sidebar{
    border-right:1px solid rgba(214,165,60,.34)!important;
    box-shadow:
        18px 0 38px rgba(0,0,0,.24),
        inset -1px 0 rgba(255,208,96,.025)!important;
}

/* Section labels become small terminal headers with a data rail. */
.tld-sidebar .sidebar-section-label{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:15px 8px 7px!important;
    padding:0 0 0 2px!important;
    color:#9b8966!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:2.0px!important;
    text-transform:uppercase!important;
    text-shadow:0 2px 6px #000!important;
}
.tld-sidebar .sidebar-section-label::after{
    content:"";
    flex:1 1 auto;
    height:1px;
    margin-left:4px;
    background:linear-gradient(90deg,rgba(214,165,60,.38),rgba(214,165,60,.05),transparent);
    box-shadow:0 0 7px rgba(214,165,60,.10);
}

/* Every sidebar button gets the same real CSS-buildable HUD chassis. */
.tld-sidebar .sidebar-nav a{
    position:relative!important;
    isolation:isolate!important;
    display:flex!important;
    align-items:center!important;
    min-height:42px!important;
    margin:4px 8px!important;
    padding:10px 38px 10px 48px!important;
    overflow:hidden!important;
    color:#d9ae4e!important;
    background:
        linear-gradient(90deg,rgba(19,15,7,.92) 0%,rgba(10,10,7,.84) 55%,rgba(9,9,7,.72) 100%)!important;
    border:1px solid rgba(214,165,60,.30)!important;
    border-left:1px solid rgba(214,165,60,.42)!important;
    border-radius:0!important;
    clip-path:polygon(8px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,8px 100%,0 calc(100% - 8px),0 8px)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,221,139,.035),
        inset 0 -1px 0 rgba(0,0,0,.45),
        0 5px 12px rgba(0,0,0,.16)!important;
    text-shadow:0 1px 0 #000,0 2px 7px rgba(0,0,0,.96)!important;
    font-weight:800!important;
    letter-spacing:.35px!important;
    line-height:1.18!important;
    transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}

/* Left icon chassis. Kept CSS-only so no page markup or JS is altered. */
.tld-sidebar .sidebar-nav a::before{
    content:"◇"!important;
    position:absolute!important;
    left:10px!important;
    top:50%!important;
    width:27px!important;
    height:27px!important;
    transform:translateY(-50%)!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    color:#e1ae3d!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    background:
        linear-gradient(135deg,rgba(40,29,10,.90),rgba(10,10,7,.76))!important;
    border:1px solid rgba(222,171,62,.42)!important;
    box-shadow:
        inset 0 0 11px rgba(224,166,44,.06),
        0 0 0 1px rgba(0,0,0,.46)!important;
    clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)!important;
    pointer-events:none!important;
}

/* Right command-chevron. */
.tld-sidebar .sidebar-nav a::after{
    content:"›"!important;
    position:absolute!important;
    left:auto!important;
    right:12px!important;
    top:50%!important;
    bottom:auto!important;
    width:auto!important;
    height:auto!important;
    transform:translateY(-52%)!important;
    color:rgba(217,174,78,.66)!important;
    background:none!important;
    opacity:1!important;
    font-size:22px!important;
    font-weight:300!important;
    line-height:1!important;
    text-shadow:0 0 8px rgba(214,165,60,.16)!important;
    pointer-events:none!important;
}

/* A faint internal data rail across each button, like the concept. */
.tld-sidebar .sidebar-nav a{
    background-image:
        linear-gradient(90deg,rgba(214,165,60,.14),rgba(214,165,60,.035) 28%,transparent 62%),
        linear-gradient(90deg,rgba(19,15,7,.93),rgba(10,10,7,.84) 55%,rgba(9,9,7,.72))!important;
}

.tld-sidebar .sidebar-nav a:hover{
    color:#f7cb68!important;
    background-image:
        radial-gradient(circle at calc(100% - 29px) 50%,rgba(247,195,73,.12),transparent 14px),
        linear-gradient(90deg,rgba(76,49,12,.72),rgba(29,22,10,.76) 48%,rgba(13,12,8,.78))!important;
    border-color:rgba(237,187,67,.62)!important;
    box-shadow:
        inset 0 0 24px rgba(225,163,40,.075),
        inset 3px 0 0 rgba(239,183,61,.40),
        0 6px 18px rgba(0,0,0,.24),
        0 0 13px rgba(225,163,40,.065)!important;
}
.tld-sidebar .sidebar-nav a:hover::before{
    color:#ffd66e!important;
    border-color:rgba(247,200,84,.72)!important;
    background:linear-gradient(135deg,rgba(78,51,12,.94),rgba(20,15,8,.90))!important;
    box-shadow:inset 0 0 14px rgba(247,189,58,.11),0 0 10px rgba(231,172,52,.08)!important;
}
.tld-sidebar .sidebar-nav a:hover::after{
    color:#f5c95c!important;
}

/* Active page: bright illuminated terminal selection, without changing page content. */
.tld-sidebar .sidebar-nav a.active{
    color:#ffe7a3!important;
    background-image:
        radial-gradient(circle at calc(100% - 30px) 50%,#ffd65d 0 2px,rgba(255,214,93,.24) 3px,transparent 10px),
        linear-gradient(90deg,rgba(109,70,12,.88),rgba(52,37,14,.86) 42%,rgba(20,17,9,.88))!important;
    border-color:rgba(247,198,77,.78)!important;
    box-shadow:
        inset 4px 0 0 #efb83e,
        inset 0 0 30px rgba(233,171,42,.12),
        0 7px 22px rgba(0,0,0,.28),
        0 0 16px rgba(232,173,48,.10)!important;
}
.tld-sidebar .sidebar-nav a.active::before{
    content:"◆"!important;
    color:#ffe07a!important;
    border-color:#e9b540!important;
    background:linear-gradient(135deg,rgba(112,72,12,.96),rgba(27,20,8,.92))!important;
    box-shadow:
        inset 0 0 15px rgba(255,210,80,.14),
        0 0 10px rgba(240,182,59,.15)!important;
}
.tld-sidebar .sidebar-nav a.active::after{
    color:#ffd25a!important;
    text-shadow:0 0 9px rgba(255,204,70,.34)!important;
}

/* Destructive/account exit remains semantically red but keeps the same sci-fi chassis. */
.tld-sidebar .sidebar-nav a.danger-link{
    color:#d9937e!important;
    border-color:rgba(181,77,57,.28)!important;
}
.tld-sidebar .sidebar-nav a.danger-link::before{
    color:#c96b57!important;
    border-color:rgba(190,79,58,.38)!important;
}
.tld-sidebar .sidebar-nav a.danger-link:hover{
    color:#ffd0c5!important;
    background-image:
        linear-gradient(90deg,rgba(82,35,27,.82),rgba(31,17,13,.80) 55%,rgba(13,10,8,.80))!important;
    border-color:rgba(206,92,68,.62)!important;
    box-shadow:inset 4px 0 0 #c75f4d,0 7px 20px rgba(0,0,0,.25),0 0 13px rgba(177,65,48,.07)!important;
}

/* Make the scrollbar feel like part of the same terminal, sidebar only. */
.tld-sidebar::-webkit-scrollbar{width:8px!important}
.tld-sidebar::-webkit-scrollbar-track{
    background:rgba(5,5,4,.62)!important;
    border-left:1px solid rgba(214,165,60,.08)!important;
}
.tld-sidebar::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,rgba(233,182,64,.58),rgba(129,91,28,.56))!important;
    border:2px solid rgba(7,7,5,.88)!important;
    border-radius:0!important;
}

@media(max-width:950px){
    .tld-sidebar .sidebar-nav a{
        min-height:43px!important;
        margin-left:7px!important;
        margin-right:7px!important;
        padding-left:47px!important;
        padding-right:36px!important;
        font-size:12.5px!important;
    }
}

/* ============================================================
   TLD GLOBAL SIDEBAR // COMMAND BRAND HEADER R30
   2026-09-09
   Header-only upgrade. Deliberately scoped to .sidebar-command-brand
   so guide/page layouts and existing sci-fi nav buttons remain untouched.
   ============================================================ */
.tld-sidebar .sidebar-command-brand{
    position:relative!important;
    isolation:isolate!important;
    display:block!important;
    flex:0 0 auto!important;
    min-height:154px!important;
    margin:0!important;
    padding:20px 68px 18px 18px!important;
    overflow:hidden!important;
    border-bottom:1px solid rgba(220,170,58,.48)!important;
    background-color:#080806!important;
    background-image:
        linear-gradient(90deg,rgba(5,6,5,.94) 0%,rgba(5,6,5,.80) 43%,rgba(5,6,5,.34) 72%,rgba(5,6,5,.15) 100%),
        linear-gradient(180deg,rgba(6,7,6,.08),rgba(6,7,6,.56)),
        url('tld-sidebar-command-tower.png')!important;
    background-size:cover!important;
    background-position:center 44%!important;
    background-repeat:no-repeat!important;
    box-shadow:
        inset 0 -1px 0 rgba(255,205,83,.06),
        inset -28px 0 45px rgba(0,0,0,.12),
        0 8px 22px rgba(0,0,0,.22)!important;
    letter-spacing:normal!important;
}

/* HUD frame and corner brackets — CSS only, no extra page markup. */
.tld-sidebar .sidebar-command-brand::before{
    content:"";
    position:absolute;
    inset:10px;
    z-index:-1;
    pointer-events:none;
    border:1px solid rgba(214,165,60,.28);
    clip-path:polygon(0 0,34px 0,34px 2px,2px 2px,2px 28px,0 28px,0 0,100% 0,100% 28px,calc(100% - 2px) 28px,calc(100% - 2px) 2px,calc(100% - 34px) 2px,calc(100% - 34px) 0,100% 0,100% 100%,calc(100% - 34px) 100%,calc(100% - 34px) calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) calc(100% - 28px),100% calc(100% - 28px),100% 100%,0 100%,0 calc(100% - 28px),2px calc(100% - 28px),2px calc(100% - 2px),34px calc(100% - 2px),34px 100%,0 100%);
    box-shadow:inset 0 0 22px rgba(216,163,45,.035);
}
.tld-sidebar .sidebar-command-brand::after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    bottom:8px;
    height:1px;
    z-index:0;
    pointer-events:none;
    background:linear-gradient(90deg,#d9a53a 0 18%,rgba(217,165,58,.20) 18% 72%,transparent 100%);
    box-shadow:0 0 8px rgba(217,165,58,.12);
}

.tld-sidebar .sidebar-brand-copy{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-height:112px!important;
    max-width:180px!important;
    text-shadow:0 2px 8px #000,0 0 16px rgba(0,0,0,.88)!important;
}
.tld-sidebar .sidebar-brand-kicker{
    display:block!important;
    margin:0 0 11px!important;
    color:#d1a448!important;
    font-size:8px!important;
    font-weight:900!important;
    letter-spacing:1.7px!important;
    line-height:1.2!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
}
.tld-sidebar .sidebar-command-brand strong{
    display:block!important;
    margin:0!important;
    color:#fff8e9!important;
    font-family:inherit!important;
    font-size:19px!important;
    font-weight:950!important;
    letter-spacing:.7px!important;
    line-height:1.02!important;
    text-transform:uppercase!important;
    text-shadow:0 2px 8px #000,0 0 14px rgba(0,0,0,.96)!important;
}
.tld-sidebar .sidebar-command-brand small{
    display:block!important;
    margin:7px 0 0!important;
    color:#e3ad3d!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:1.5px!important;
    line-height:1.15!important;
    text-transform:uppercase!important;
}
.tld-sidebar .sidebar-brand-motto{
    display:block!important;
    margin-top:15px!important;
    color:#b7ab91!important;
    font-size:7px!important;
    font-weight:800!important;
    letter-spacing:1.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
}
.tld-sidebar .sidebar-brand-motto b{
    color:#d6a53c!important;
    font-weight:900!important;
}

/* Requested position: boxed TLD badge on the RIGHT side of the header. */
.tld-sidebar .sidebar-brand-badge{
    position:absolute!important;
    z-index:3!important;
    top:24px!important;
    right:16px!important;
    width:48px!important;
    height:48px!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    color:#ffd66c!important;
    font-size:17px!important;
    font-weight:950!important;
    letter-spacing:1px!important;
    background:
        radial-gradient(circle at 50% 42%,rgba(239,181,60,.13),transparent 58%),
        rgba(8,9,7,.74)!important;
    border:2px solid rgba(229,176,61,.86)!important;
    box-shadow:
        inset 0 0 16px rgba(220,163,43,.08),
        0 0 0 1px rgba(0,0,0,.75),
        0 0 14px rgba(220,163,43,.11)!important;
    text-shadow:0 0 10px rgba(255,203,82,.20),0 2px 5px #000!important;
    clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)!important;
}
.tld-sidebar .sidebar-brand-badge::after{
    content:"";
    position:absolute;
    inset:5px;
    border:1px solid rgba(221,171,61,.22);
    pointer-events:none;
}

.tld-sidebar .sidebar-brand-node{
    position:absolute!important;
    z-index:2!important;
    right:15px!important;
    bottom:18px!important;
    color:rgba(213,188,131,.55)!important;
    font-size:6px!important;
    font-weight:800!important;
    letter-spacing:1.2px!important;
    line-height:1!important;
    text-transform:uppercase!important;
    text-shadow:0 2px 5px #000!important;
}

/* Override page-specific sidebar-brand transparency rules without touching pages themselves. */
body.master-admin-background .tld-sidebar .sidebar-command-brand,
body.beta-field .tld-sidebar .sidebar-command-brand,
body.gamma-field .tld-sidebar .sidebar-command-brand,
body.auth-background .tld-sidebar .sidebar-command-brand,
body.dashboard-storm-background .tld-sidebar .sidebar-command-brand,
body.support-center-background .tld-sidebar .sidebar-command-brand,
body.support-ticket-background .tld-sidebar .sidebar-command-brand,
body.support-zone-background .tld-sidebar .sidebar-command-brand{
    background-image:
        linear-gradient(90deg,rgba(5,6,5,.94) 0%,rgba(5,6,5,.80) 43%,rgba(5,6,5,.34) 72%,rgba(5,6,5,.15) 100%),
        linear-gradient(180deg,rgba(6,7,6,.08),rgba(6,7,6,.56)),
        url('tld-sidebar-command-tower.png')!important;
    background-size:cover!important;
    background-position:center 44%!important;
    background-repeat:no-repeat!important;
}

@media(max-width:950px){
    .tld-sidebar .sidebar-command-brand{
        min-height:148px!important;
        padding:18px 66px 16px 17px!important;
        background-position:center 42%!important;
    }
    .tld-sidebar .sidebar-command-brand strong{font-size:18px!important}
    .tld-sidebar .sidebar-brand-copy{min-height:108px!important}
}

/* =========================================================
   TLD R31 — MAIN DOCUMENT SCROLLBAR
   Scope: browser/page scrollbar only. Does not target sidebar,
   guide submenus, tables, code blocks, or other scroll regions.
   ========================================================= */
html {
    scrollbar-width: thin;
    scrollbar-color: #b98224 #090806;
}

html::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

html::-webkit-scrollbar-track {
    background:
        linear-gradient(180deg, rgba(217,167,53,.035), transparent 20%, transparent 80%, rgba(217,167,53,.035)),
        #080806;
    border-left: 1px solid rgba(217,167,53,.14);
}

html::-webkit-scrollbar-thumb {
    min-height: 52px;
    background:
        linear-gradient(180deg, #d0a449 0%, #9d6d1d 46%, #c18b2d 100%);
    border: 3px solid #080806;
    border-radius: 0;
    box-shadow:
        inset 0 0 0 1px rgba(255,222,150,.22),
        0 0 8px rgba(199,143,39,.12);
}

html::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #ebbd5c 0%, #bd8123 50%, #dfa544 100%);
    box-shadow:
        inset 0 0 0 1px rgba(255,235,183,.34),
        0 0 10px rgba(217,167,53,.22);
}

html::-webkit-scrollbar-corner {
    background: #080806;
}

/* =============================================================
   TLD SIDEBAR CATEGORY HEADERS — R32 READABILITY PASS
   Scope: category labels only (COMMUNITY / SURVIVOR / MOD GUIDES /
   ADMINISTRATION / ACCOUNT / etc.). Does not alter nav buttons,
   page layouts, page-specific themes, or application content.
   ============================================================= */
.tld-sidebar .sidebar-section-label{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-height:24px!important;
    gap:10px!important;
    margin:20px 8px 10px!important;
    padding:3px 0 3px 4px!important;
    color:#e1bc67!important;
    font-size:13.5px!important;
    line-height:1.15!important;
    font-weight:900!important;
    letter-spacing:2.35px!important;
    text-transform:uppercase!important;
    text-shadow:
        0 2px 7px rgba(0,0,0,.95),
        0 0 9px rgba(214,165,60,.16)!important;
    white-space:nowrap!important;
}

/* Small illuminated terminal node before the category name. */
.tld-sidebar .sidebar-section-label::before{
    content:"";
    flex:0 0 5px;
    width:5px;
    height:5px;
    background:#d6a53c;
    border:1px solid rgba(255,216,115,.78);
    box-shadow:
        0 0 0 2px rgba(214,165,60,.08),
        0 0 8px rgba(245,201,92,.32);
    transform:rotate(45deg);
}

/* Stronger divider so the heading reads as a real HUD section. */
.tld-sidebar .sidebar-section-label::after{
    content:"";
    flex:1 1 auto;
    min-width:18px;
    height:1px;
    margin-left:2px;
    background:linear-gradient(
        90deg,
        rgba(245,201,92,.78) 0%,
        rgba(214,165,60,.36) 38%,
        rgba(214,165,60,.08) 75%,
        transparent 100%
    );
    box-shadow:0 0 8px rgba(214,165,60,.15);
}

@media (max-width:900px){
    .tld-sidebar .sidebar-section-label{
        font-size:12.5px!important;
        letter-spacing:1.9px!important;
        margin-top:17px!important;
    }
}