/* === DME Live-Page Component CSS (extracted from live for parity) === */

/* ============================================================ */
/* === DEADMANS-ECHO GUIDES — OVERVIEW (Claude, 2026-05-17) */
/* ============================================================ */

.dme-guides-wrap{background:#0f161b;color:#fff;font-family:'Barlow',system-ui,sans-serif;padding:48px 24px 64px;max-width:1200px;margin:0 auto;}
.dme-guides-wrap *{box-sizing:border-box;}
.dme-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid #22292f;flex-wrap:wrap;}
.dme-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#45f882;letter-spacing:2px;}
.dme-eyebrow .dot{display:inline-block;width:6px;height:6px;background:#45f882;border-radius:50%;box-shadow:0 0 8px #45f882;}
.dme-eyebrow .sub{color:#adb0bc;letter-spacing:1px;}
.dme-h1{font-family:'Barlow',sans-serif;font-size:42px;font-weight:800;color:#fff;margin:0;letter-spacing:1px;text-transform:uppercase;line-height:1;}
.dme-trapeze{width:65px;height:5px;background:#45f882;-webkit-clip-path:polygon(0% 0%, 100% 0%, 93.846% 100%, 6.154% 100%, 0% 0%);clip-path:polygon(0% 0%, 100% 0%, 93.846% 100%, 6.154% 100%, 0% 0%);margin-top:14px;}
.dme-trapeze-wrap{display:flex;align-items:center;gap:14px;}
.dme-kapitel{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#adb0bc;letter-spacing:1px;}
.dme-meta{text-align:right;font-family:ui-monospace,Menlo,monospace;font-size:10px;color:#adb0bc;letter-spacing:1.5px;line-height:1.6;}
.dme-meta .ok{color:#45f882;}
.dme-lead{color:#adb0bc;font-size:14px;margin:18px 0 26px;max-width:580px;line-height:1.7;font-family:'Poppins',sans-serif;}
.dme-card{position:relative;display:block;overflow:hidden;background:#0b0e13;border:1px solid #22292f;text-decoration:none;transition:all .3s ease-out;color:#fff;}
.dme-card:hover{border-color:#45f882;transform:translateY(-2px);}
.dme-hud{position:absolute;width:14px;height:14px;border:1px solid #45f882;pointer-events:none;}
.dme-hud.tl{top:8px;left:8px;border-right:none;border-bottom:none;}
.dme-hud.tr{top:8px;right:8px;border-left:none;border-bottom:none;}
.dme-hud.bl{bottom:8px;left:8px;border-right:none;border-top:none;}
.dme-hud.br{bottom:8px;right:8px;border-left:none;border-top:none;}
.dme-hud.warn{border-color:#ffbe18;}
.dme-grain{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,0.04) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,0,0,0.5) 0,transparent 50%);mix-blend-mode:overlay;pointer-events:none;}
.dme-stamp{position:absolute;font-family:ui-monospace,Menlo,monospace;font-size:9px;letter-spacing:1.5px;font-weight:700;padding:3px 7px;border:1px solid currentColor;text-transform:uppercase;line-height:1;background:rgba(15,22,27,0.7);top:14px;left:50%;}
.dme-stamp.rot-neg3{transform:translateX(-50%) rotate(-3deg);}
.dme-stamp.rot-neg2{transform:translateX(-50%) rotate(-2deg);}
.dme-stamp.rot-pos2{transform:translateX(-50%) rotate(2deg);}
.dme-stamp.rot-pos3{transform:translateX(-50%) rotate(3deg);}
.dme-stamp.amber{color:#ffbe18;}
.dme-stamp.green{color:#45f882;}
.dme-cat{font-family:ui-monospace,Menlo,monospace;font-size:9px;color:#45f882;letter-spacing:2px;}
.dme-cat.warn{color:#ffbe18;}
.dme-title{font-family:'Barlow',sans-serif;font-size:22px;font-weight:800;color:#fff;text-transform:uppercase;line-height:1;margin-top:4px;}
.dme-card-foot{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;background:#0b0e13;border-top:1px solid #22292f;}
.dme-card-foot .count{font-family:ui-monospace,Menlo,monospace;font-size:10px;color:#adb0bc;}
.dme-cta{font-family:'Barlow',sans-serif;font-size:10px;color:#45f882;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;}
.dme-cta.warn{color:#ffbe18;}
.dme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.dme-hero{margin-bottom:14px;display:grid;grid-template-columns:1.4fr 1fr;min-height:240px;border-color:#45f882;}
.dme-hero-img{position:relative;overflow:hidden;}
.dme-hero-side{padding:22px 24px;border-left:1px dashed #22292f;display:flex;flex-direction:column;justify-content:space-between;background:#0d141b;}
.dme-hero-side .briefing{font-family:ui-monospace,Menlo,monospace;font-size:10px;color:#adb0bc;letter-spacing:1.5px;margin-bottom:10px;}
.dme-hero-side p{font-family:'Poppins',sans-serif;font-size:13px;color:#adb0bc;line-height:1.65;margin:0;}
.dme-hero-side .read{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid #22292f;}
.dme-hero-side .read .time{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#adb0bc;}
.dme-hero-bottom{position:absolute;bottom:18px;left:18px;right:18px;}
.dme-hero-title{font-size:30px;margin-top:6px;}
.dme-thumb{position:relative;aspect-ratio:5/4;overflow:hidden;}
.dme-thumb .label{position:absolute;bottom:14px;left:14px;right:14px;}
.dme-bg-server{background:linear-gradient(135deg,#1a3320 0%,#0d141b 70%,#0b0e13 100%);}
.dme-bg-server::before{content:"";position:absolute;inset:0;background-image:radial-gradient(ellipse at 30% 40%,rgba(69,248,130,0.18) 0%,transparent 55%),radial-gradient(circle at 75% 75%,rgba(0,0,0,0.7) 0%,transparent 50%);}
.dme-bg-radiation{background:linear-gradient(160deg,#3d2a1a 0%,#1a1410 60%,#0b0e13 100%);}
.dme-bg-radiation::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 60% 35%,rgba(255,190,24,0.22) 0%,transparent 60%);}
.dme-bg-vehicles{background:linear-gradient(180deg,#2a2a30 0%,#14171c 55%,#0b0e13 100%);}
.dme-bg-vehicles::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 40% 60%,rgba(120,140,160,0.18) 0%,transparent 55%);}
.dme-bg-faction{background:linear-gradient(135deg,#1e3530 0%,#0d1a17 60%,#0b0e13 100%);}
.dme-bg-faction::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(69,248,130,0.15) 0%,transparent 55%);}
.dme-bg-medicine{background:linear-gradient(160deg,#3a2018 0%,#1a0e08 60%,#0b0e13 100%);}
.dme-bg-medicine::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 60% 50%,rgba(220,80,40,0.18) 0%,transparent 60%);}
.dme-bg-bunker{background:linear-gradient(180deg,#1a2030 0%,#0e1320 55%,#050608 100%);}
.dme-bg-bunker::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(80,100,150,0.18) 0%,transparent 55%);}
.dme-bg-oilrig{background:linear-gradient(135deg,#1a2a35 0%,#0d1820 60%,#0b0e13 100%);}
.dme-bg-oilrig::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 45%,rgba(100,140,180,0.18) 0%,transparent 55%);}
.dme-bg-rules{background:linear-gradient(160deg,#3a3320 0%,#1a1610 60%,#0b0e13 100%);}
.dme-bg-rules::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(255,190,24,0.18) 0%,transparent 55%);}
.dme-bg-skills{background:linear-gradient(135deg,#152a30 0%,#0a1518 60%,#0b0e13 100%);}
.dme-bg-skills::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,rgba(69,248,130,0.14) 0%,transparent 60%);}
.dme-bg-crafting{background:linear-gradient(135deg,#2a2a20 0%,#15140d 60%,#0b0e13 100%);}
.dme-bg-crafting::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(180,180,140,0.14) 0%,transparent 55%);}
.dme-bg-events{background:linear-gradient(180deg,#2a1a20 0%,#150d10 55%,#0b0e13 100%);}
.dme-bg-events::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 40% 45%,rgba(255,90,140,0.14) 0%,transparent 55%);}
.dme-bg-hunting{background:linear-gradient(160deg,#1e2618 0%,#0e130b 60%,#0b0e13 100%);}
.dme-bg-hunting::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,rgba(140,160,80,0.15) 0%,transparent 55%);}
.dme-bg-pvp{background:linear-gradient(135deg,#301a18 0%,#180c0a 60%,#0b0e13 100%);}
.dme-bg-pvp::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(220,80,60,0.16) 0%,transparent 55%);}
.dme-foot{margin-top:24px;padding:14px 18px;border:1px solid #22292f;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-family:ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:1.5px;color:#adb0bc;}
.dme-foot .ok{color:#45f882;}
.dme-foot .off{color:#3a4048;}
/* ============================================================ */
/* === DEADMANS-ECHO GUIDES — DETAIL-PAGE (Claude, 2026-05-17) */
/* ============================================================ */

.dme-guide-detail{background:#0f161b;color:#adb0bc;font-family:'Poppins',system-ui,sans-serif;padding:48px 24px 64px;max-width:920px;margin:0 auto;line-height:1.7;}
.dme-guide-detail *{box-sizing:border-box;}
.dme-detail-back{display:inline-flex;align-items:center;gap:8px;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#adb0bc;letter-spacing:1.5px;text-decoration:none;margin-bottom:28px;text-transform:uppercase;transition:color .2s ease;}
.dme-detail-back:hover{color:#45f882;}
.dme-detail-header{padding-bottom:22px;margin-bottom:32px;border-bottom:1px solid #22292f;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;}
.dme-detail-head-left{flex:1;min-width:260px;}
.dme-detail-eyebrow{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#45f882;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;}
.dme-detail-eyebrow.amber{color:#ffbe18;}
.dme-detail-title{font-family:'Barlow',sans-serif;font-size:42px;font-weight:800;color:#fff;margin:0;text-transform:uppercase;line-height:1;letter-spacing:1px;}
.dme-detail-sub{font-family:'Poppins',sans-serif;font-size:14px;color:#adb0bc;margin-top:8px;font-style:italic;}
.dme-detail-trapeze{width:65px;height:5px;background:#45f882;-webkit-clip-path:polygon(0% 0%, 100% 0%, 93.846% 100%, 6.154% 100%, 0% 0%);clip-path:polygon(0% 0%, 100% 0%, 93.846% 100%, 6.154% 100%, 0% 0%);margin-top:18px;}
.dme-detail-meta{text-align:right;font-family:ui-monospace,Menlo,monospace;font-size:10px;color:#adb0bc;letter-spacing:1.5px;line-height:1.6;min-width:180px;}
.dme-detail-meta .ok{color:#45f882;}
.dme-meta-row{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:3px 0;}
.dme-meta-row .dme-meta-label{color:#45f882;letter-spacing:2px;}
.dme-meta-row .ok{color:#45f882;}
.dme-detail-content h2{font-family:'Barlow',sans-serif;font-size:22px;font-weight:800;color:#fff;text-transform:uppercase;margin:36px 0 14px;letter-spacing:0.5px;padding-left:12px;border-left:3px solid #45f882;}
.dme-detail-content h2.amber{border-color:#ffbe18;}
.dme-detail-content h3{font-family:'Barlow',sans-serif;font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin:24px 0 10px;}
.dme-detail-content p{font-family:'Poppins',sans-serif;font-size:15px;color:#adb0bc;margin:0 0 14px;}
.dme-detail-content ul,.dme-detail-content ol{margin:8px 0 18px 0;padding-left:24px;color:#adb0bc;font-size:15px;}
.dme-detail-content li{margin-bottom:6px;}
.dme-detail-content strong{color:#fff;font-weight:600;}
.dme-detail-content a{color:#45f882;text-decoration:none;border-bottom:1px dotted #45f882;}
.dme-detail-content a:hover{border-bottom-style:solid;}
.dme-detail-content table,.dme-table{width:100%;border-collapse:collapse;margin:14px 0 24px;font-family:'Poppins',sans-serif;font-size:14px;background:#0b0e13;border:1px solid #22292f;}
.dme-detail-content th,.dme-table th{background:#182029;color:#45f882;font-family:ui-monospace,Menlo,monospace;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;text-align:left;padding:12px 14px;border-bottom:1px solid #22292f;}
.dme-detail-content td,.dme-table td{padding:10px 14px;border-bottom:1px solid #19222b;color:#adb0bc;}
.dme-detail-content tr:last-child td,.dme-table tr:last-child td{border-bottom:none;}
.dme-detail-content tbody tr:hover td,.dme-table tbody tr:hover td{background:rgba(69,248,130,0.04);color:#fff;}
.dme-detail-content td:first-child,.dme-table td:first-child{color:#fff;font-weight:500;}
.dme-detail-content table.matrix th,.dme-table.matrix th{text-align:center;}
.dme-detail-content table.matrix td,.dme-table.matrix td{text-align:center;}
.dme-detail-content table.matrix td:first-child,.dme-table.matrix td:first-child{text-align:left;color:#fff;font-weight:600;}
.dme-detail-content table.matrix td.allow,.dme-table.matrix td.allow{color:#45f882;font-weight:600;}
.dme-detail-content table.matrix td.block,.dme-table.matrix td.block{color:#d9534f;}
.dme-callout{margin:18px 0;padding:14px 18px;border-left:3px solid #ffbe18;background:rgba(255,190,24,0.06);font-family:'Poppins',sans-serif;font-size:14px;color:#f4d27a;}
.dme-callout.danger{border-color:#d9534f;background:rgba(217,83,79,0.07);color:#e8a5a3;}
.dme-callout.success{border-color:#45f882;background:rgba(69,248,130,0.06);color:#b6f8d1;}
.dme-callout strong{color:#fff;}
.dme-quickfact,.dme-facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:18px 0 28px;padding:16px;background:#0b0e13;border:1px solid #22292f;}
.dme-quickfact-item{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#adb0bc;letter-spacing:1px;}
.dme-quickfact-item .label{display:block;color:#45f882;margin-bottom:4px;text-transform:uppercase;font-size:10px;}
.dme-quickfact-item .value{color:#fff;font-size:14px;font-family:'Barlow',sans-serif;font-weight:700;}
.dme-fact{display:flex;flex-direction:column;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#adb0bc;letter-spacing:1px;}
.dme-fact-val{color:#fff;font-family:'Barlow',sans-serif;font-size:26px;font-weight:800;line-height:1;margin-bottom:6px;}
.dme-fact-lbl{color:#45f882;text-transform:uppercase;font-size:10px;letter-spacing:1.5px;}
.dme-detail-footer,.dme-detail-nav{margin-top:48px;padding-top:24px;border-top:1px solid #22292f;display:flex;justify-content:space-between;align-items:center;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#adb0bc;letter-spacing:1.5px;flex-wrap:wrap;gap:12px;}
.dme-detail-footer a,.dme-detail-nav a{color:#45f882;text-decoration:none;}
.dme-detail-footer a:hover,.dme-detail-nav a:hover{text-decoration:underline;}
.dme-detail-nav .ok{color:#45f882;}
/* ============================================================ */
/* === DEADMANS-ECHO GUIDES — FACTION / BUFFS / ACTION (Claude, 2026-05-17) */
/* ============================================================ */

.dme-faction-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:20px 0 28px;}
.dme-faction-card{position:relative;padding:22px 18px 18px;background:#0b0e13;border:1px solid #22292f;overflow:hidden;transition:all .3s ease-out;}
.dme-faction-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#45f882;}
.dme-faction-card:hover{transform:translateY(-2px);border-color:#45f882;}
.dme-faction-card.west::before{background:#4d8cff;}
.dme-faction-card.west:hover{border-color:#4d8cff;}
.dme-faction-card.east::before{background:#ff5050;}
.dme-faction-card.east:hover{border-color:#ff5050;}
.dme-faction-card.neutral::before{background:#adb0bc;}
.dme-faction-card.neutral:hover{border-color:#adb0bc;}
.dme-faction-card.bandit{background:#06090c;}
.dme-faction-card.bandit::before{background:#1a1a1a;}
.dme-faction-card.bandit:hover{border-color:#666;}
.dme-faction-card .tag{display:block;font-family:ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;color:#45f882;}
.dme-faction-card.west .tag{color:#4d8cff;}
.dme-faction-card.east .tag{color:#ff5050;}
.dme-faction-card.neutral .tag{color:#adb0bc;}
.dme-faction-card.bandit .tag{color:#888;}
.dme-faction-card .name{font-family:'Barlow',sans-serif;font-size:26px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px;line-height:1;margin:0 0 10px 0;}
.dme-faction-card.bandit .name{color:#ccc;}
.dme-faction-card .desc{font-family:'Poppins',sans-serif;font-size:13px;color:#adb0bc;line-height:1.55;margin:0 0 14px 0;}
.dme-faction-card .pvp-status{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#adb0bc;letter-spacing:1px;padding-top:12px;border-top:1px solid #22292f;}
.dme-faction-card .pvp-status .ok{color:#45f882;}
.dme-faction-card .pvp-status .no{color:#d9534f;}
.dme-buff-stages{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:20px 0 24px;background:#0b0e13;border:1px solid #22292f;padding:4px;}
.dme-buff-stage{position:relative;padding:14px 10px 12px;background:#0f161b;text-align:left;min-height:140px;display:flex;flex-direction:column;}
.dme-buff-stage .stage-num{font-family:ui-monospace,Menlo,monospace;font-size:10px;color:#45f882;letter-spacing:2px;margin-bottom:8px;}
.dme-buff-stage .stage-title{font-family:'Barlow',sans-serif;font-size:28px;font-weight:800;color:#fff;line-height:1;margin-bottom:8px;}
.dme-buff-stage .stage-content{font-family:'Poppins',sans-serif;font-size:11px;color:#adb0bc;line-height:1.45;}
.dme-buff-stage .stage-content strong{color:#fff;font-weight:600;}
.dme-buff-stage.locked{opacity:0.45;}
.dme-buff-stage.locked .stage-num{color:#adb0bc;}
.dme-rank-stages{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:20px 0 24px;background:#0b0e13;border:1px solid #22292f;padding:4px;}
.dme-rank-stage{padding:14px 10px;background:#0f161b;text-align:center;display:flex;flex-direction:column;justify-content:space-between;min-height:100px;}
.dme-rank-stage .rank-idx{font-family:ui-monospace,Menlo,monospace;font-size:10px;color:#45f882;letter-spacing:2px;margin-bottom:6px;}
.dme-rank-stage .rank-name{font-family:'Barlow',sans-serif;font-size:14px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:0.5px;line-height:1.1;}
.dme-rank-stage .rank-points{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#adb0bc;letter-spacing:1px;margin-top:8px;}
.dme-rank-stage.start{opacity:0.5;}
.dme-capture-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:20px 0 24px;}
.dme-capture-step{position:relative;padding:18px 14px 14px;background:#0b0e13;border:1px solid #22292f;}
.dme-capture-step .step-num{font-family:ui-monospace,Menlo,monospace;font-size:10px;color:#45f882;letter-spacing:2px;margin-bottom:6px;}
.dme-capture-step .step-name{font-family:'Barlow',sans-serif;font-size:16px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:0.5px;line-height:1.1;margin-bottom:8px;}
.dme-capture-step .step-time{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#45f882;letter-spacing:1px;border-top:1px solid #22292f;padding-top:8px;margin-top:6px;}
.dme-action-card{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;background:linear-gradient(135deg,rgba(255,190,24,0.10) 0%,rgba(15,22,27,0) 60%);border:1px solid #22292f;border-left:3px solid #ffbe18;margin:20px 0;}
.dme-action-card .icon{font-family:'Barlow',sans-serif;font-size:24px;font-weight:800;color:#ffbe18;line-height:1;flex-shrink:0;letter-spacing:1px;text-transform:uppercase;}
.dme-action-card .text{font-family:'Poppins',sans-serif;font-size:14px;color:#adb0bc;line-height:1.6;}
.dme-action-card .text strong{color:#fff;}
.dme-zone-pills{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px;}
.dme-zone-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #22292f;background:#0b0e13;font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#adb0bc;}
.dme-zone-pill::before{content:"";width:8px;height:8px;display:inline-block;}
.dme-zone-pill.west{color:#fff;border-color:#4d8cff;}
.dme-zone-pill.west::before{background:#4d8cff;}
.dme-zone-pill.east{color:#fff;border-color:#ff5050;}
.dme-zone-pill.east::before{background:#ff5050;}