/* Remaining CMS systems adapted to the dense, framed Silkroad portal language. */
.silk-system-page { padding: 10px; color: #918c86; }
.silk-system-hero {
    min-height: 112px;
    display: flex;
    align-items: center;
    gap: 18px;
    margin: -10px -10px 18px;
    padding: 22px 25px;
    overflow: hidden;
    border-bottom: 1px solid #5c5a55;
    background: linear-gradient(90deg, rgba(8,10,13,.97), rgba(8,10,13,.65)), url('/assets/silkroad/images/community.jpg') center 42%/cover;
    box-shadow: inset 0 -1px rgba(255,255,255,.04);
}
.silk-system-emblem {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: grid;
    place-items: center;
    color: #d0b16c;
    border: 1px solid #756748;
    background: rgba(13,15,18,.86);
    box-shadow: inset 0 0 18px #000, 0 2px 8px #000;
    font-size: 22px;
    transform: rotate(45deg);
}
.silk-system-emblem i { transform: rotate(-45deg); }
.silk-system-kicker { color: #88734a; font-size: 9px; font-weight: 700; letter-spacing: .17em; }
.silk-system-hero h1 { margin: 4px 0 3px; color: #d0c8be; font: 27px Adelon, Georgia, serif; text-transform: uppercase; text-shadow: 0 2px 3px #000; }
.silk-system-hero p { margin: 0; color: #77736e; font-size: 12px; }

.activity-page > .mb-8 { margin: 0 0 18px; }
.activity-page > .mb-8 > h2,
.refine-page .card > h3 {
    margin: 0;
    padding: 10px 13px;
    color: #c3bbb0 !important;
    border: 1px solid #555652;
    border-bottom: 0;
    background: linear-gradient(#262b31, #1b1f24);
    font: 17px Adelon, Georgia, serif;
    text-transform: uppercase;
}
.activity-page .card,
.refine-page .card {
    border: 1px solid #555652;
    border-radius: 0;
    background: rgba(11,14,18,.74) url('/assets/silkroad/images/box-bg.jpg') repeat;
    box-shadow: inset 0 1px rgba(255,255,255,.025), 0 3px 9px rgba(0,0,0,.35);
}
.activity-page table { border-collapse: collapse; font-size: 11px; }
.activity-page thead { background: rgba(34,39,45,.9); }
.activity-page th { color: #a9a29a; border-bottom: 1px solid #4d4e4c; font-weight: 700; text-transform: uppercase; }
.activity-page td { color: #8d8984; border-bottom: 1px solid rgba(92,92,88,.24); }
.activity-page tbody tr:hover { background: rgba(184,151,88,.055); }
.activity-page .card > p { margin: 0; padding: 26px; }

.refine-page > .notice { margin: 0 0 16px; }
.refine-page form.card { padding: 18px !important; }
.refine-page label { color: #b7afa4; }
.refine-page select.form-input {
    height: 38px;
    color: #aaa49c;
    border: 1px solid #555852;
    border-radius: 0;
    background: #0b0e12;
}
.refine-page label[data-item] {
    color: #aaa49c;
    border: 1px solid #4b4d4a !important;
    border-radius: 0;
    background: rgba(8,10,13,.74);
    transition: border-color .16s ease, background .16s ease;
}
.refine-page label[data-item]:hover { border-color: #9b8152 !important; background: rgba(136,105,52,.1); }
.refine-page label[data-item]:has(input:checked) { border-color: #bb9658 !important; box-shadow: inset 0 0 15px rgba(184,137,62,.1); }
.refine-page .btn-primary { border-radius: 0; background: linear-gradient(#d6cdbb, #887d68); color: #171512; font-weight: 900; text-transform: uppercase; }
.refine-page > .card:last-of-type { padding: 0 !important; }
.refine-page > .card:last-of-type > p,
.refine-page > .card:last-of-type > div { padding: 15px 18px; }

.shop { padding: 10px; }
.shop-head { margin: -10px -10px 16px; padding: 17px 20px; border-bottom-color: #5c5a55; background: linear-gradient(90deg, rgba(12,14,18,.98), rgba(24,27,32,.86)); }
.shop-title h2 { color: #cec6ba; font-family: Adelon, Georgia, serif; font-weight: 400; text-transform: uppercase; }
.shop-title p { color: #77736e; }
.shop-badge { border-radius: 0; color: #c9a969; border-color: #756748; background: #0e1115; }
.shop .ss-panel,
.shop .si-card,
.shop .shop-search { border-radius: 0; }
.shop .si-card { border-color: #4f504d; background: rgba(10,12,15,.82); }
.shop .si-card:hover { border-color: #907a50; }
.shop .shop-secttl,
.shop .shop-top > h4 { color: #bfb7ad; font-family: Adelon, Georgia, serif; }

.discord-link-shell { min-height: 520px; padding: 30px 10px; }
.discord-link-card { border-radius: 0; border-color: #65635d; background: #11151a url('/assets/silkroad/images/box-bg.jpg') repeat; }
.discord-link-card h1 { font-family: Adelon, Georgia, serif; text-transform: uppercase; }

.coming-soon {
    min-height: 390px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 55px 20px;
    text-align: center;
    background: radial-gradient(circle at 50% 35%, rgba(126,96,49,.15), transparent 34%);
}
.coming-soon-mark { width: 72px; height: 72px; display: grid; place-items: center; color: #c4a362; border: 1px solid #756748; background: #0b0e12; font-size: 26px; transform: rotate(45deg); box-shadow: inset 0 0 18px #000; }
.coming-soon-mark i { transform: rotate(-45deg); }
.coming-soon small { margin-top: 27px; color: #806c47; letter-spacing: .2em; }
.coming-soon h1 { margin: 5px 0; color: #cec6bb; font: 30px Adelon, Georgia, serif; text-transform: uppercase; }
.coming-soon p { margin: 0 0 20px; color: #77736e; }
.coming-soon .btn-gold { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }

.system-error {
    min-height: 390px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 55px 20px;
    text-align: center;
    background: radial-gradient(circle at 50% 42%, rgba(132,93,45,.15), transparent 34%);
}
.system-error-code { color: #6d5b3e; font: 11px Adelon, Georgia, serif; letter-spacing: .35em; }
.system-error > i { margin: 10px 0; color: #b28f53; font-size: 42px; text-shadow: 0 0 18px rgba(178,143,83,.22); }
.system-error h1 { margin: 0 0 6px; color: #cec6bb; font: 29px Adelon, Georgia, serif; text-transform: uppercase; }
.system-error p { margin: 0 0 20px; color: #77736e; }
.system-error .btn-gold { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }

/* Cash recharge portal: a focused purchase surface, separate from in-game item shops. */
.cash-shop { --cash-gold:#e5b45f; --cash-brass:#9c7040; display:grid; gap:12px; padding:12px; color:#a7a39d; }
.cash-hero { position:relative; min-height:168px; display:flex; align-items:center; justify-content:space-between; gap:22px; margin:0; padding:22px 25px; overflow:hidden; border:1px solid #625844; background:linear-gradient(90deg,rgba(7,10,13,.98) 0%,rgba(10,14,18,.92) 58%,rgba(9,11,14,.55) 100%),radial-gradient(circle at 78% 44%,rgba(215,145,43,.22),transparent 27%),url('/assets/silkroad/images/sliders/slide-4-min.png') 76% 45%/cover no-repeat; box-shadow:inset 0 0 52px #000,0 6px 18px rgba(0,0,0,.3) }
.cash-hero::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 58%,rgba(236,174,74,.1) 58.3%,transparent 58.7%); }
.cash-hero-copy { position:relative; z-index:1; max-width:560px; }
.cash-kicker { display:inline-flex; align-items:center; gap:8px; color:#b98a4c; font-size:9px; font-weight:800; letter-spacing:.17em; }
.cash-hero h1 { margin:6px 0 5px; color:#eee9e0; font:31px/1 Adelon,Georgia,serif; text-transform:uppercase; text-shadow:0 3px 8px #000; }
.cash-hero h1 em { color:var(--cash-gold); font-style:normal; }
.cash-hero-copy>p { max-width:510px; margin:0; color:#a09b93; font-size:11px; line-height:1.55; }
.cash-hero-trust { display:flex; flex-wrap:wrap; gap:7px 15px; margin-top:13px; color:#8b8f8e; font-size:8px; text-transform:uppercase; }
.cash-hero-trust span { display:flex; align-items:center; gap:6px; }
.cash-hero-trust i { color:#c28f4a; }
.cash-vault { position:relative; z-index:2; width:180px; min-height:112px; flex:0 0 180px; display:grid; place-items:center; align-content:center; gap:5px; padding:15px; border:1px solid #6a5b42; background:rgba(6,9,12,.9); box-shadow:inset 0 0 24px #000,0 6px 18px #000; text-align:center; }
.cash-vault::before,.cash-vault::after { content:""; position:absolute; width:18px; height:18px; border-color:#a0804f; }
.cash-vault::before { top:5px; left:5px; border-top:2px solid; border-left:2px solid; }
.cash-vault::after { right:5px; bottom:5px; border-right:2px solid; border-bottom:2px solid; }
.cash-vault>span { color:#887b69; font-size:8px; font-weight:800; letter-spacing:.16em; }
.cash-vault>i { color:var(--cash-gold); font-size:27px; filter:drop-shadow(0 0 12px rgba(229,180,95,.25)); }
.cash-vault>a { color:#ded7ca; font-size:10px; font-weight:800; text-decoration:none; }
.cash-vault strong { color:#f0ca83; font:27px/1 Adelon,Georgia,serif; }
.cash-vault small { color:#7f8587; font-size:9px; }
.cash-steps { display:grid; grid-template-columns:repeat(3,1fr); margin:0; padding:0; border:1px solid #454641; background:rgba(12,15,18,.9); list-style:none; }
.cash-steps li { position:relative; min-height:50px; display:flex; align-items:center; gap:10px; padding:8px 15px; border-right:1px solid #3b3d3a; }
.cash-steps li:last-child { border-right:0; }
.cash-steps li:not(:last-child)::after { content:""; position:absolute; right:-5px; z-index:1; width:9px; height:9px; border-top:1px solid #68665e; border-right:1px solid #68665e; background:#111519; transform:rotate(45deg); }
.cash-steps b { color:#9a7b4c; font:17px Adelon,Georgia,serif; }
.cash-steps span { display:grid; gap:2px; }
.cash-steps strong { color:#c9c2b8; font-size:11px; text-transform:uppercase; }
.cash-steps small { color:#777873; font-size:9px; }
.cash-packages,.cash-orders { scroll-margin-top:115px; }
.cash-section-heading { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:9px; padding:0 2px 8px; border-bottom:1px solid #55534d; }
.cash-section-heading>div>span { color:#8f754e; font-size:8px; font-weight:800; letter-spacing:.17em; }
.cash-section-heading h2 { margin:2px 0 0; color:#d5cec3; font:19px Adelon,Georgia,serif; text-transform:uppercase; }
.cash-section-heading>p { max-width:370px; margin:0; color:#777975; font-size:10px; text-align:right; }
.cash-package-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.cash-package { position:relative; min-height:248px; display:grid; grid-template-columns:1fr 94px; grid-template-rows:auto auto auto 1fr auto auto; gap:0 14px; padding:16px; overflow:hidden; border:1px solid #4c4d49; background:linear-gradient(135deg,rgba(20,24,28,.97),rgba(7,10,13,.96)); box-shadow:inset 0 1px rgba(255,255,255,.025); animation:cashPackageIn .45s both; animation-delay:calc(var(--package-index) * 55ms); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.cash-package::before { content:""; position:absolute; right:-48px; top:-68px; width:210px; height:210px; border:1px solid rgba(187,142,75,.14); transform:rotate(45deg); background:radial-gradient(circle,rgba(207,149,62,.11),transparent 63%); }
.cash-package:hover { transform:translateY(-3px); border-color:#8b754e; box-shadow:0 10px 28px rgba(0,0,0,.38),inset 0 0 25px rgba(184,132,54,.035); }
.cash-package.is-featured { border-color:#9b7944; background:linear-gradient(135deg,rgba(38,29,18,.96),rgba(8,11,14,.98) 60%); }
.cash-package-badge { position:absolute; top:0; right:0; z-index:2; padding:7px 12px; color:#17120b; background:linear-gradient(#edc378,#b87f34); font-size:8px; font-weight:900; letter-spacing:.1em; }
.cash-package-tier { grid-column:1; color:#826f51; font-size:8px; font-weight:800; letter-spacing:.18em; }
.cash-package h3 { grid-column:1; margin:4px 0 2px; color:#ded8cf; font:19px Adelon,Georgia,serif; text-transform:uppercase; }
.cash-package>p { grid-column:1; margin:0; color:#777b79; font-size:10px; line-height:1.45; }
.cash-package-mark { grid-column:2; grid-row:1/5; position:relative; display:grid; place-items:center; align-self:stretch; color:#d4a658; font-size:24px; border-left:1px solid rgba(112,100,78,.42); }
.cash-package-mark i { filter:drop-shadow(0 0 13px rgba(213,159,74,.28)); animation:cashGem 3.5s ease-in-out infinite; }
.cash-package-mark span { position:absolute; bottom:4px; width:4px; height:55%; background:linear-gradient(transparent,#ca9142); box-shadow:0 0 10px #a66d2f; opacity:.32; }
.cash-package-amount { grid-column:1; align-self:end; display:flex; align-items:baseline; gap:7px; margin:10px 0 8px; }
.cash-package-amount strong { color:#f0cb88; font:25px/1 Adelon,Georgia,serif; }
.cash-package-amount span { color:#9c8055; font-size:8px; font-weight:900; letter-spacing:.15em; }
.cash-package dl { grid-column:1/3; display:grid; grid-template-columns:1fr 1fr; gap:7px; margin:0 0 11px; }
.cash-package dl div { display:flex; justify-content:space-between; padding:6px 8px; border:1px solid #353936; background:rgba(5,8,10,.62); }
.cash-package dt { color:#777d7a; font-size:9px; }
.cash-package dd { margin:0; color:#b8b6af; font-size:9px; font-weight:800; }
.cash-package dl .is-bonus { border-color:#5e5038; background:rgba(133,91,33,.08); }
.cash-package dl .is-bonus dd { color:#d9a656; }
.cash-package-price { grid-column:1; display:grid; }
.cash-package-price small { color:#716755; font-size:7px; letter-spacing:.15em; }
.cash-package-price strong { color:#d9d4ca; font:17px Adelon,Georgia,serif; }
.cash-select { grid-column:2; align-self:end; min-height:37px; display:flex; align-items:center; justify-content:center; gap:6px; padding:7px 8px; border:1px solid #9a7948; color:#17130e; background:linear-gradient(#e6d9bf,#9e8968); font-size:8px; font-weight:900; text-align:center; text-decoration:none; cursor:pointer; transition:filter .15s ease,transform .15s ease; }
.cash-select:hover { filter:brightness(1.12); transform:translateX(2px); }
.cash-assurance { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.cash-assurance article { display:flex; gap:11px; padding:13px; border:1px solid #444641; background:rgba(10,13,16,.86); }
.cash-assurance>article>i { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; color:#c79750; border:1px solid #68593f; background:#0b0e11; }
.cash-assurance strong { color:#c8c2b8; font-size:11px; text-transform:uppercase; }
.cash-assurance p { margin:4px 0 0; color:#737671; font-size:10px; line-height:1.5; }
.cash-orders { padding:18px; border:1px solid #55544f; background:rgba(12,15,18,.91) url('/assets/silkroad/images/box-bg.jpg') repeat; }
.cash-order-list { display:grid; gap:6px; }
.cash-order { display:grid; grid-template-columns:105px minmax(170px,1fr) 115px 90px; gap:10px; align-items:center; padding:11px 12px; border:1px solid #373a38; background:rgba(5,8,10,.67); }
.cash-order-state { display:flex; align-items:center; gap:6px; color:#d0a251; font-size:9px; font-weight:800; text-transform:uppercase; }
.cash-order.is-completed .cash-order-state { color:#65b981; }.cash-order.is-rejected .cash-order-state { color:#b86666; }
.cash-order>div { display:grid; }.cash-order>div strong { color:#bdbab4; font-size:10px; }.cash-order>div small { color:#686e6c; font-size:8px; }
.cash-order>b { color:#d4bc8c; font:15px Adelon,Georgia,serif; }.cash-order>b small { color:#776c58; font:7px sans-serif; text-transform:uppercase; }.cash-order>span:last-child { color:#8a8d89; font-size:9px; text-align:right; }
.cash-empty { min-height:170px; display:grid; place-items:center; align-content:center; gap:7px; color:#777c79; border:1px dashed #474a46; background:rgba(8,11,14,.55); }.cash-empty i { color:#947747; font-size:26px; }.cash-empty strong { color:#b9b5ad; text-transform:uppercase; }.cash-empty.is-compact { min-height:95px; }
.cash-checkout[hidden] { display:none; }.cash-checkout { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:18px; }.cash-checkout-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(0,0,0,.82); backdrop-filter:blur(4px); }.cash-checkout-panel { position:relative; width:min(500px,100%); padding:27px; border:1px solid #76664d; color:#9b9d99; background:#101419 url('/assets/silkroad/images/box-bg.jpg') repeat; box-shadow:0 30px 90px #000,inset 0 1px rgba(255,255,255,.04); animation:cashCheckoutIn .2s ease-out; }.cash-checkout-close { position:absolute; top:10px; right:10px; width:32px; height:32px; color:#8b8e8b; border:1px solid #3d423f; background:#090c0f; cursor:pointer; }.cash-checkout-panel h2 { margin:7px 0 15px; color:#ddd6ca; font:25px Adelon,Georgia,serif; text-transform:uppercase; }.cash-checkout-summary { display:grid; grid-template-columns:45px 1fr auto; gap:12px; align-items:center; padding:13px; border:1px solid #5b513f; background:#090d10; }.cash-checkout-summary>i { color:#d6a454; font-size:23px; text-align:center; }.cash-checkout-summary>div { display:grid; }.cash-checkout-summary>div strong { color:#d4cec4; font-size:11px; text-transform:uppercase; }.cash-checkout-summary>div span { color:#8a8070; font-size:9px; }.cash-checkout-summary em { color:#edc986; font:16px Adelon,Georgia,serif; font-style:normal; }.cash-payment-note { display:flex; gap:9px; margin:11px 0; padding:10px; color:#8e8c86; border-left:2px solid #a98146; background:rgba(124,87,34,.09); }.cash-payment-note p { margin:0; font-size:10px; line-height:1.45; }.cash-checkout-form { display:grid; gap:12px; }.cash-checkout-form label { display:grid; gap:5px; }.cash-checkout-form label>span { color:#9d968a; font-size:9px; font-weight:800; text-transform:uppercase; }.cash-checkout-form select,.cash-checkout-form input { width:100%; height:40px; padding:0 11px; color:#c4c1ba; border:1px solid #4b504d; border-radius:0; outline:0; background:#090c0f; }.cash-checkout-form select:focus,.cash-checkout-form input:focus { border-color:#a7834b; box-shadow:0 0 0 2px rgba(167,131,75,.12); }.cash-checkout-form>small { display:flex; gap:7px; color:#747974; font-size:9px; line-height:1.4; }.cash-checkout-form>small i { color:#a7834b; }.cash-checkout-form>button { height:43px; color:#17130f; border:1px solid #d8c8aa; background:linear-gradient(#e9dfcd,#9c8969); font-size:10px; font-weight:900; cursor:pointer; }.cash-modal-open { overflow:hidden; }
@keyframes cashPackageIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } } @keyframes cashGem { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } } @keyframes cashCheckoutIn { from { opacity:0; transform:translateY(10px) scale(.98); } to { opacity:1; transform:none; } }
@media(max-width:780px){.cash-shop{padding:9px;gap:10px}.cash-hero{min-height:145px;padding:18px}.cash-vault{display:none}.cash-hero h1{font-size:27px}.cash-hero-trust{margin-top:10px}.cash-steps{grid-template-columns:1fr}.cash-steps li{min-height:45px;border-right:0;border-bottom:1px solid #3b3d3a}.cash-steps li::after{display:none}.cash-package-grid,.cash-assurance{grid-template-columns:1fr}.cash-package{min-height:238px}.cash-section-heading{align-items:start;flex-direction:column;gap:5px}.cash-section-heading>p{text-align:left}.cash-order{grid-template-columns:1fr 1fr}.cash-order>div{grid-column:1/3}.cash-order>span:last-child{text-align:right}}
.maintenance-page .site-main {
    min-height: 100vh;
    color: #8f8a83;
    background: linear-gradient(rgba(5,7,9,.82), rgba(5,7,9,.95)), url('/assets/silkroad/images/bg.jpg') top center/1900px auto no-repeat #07090b;
}
.maintenance-state { padding: 55px 25px; border: 1px solid rgba(134,129,120,.68); background: #11161b url('/assets/silkroad/images/box-bg.jpg') repeat; box-shadow: 0 24px 70px #000, inset 0 1px rgba(255,255,255,.03); }
.maintenance-state > span { width: 72px; height: 72px; margin: 0 auto 25px; display: grid; place-items: center; color: #c3a263; border: 1px solid #756748; background: #090c0f; font-size: 25px; transform: rotate(45deg); }
.maintenance-state > span i { transform: rotate(-45deg); }
.maintenance-state small { color: #806d49; font-size: 9px; letter-spacing: .24em; }
.maintenance-state h1 { margin: 6px 0 9px; color: #d1c9be; font: 30px Adelon, Georgia, serif; text-transform: uppercase; }
.maintenance-state p { margin: 0 auto 24px; max-width: 470px; color: #817c76; line-height: 1.65; }
.maintenance-state button { min-height: 40px; padding: 9px 18px; color: #211e19; border: 1px solid #bbaa87; background: linear-gradient(#e3dccd,#a39477); font: 12px Adelon, Georgia, serif; text-transform: uppercase; cursor: pointer; }

@media (max-width: 620px) {
    .silk-system-hero { min-height: 100px; padding: 18px; }
    .silk-system-emblem { width: 48px; height: 48px; flex-basis: 48px; font-size: 18px; }
    .silk-system-hero h1 { font-size: 22px; }
    .activity-page .card { overflow-x: auto; }
    .activity-page table { min-width: 610px; }
    .shop-head { align-items: flex-start; }
}