/**
 * warframe-timer/timer.css – banrado.de
 * Warframe-Timer. Früher als <style> in warframe-timer/index.php, ausgelagert 09.10.2026.
 */
/* ── Warframe Timer – Scoped Styles ── */
.wf-timer{--wf-bg0:#070b0f;--wf-bg1:#0c1118;--wf-bg2:#121820;--wf-bg3:#1a2030;--wf-border:rgba(255,255,255,0.07);--wf-border2:rgba(255,255,255,0.13);--wf-blue:#3b82f6;--wf-blue-dim:rgba(59,130,246,0.15);--wf-gold:#f59e0b;--wf-gold-dim:rgba(245,158,11,0.15);--wf-red:#ef4444;--wf-red-dim:rgba(239,68,68,0.15);--wf-green:#22c55e;--wf-green-dim:rgba(34,197,94,0.12);--wf-purple:#a855f7;--wf-purple-dim:rgba(168,85,247,0.15);--wf-teal:#14b8a6;--wf-teal-dim:rgba(20,184,166,0.12);--wf-text:rgba(255,255,255,0.75);--wf-text-dim:rgba(255,255,255,0.32);--wf-text-hi:rgba(255,255,255,0.96);--wf-gap:14px;--wf-radius:10px;font-size:14px;line-height:1.5;padding-bottom:40px;}
body.light-theme .wf-timer{--wf-bg0:#e8edf5;--wf-bg1:#f0f4fb;--wf-bg2:#ffffff;--wf-bg3:#e4eaf4;--wf-border:rgba(0,0,0,0.08);--wf-border2:rgba(0,0,0,0.15);--wf-text:rgba(0,0,0,0.72);--wf-text-dim:rgba(0,0,0,0.38);--wf-text-hi:rgba(0,0,0,0.93);--wf-blue-dim:rgba(59,130,246,0.08);--wf-gold-dim:rgba(245,158,11,0.1);--wf-red-dim:rgba(239,68,68,0.08);--wf-green-dim:rgba(34,197,94,0.08);--wf-purple-dim:rgba(168,85,247,0.08);--wf-teal-dim:rgba(20,184,166,0.08);}
.wf-timer .wf-page{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:20px;}

/* Header */
.wf-timer .wf-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.wf-timer .wf-header-brand{display:flex;align-items:center;gap:12px;}
.wf-timer .wf-logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.wf-timer .wf-brand-name{font-size:18px;font-weight:700;color:var(--wf-text-hi);letter-spacing:-0.02em;}
.wf-timer .wf-brand-sub{font-size:11px;color:var(--wf-text-dim);display:block;}
.wf-timer .wf-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.wf-timer .wf-live-pill{display:flex;align-items:center;gap:5px;background:var(--wf-green-dim);border:0.5px solid rgba(34,197,94,0.3);border-radius:99px;padding:4px 12px;}
.wf-timer .wf-live-dot{width:6px;height:6px;border-radius:50%;background:var(--wf-green);animation:wfblink 1.8s infinite;}
@keyframes wfblink{0%,100%{opacity:1}50%{opacity:0.2}}
.wf-timer .wf-live-text{font-size:11px;font-weight:500;color:var(--wf-green);}
.wf-timer .wf-api-badge{font-size:11px;color:var(--wf-text-dim);background:var(--wf-bg2);border:0.5px solid var(--wf-border);border-radius:99px;padding:4px 10px;}

/* H1 Hero */
.wf-timer .wf-hero{background:var(--wf-bg2);border:0.5px solid var(--wf-border);border-radius:var(--wf-radius);padding:20px 24px;}
.wf-timer .wf-hero h1{font-size:22px;font-weight:700;color:var(--wf-text-hi);letter-spacing:-0.02em;margin-bottom:6px;}
.wf-timer .wf-hero-sub{font-size:13px;color:var(--wf-text-dim);line-height:1.6;}
.wf-timer .wf-hero-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.wf-timer .wf-hero-tag{font-size:11px;padding:3px 10px;border-radius:99px;border:0.5px solid var(--wf-border);color:var(--wf-text-dim);background:var(--wf-bg3);}

/* Section label */
.wf-timer .wf-section-label{font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--wf-text-dim);font-weight:600;margin-bottom:8px;padding-left:2px;}

/* Open World Cycles */
.wf-timer .wf-cycles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--wf-gap);}
.wf-timer .wf-cycle-card{background:var(--wf-bg2);border:0.5px solid var(--wf-border);border-radius:var(--wf-radius);padding:18px 20px;position:relative;overflow:hidden;transition:border-color .2s;}
.wf-timer .wf-cycle-card:hover{border-color:var(--wf-border2);}
.wf-timer .wf-cycle-accent{position:absolute;top:0;left:0;right:0;height:2px;border-radius:var(--wf-radius) var(--wf-radius) 0 0;}
.wf-timer .wf-cycle-icon{font-size:22px;margin-bottom:8px;display:block;}
.wf-timer .wf-cycle-world{font-size:10px;text-transform:uppercase;letter-spacing:0.09em;color:var(--wf-text-dim);margin-bottom:4px;}
.wf-timer .wf-cycle-state{font-size:22px;font-weight:700;letter-spacing:-0.02em;margin-bottom:6px;line-height:1.1;}
.wf-timer .wf-cycle-timer{font-size:12px;color:var(--wf-text-dim);}
.wf-timer .wf-cycle-timer span{font-size:14px;font-weight:600;color:var(--wf-text);}

/* Grid layouts */
.wf-timer .wf-grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--wf-gap);}

/* Generic card */
.wf-timer .wf-card{background:var(--wf-bg2);border:0.5px solid var(--wf-border);border-radius:var(--wf-radius);overflow:hidden;}
.wf-timer .wf-card-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:0.5px solid var(--wf-border);background:var(--wf-bg3);}
.wf-timer .wf-card-head-icon{font-size:16px;}
.wf-timer .wf-card-head-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--wf-text);flex:1;}
.wf-timer .wf-card-head-badge{font-size:10px;color:var(--wf-text-dim);background:var(--wf-bg2);border:0.5px solid var(--wf-border);border-radius:99px;padding:2px 8px;white-space:nowrap;}
.wf-timer .wf-card-body{padding:14px 16px;display:flex;flex-direction:column;gap:10px;}

/* Reset bar */
.wf-timer .wf-reset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--wf-gap);}
.wf-timer .wf-reset-card{background:var(--wf-bg2);border:0.5px solid var(--wf-border);border-radius:var(--wf-radius);padding:14px 16px;text-align:center;}
.wf-timer .wf-reset-label{font-size:10px;text-transform:uppercase;letter-spacing:0.09em;color:var(--wf-text-dim);margin-bottom:6px;}
.wf-timer .wf-reset-time{font-size:20px;font-weight:700;color:var(--wf-text-hi);letter-spacing:-0.01em;}
.wf-timer .wf-reset-sub{font-size:11px;color:var(--wf-text-dim);margin-top:2px;}

/* Baro */
.wf-timer .wf-baro-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block;margin-right:6px;}
.wf-timer .wf-baro-name{font-size:15px;font-weight:700;color:var(--wf-text-hi);display:flex;align-items:center;}
.wf-timer .wf-baro-sub{font-size:12px;color:var(--wf-text-dim);margin:4px 0;}
.wf-timer .wf-baro-countdown{font-size:28px;font-weight:700;color:var(--wf-gold);letter-spacing:-0.02em;margin:6px 0;}
.wf-timer .wf-baro-location{font-size:12px;color:var(--wf-text-dim);margin-bottom:8px;}
.wf-timer .wf-baro-location span{color:var(--wf-text);}
.wf-timer .wf-baro-items{display:flex;flex-direction:column;gap:4px;}
.wf-timer .wf-baro-item{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;background:var(--wf-bg3);border-radius:6px;font-size:12px;}
.wf-timer .wf-baro-item-name{color:var(--wf-text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wf-timer .wf-baro-item-price{color:var(--wf-gold);font-weight:600;font-size:11px;white-space:nowrap;margin-left:8px;}

/* Darvo */
.wf-timer .wf-darvo-name{font-size:15px;font-weight:700;color:var(--wf-text-hi);}
.wf-timer .wf-darvo-type{font-size:11px;color:var(--wf-text-dim);margin-bottom:8px;}
.wf-timer .wf-darvo-prices{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
.wf-timer .wf-darvo-orig{font-size:13px;color:var(--wf-text-dim);text-decoration:line-through;}
.wf-timer .wf-darvo-sale{font-size:22px;font-weight:700;color:var(--wf-green);}
.wf-timer .wf-darvo-discount{background:var(--wf-green-dim);border:0.5px solid rgba(34,197,94,0.3);border-radius:99px;padding:2px 10px;font-size:11px;color:var(--wf-green);font-weight:600;}
.wf-timer .wf-darvo-timer{font-size:12px;color:var(--wf-text-dim);}
.wf-timer .wf-darvo-timer span{color:var(--wf-text);}

/* Fissures */
.wf-timer .wf-fissure-tabs{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap;}
.wf-timer .wf-ftab{padding:4px 12px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;border:0.5px solid var(--wf-border);background:none;color:var(--wf-text-dim);transition:.12s;}
.wf-timer .wf-ftab.active{background:var(--wf-blue-dim);border-color:rgba(59,130,246,0.35);color:#60a5fa;}
body.light-theme .wf-timer .wf-ftab.active{color:var(--wf-blue);}
.wf-timer .wf-fissure-list{display:flex;flex-direction:column;gap:4px;}
.wf-timer .wf-fissure-row{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--wf-bg3);border-radius:6px;border:0.5px solid var(--wf-border);}
.wf-timer .wf-tier-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;flex-shrink:0;min-width:56px;text-align:center;}
.wf-timer .wf-tier-L{background:rgba(59,130,246,0.18);color:#60a5fa;border:0.5px solid rgba(59,130,246,0.3);}
.wf-timer .wf-tier-M{background:rgba(34,197,94,0.15);color:#4ade80;border:0.5px solid rgba(34,197,94,0.28);}
.wf-timer .wf-tier-N{background:rgba(245,158,11,0.18);color:#fbbf24;border:0.5px solid rgba(245,158,11,0.3);}
.wf-timer .wf-tier-A{background:rgba(239,68,68,0.18);color:#f87171;border:0.5px solid rgba(239,68,68,0.3);}
.wf-timer .wf-tier-R{background:rgba(168,85,247,0.18);color:#c084fc;border:0.5px solid rgba(168,85,247,0.3);}
.wf-timer .wf-fissure-info{flex:1;min-width:0;}
.wf-timer .wf-fissure-mission{font-size:12px;color:var(--wf-text-hi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wf-timer .wf-fissure-node{font-size:10px;color:var(--wf-text-dim);}
.wf-timer .wf-fissure-time{font-size:10px;color:var(--wf-text-dim);white-space:nowrap;flex-shrink:0;}

/* Sortie / Archon */
.wf-timer .wf-sortie-boss{font-size:13px;font-weight:600;color:var(--wf-text-hi);margin-bottom:2px;}
.wf-timer .wf-sortie-faction{font-size:11px;color:var(--wf-text-dim);margin-bottom:10px;}
.wf-timer .wf-sortie-missions{display:flex;flex-direction:column;gap:4px;}
.wf-timer .wf-sortie-row{display:flex;align-items:flex-start;gap:10px;padding:7px 10px;background:var(--wf-bg3);border-radius:6px;}
.wf-timer .wf-sortie-num{width:20px;height:20px;border-radius:50%;background:var(--wf-blue-dim);border:0.5px solid rgba(59,130,246,0.3);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#60a5fa;flex-shrink:0;margin-top:1px;}
.wf-timer .wf-sortie-type{font-size:12px;color:var(--wf-text-hi);font-weight:500;}
.wf-timer .wf-sortie-node{font-size:11px;color:var(--wf-text-dim);}
.wf-timer .wf-sortie-mod{font-size:10px;color:var(--wf-gold);margin-top:1px;}

/* Nightwave */
.wf-timer .wf-nw-season{font-size:12px;color:var(--wf-text-dim);margin-bottom:8px;}
.wf-timer .wf-nw-list{display:flex;flex-direction:column;gap:4px;}
.wf-timer .wf-nw-row{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--wf-bg3);border-radius:6px;}
.wf-timer .wf-nw-type{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;padding:2px 7px;border-radius:4px;flex-shrink:0;}
.wf-timer .wf-nw-daily{background:rgba(59,130,246,0.15);color:#60a5fa;}
.wf-timer .wf-nw-weekly{background:rgba(168,85,247,0.15);color:#c084fc;}
.wf-timer .wf-nw-elite{background:rgba(239,68,68,0.15);color:#f87171;}
.wf-timer .wf-nw-title{font-size:12px;color:var(--wf-text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wf-timer .wf-nw-standing{font-size:11px;color:var(--wf-gold);font-weight:600;white-space:nowrap;}

/* Loading */
.wf-timer .wf-loading{padding:24px;text-align:center;font-size:13px;color:var(--wf-text-dim);font-style:italic;}

/* SEO Content Block */
.wf-timer .wf-seo-block{background:var(--wf-bg2);border:0.5px solid var(--wf-border);border-radius:var(--wf-radius);padding:28px 32px;}
.wf-timer .wf-seo-block h2{font-size:18px;font-weight:700;color:var(--wf-text-hi);margin-bottom:12px;letter-spacing:-0.01em;}
.wf-timer .wf-seo-block h3{font-size:14px;font-weight:600;color:var(--wf-text-hi);margin:16px 0 6px;}
.wf-timer .wf-seo-block p{font-size:13px;color:var(--wf-text-dim);line-height:1.75;margin-bottom:10px;}
.wf-timer .wf-seo-block a{color:var(--wf-blue);text-decoration:none;}
.wf-timer .wf-seo-block a:hover{text-decoration:underline;}
.wf-timer .wf-seo-block strong{color:var(--wf-text);}

/* FAQ */
.wf-timer .wf-faq{display:flex;flex-direction:column;gap:10px;}
.wf-timer .wf-faq-item{background:var(--wf-bg3);border-radius:8px;padding:14px 16px;border:0.5px solid var(--wf-border);}
.wf-timer .wf-faq-q{font-size:13px;font-weight:600;color:var(--wf-text-hi);margin-bottom:6px;}
.wf-timer .wf-faq-a{font-size:12px;color:var(--wf-text-dim);line-height:1.6;}

/* Tool footer */
.wf-timer .wf-tool-foot{font-size:11px;color:var(--wf-text-dim);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.wf-timer .wf-tool-foot a{color:var(--wf-text-dim);text-decoration:none;}

/* Mobile */
@media(max-width:800px){.wf-timer .wf-cycles,.wf-timer .wf-grid2,.wf-timer .wf-reset-grid{grid-template-columns:1fr;}.wf-timer .wf-seo-block{padding:18px 16px;}.wf-timer .wf-hero h1{font-size:17px;}}
@media(min-width:800px) and (max-width:1100px){.wf-timer .wf-cycles{grid-template-columns:1fr 1fr;}}