:root{--bg:#070604;--panel:#0e0d0b;--panel2:#15110d;--line:#51250e;--line2:#8a3b11;--orange:#ff6900;--orange2:#ff9a22;--orange3:#ffc06a;--text:#eee8e2;--muted:#9f958d;--good:#55bd6e;--warn:#e8a646;--danger:#db4b34;--max:1100px}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-family:"Segoe UI",Arial,Helvetica,sans-serif}body{margin:0;background:#090704;color:var(--text);font-family:inherit;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.ambient{position:fixed;width:420px;height:420px;filter:blur(110px);opacity:.13;pointer-events:none;z-index:-2}.ambient-left{left:-180px;top:25%;background:#ff5200}.ambient-right{right:-210px;bottom:0;background:#ff8a00}body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 50% -15%,rgba(255,94,0,.14),transparent 35%),repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.008) 4px)}
.page-shell{width:min(var(--max),calc(100% - 24px));margin:11px auto 28px;background:#080807;border:1px solid #4a210d;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #000,0 28px 80px rgba(0,0,0,.85),0 0 36px rgba(255,88,0,.10)}
.site-header{position:relative;z-index:30;background:#080808}.topbar{height:42px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:0;background:linear-gradient(180deg,#0d0d0d,#070707)}.game-line{display:flex;align-items:center;gap:10px;font-size:12px;color:#c9c3bd}.game-line strong,.game-line b{color:var(--orange2)}.biohazard{font-size:20px;color:var(--orange)}.divider{color:#623016}.top-actions{display:flex;gap:8px;align-items:center}.header-action{border:1px solid #5e2b0f;background:#100b08;color:#d7d0ca;padding:7px 12px;font-size:11px;font-weight:900;letter-spacing:.8px;cursor:pointer;transition:.18s}.header-action:hover{border-color:var(--orange);color:var(--orange2);box-shadow:0 0 12px rgba(255,105,0,.12)}.header-action-internal{color:#ffb054;border-color:#4f260f;background:#0d0907}.header-action-internal:hover{color:#ffd09a}.user-chip{display:inline-flex;gap:6px;align-items:center;font-size:11px;color:#bbb}.user-chip b{color:var(--orange2);border:1px solid #633014;padding:3px 6px}.inline-form{display:inline;margin:0}
.main-nav{height:72px;padding:0 18px;display:flex;align-items:center;border:0;border-top:1px solid #4a210d;border-bottom:1px solid #4a210d;background:linear-gradient(180deg,#0c0b0a 0%,#080808 58%,#070707 100%);position:relative;overflow:visible}
.main-nav:before,.main-nav:after{content:none}
.brand-mark{position:absolute;left:50%;top:50%;z-index:7;width:116px;height:108px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);overflow:visible;pointer-events:auto;isolation:isolate}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;left:50%;width:122px;height:6px;transform:translateX(-50%);pointer-events:none;z-index:1}
.brand-mark:before{top:17px;background:linear-gradient(90deg,transparent 0%,#0b0b0b 16%,#0b0b0b 84%,transparent 100%)}
.brand-mark:after{bottom:17px;background:linear-gradient(90deg,transparent 0%,#070707 16%,#070707 84%,transparent 100%)}
.brand-mark img{position:relative;z-index:2;display:block;width:104px;height:104px;object-fit:contain;object-position:center;max-width:none;filter:drop-shadow(0 0 5px rgba(255,105,0,.20));transition:filter .18s ease}
.brand-mark:hover img{filter:drop-shadow(0 0 8px rgba(255,124,28,.34))}
.nav-links{display:grid;grid-template-columns:minmax(0,1fr) 118px minmax(0,1fr);align-items:stretch;width:100%;height:100%;margin:0;position:relative;z-index:2}
.nav-logo-gap{grid-column:2}
.nav-side{display:flex;align-items:center;height:100%;min-width:0;gap:4px}
.nav-side-left{grid-column:1;justify-content:flex-end;padding-right:1px}.nav-side-right{grid-column:3;justify-content:flex-start;padding-left:1px}
.nav-side>a{display:flex;align-items:center;justify-content:center;flex:0 0 148px;width:148px;min-width:148px;height:54px;padding:0 12px;border:0;border-left:1px solid rgba(255,111,10,.11);border-right:1px solid rgba(255,111,10,.11);background:linear-gradient(180deg,rgba(24,17,12,.72),rgba(10,9,8,.82));box-shadow:inset 0 1px 0 rgba(255,154,58,.025),inset 0 -1px 0 rgba(0,0,0,.7);font-size:10.5px;font-weight:900;letter-spacing:.48px;color:#cac8c5;position:relative;transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.nav-side>a:before{content:"";position:absolute;top:8px;bottom:8px;left:0;width:1px;background:linear-gradient(180deg,transparent,rgba(255,125,20,.18),transparent)}
.nav-side>a:after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--orange2),transparent);transform:scaleX(0);transition:transform .18s ease}
.nav-side-left .nav-near-logo{border-right-color:rgba(255,137,33,.28);box-shadow:inset -1px 0 0 rgba(255,135,28,.06),inset 0 1px 0 rgba(255,154,58,.025),inset 0 -1px 0 rgba(0,0,0,.7)}
.nav-side-right .nav-near-logo{border-left-color:rgba(255,137,33,.28);box-shadow:inset 1px 0 0 rgba(255,135,28,.06),inset 0 1px 0 rgba(255,154,58,.025),inset 0 -1px 0 rgba(0,0,0,.7)}
.nav-side>a:hover,.nav-side>a.is-active{color:var(--orange2);border-color:rgba(255,124,22,.28);background:linear-gradient(180deg,rgba(255,105,0,.085),rgba(255,105,0,.018));box-shadow:inset 0 0 18px rgba(255,105,0,.035),0 0 11px rgba(255,105,0,.025)}
.nav-side>a:hover:after,.nav-side>a.is-active:after{transform:scaleX(1)}
.nav-toggle{display:none;margin-left:auto;border:1px solid #5c280d;background:#100b08;color:var(--orange2);padding:8px 12px;font-size:11px;font-weight:900}
.alert-stack{position:fixed;right:24px;top:24px;z-index:70;display:grid;gap:8px;max-width:380px}.alert{padding:12px 15px;border:1px solid #624018;background:#13100c;box-shadow:0 16px 36px #0008;font-size:13px}.alert-success{border-color:#2d7040}.alert-danger{border-color:#7c2d24}.alert-warning{border-color:#7b5b22}
.home-hero{height:430px;position:relative;overflow:hidden;border-bottom:1px solid #5e260b}.hero-bg{position:absolute;inset:0;background:var(--asset-hero) center 46%/cover no-repeat;transform:scale(1.02)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.04) 45%,rgba(0,0,0,.55)),linear-gradient(90deg,rgba(0,0,0,.30),transparent 24%,transparent 76%,rgba(0,0,0,.3));box-shadow:inset 0 0 70px #0007}.hero-logo{position:absolute;left:50%;top:48%;width:min(780px,78%);transform:translate(-50%,-50%)}.hero-logo img{width:100%;display:block;filter:drop-shadow(0 22px 26px #000)}.hero-copy-small{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:92%;text-align:center;z-index:4}.hero-copy-small>span{font-size:10px;letter-spacing:2px;color:var(--orange2);font-weight:900}.hero-copy-small p{margin:4px 0 11px;color:#ddd;font-size:12px}.hero-copy-small>div{display:flex;gap:8px;justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:10px 17px;border:1px solid #6b2f0e;background:#100b08;color:#ddd;font-size:11px;font-weight:950;letter-spacing:.7px;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#ffae4d;border-color:var(--orange);background:linear-gradient(180deg,#281207,#110907 70%,#080605);box-shadow:inset 0 0 15px rgba(255,105,0,.07),0 0 12px rgba(255,105,0,.08)}.btn-primary:hover{color:#ffd09b;border-color:var(--orange2);box-shadow:inset 0 0 20px rgba(255,105,0,.11),0 0 18px rgba(255,105,0,.14)}.btn-ghost:hover{border-color:var(--orange);color:var(--orange2)}.btn-small{min-height:32px;padding:6px 11px}.btn-wide{width:100%}
.section-pad{padding:20px 18px}.compact-pad{padding-top:0}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.panel,.image-panel,.wiki-toolbar,.article-sidebar,.wiki-article{position:relative;border:1px solid transparent;background:linear-gradient(#0d0d0c,#090908) padding-box,linear-gradient(110deg,#44200d,#b64d12 28%,#4a210d 58%,#8a3510) border-box;box-shadow:inset 0 0 24px rgba(255,95,0,.025),0 0 16px rgba(255,90,0,.04)}.panel:before,.image-panel:before,.wiki-article:before,.article-sidebar:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,167,80,.65),transparent);pointer-events:none}.image-panel{min-height:245px;overflow:hidden}.image-panel-bg{position:absolute;inset:0;background:var(--asset-recruit) center/cover no-repeat;filter:saturate(1.05) contrast(1.03)}.image-panel-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.06) 52%,rgba(0,0,0,.28)),linear-gradient(0deg,rgba(0,0,0,.65),transparent 65%)}.image-panel-copy{position:absolute;inset:auto 18px 16px;z-index:2}.image-panel-copy h2,.welcome-panel h2,.section-title h2,.page-head h1,.auth-intro h1,.subhero h1,.article-heading h2{font-family:Impact,Arial Black,sans-serif;font-weight:500;letter-spacing:.8px}.image-panel-copy h2,.welcome-panel h2{font-size:26px;color:var(--orange);margin:2px 0 7px}.image-panel-copy p,.welcome-panel p{font-size:12px;color:#c9c3be;max-width:620px}.welcome-panel{padding:18px}.eyebrow{display:block;color:var(--orange2);font-size:10px;font-weight:950;letter-spacing:2px;text-transform:uppercase}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #382011;margin-top:16px}.value-grid span{padding:15px 6px;text-align:center;border-right:1px solid #302016;font-size:10px;font-weight:900;color:#ddd}.value-grid span:last-child{border-right:0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.stat{border:1px solid #3c2113;background:#0c0c0b;padding:12px 13px;min-height:78px}.stat span{display:block;font-size:8px;color:#aaa;letter-spacing:1px}.stat strong{display:block;color:var(--orange);font:400 25px Impact,Arial Black,sans-serif;margin:2px 0}.stat small{font-size:8px;color:#8d8985}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.section-title h2{margin:0;color:var(--orange);font-size:21px}.section-title>a{font-size:10px;color:var(--orange2);font-weight:900}.content-columns{display:grid;grid-template-columns:1.5fr .9fr;gap:15px}.stack{display:grid;gap:11px}.announcement-card,.event-card,.muted-card{padding:15px}.announcement-card h3,.event-card h3{margin:5px 0;color:#f0dfd3;font-size:14px}.announcement-card p,.event-card p,.muted-card{font-size:11px;color:#aaa}.card-meta{font-size:8px;color:#817c78}.role-badge{display:inline-flex;padding:2px 6px;border:1px solid #673114;color:var(--orange2);font-size:8px;font-weight:900}.event-card time{font:400 18px Impact,Arial Black,sans-serif;color:var(--orange)}
.wiki-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wiki-card{min-height:190px;position:relative;padding:16px;border:1px solid #45220f;background:linear-gradient(145deg,#11100f,#090908);transition:.2s;overflow:hidden}.wiki-card:before{content:"";position:absolute;right:-45px;top:-55px;width:130px;height:130px;border:1px solid rgba(255,105,0,.08);transform:rotate(45deg)}.wiki-card:hover{transform:translateY(-2px);border-color:#a34512;box-shadow:0 11px 22px #0007,0 0 17px rgba(255,105,0,.08)}.wiki-number{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid #7a330f;color:var(--orange2);font:400 15px Impact}.wiki-card small{display:block;margin-top:11px;color:#8f8984;font-size:8px;letter-spacing:1.4px}.wiki-card h2,.wiki-card h3{margin:3px 0 7px;font-family:Impact,Arial Black,sans-serif;font-weight:500;color:var(--orange);font-size:20px}.wiki-card p{color:#9f9994;font-size:11px;margin:0 0 14px}.wiki-card b{font-size:8px;color:var(--orange2);letter-spacing:.8px}.home-wiki-grid .wiki-card{min-height:170px}
.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gift-card{position:relative;padding:15px;border:1px solid #45220f;background:linear-gradient(145deg,#11100f,#090908);cursor:pointer;min-height:145px}.gift-card:hover{border-color:#a34512}.gift-card-top,.gift-card-foot{display:flex;align-items:center;justify-content:space-between;gap:11px}.gift-card-top span{font-size:10px;color:#aaa}.gift-card-top i{font-style:normal;font-size:7px;color:#6f6862}.gift-card code{display:block;margin:14px 0;color:var(--orange2);font:400 22px Impact,monospace;letter-spacing:1px}.gift-card p{font-size:10px;color:#918a84}.gift-card-foot{font-size:8px;color:#777}.gift-card-foot b{color:var(--orange2)}.gift-empty{cursor:default}.gift-delete-form{position:absolute;right:8px;top:8px}.code-preview-section{padding-top:2px}.recruit-strip{position:relative;min-height:160px;margin:0 18px 18px;border:1px solid #57240c;overflow:hidden}.recruit-strip-bg{position:absolute;inset:0;background:var(--asset-recruit) center/cover no-repeat}.recruit-strip-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0007,#0001 50%,#0006)}.recruit-strip-copy{position:relative;z-index:2;text-align:center;padding:24px}.recruit-strip-copy h2{font:400 25px Impact,Arial Black;color:var(--orange);margin:3px 0}.recruit-strip-copy p{font-size:11px;color:#ddd}
.subhero{height:225px;position:relative;overflow:hidden;border-bottom:1px solid #5c260c}.subhero-bg{position:absolute;inset:0;background:var(--asset-hero) center 42%/cover no-repeat;filter:brightness(.58) saturate(.9)}.subhero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent 45%,#0008),linear-gradient(0deg,#080807,transparent 70%)}.subhero-copy{position:absolute;z-index:2;left:28px;bottom:24px;max-width:720px}.subhero h1{font-size:46px;color:var(--orange);margin:0;line-height:1}.subhero p{margin:7px 0 0;color:#c3bbb5;font-size:12px}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:8px;color:#777;margin-bottom:12px}.breadcrumb a{color:var(--orange2)}
.wiki-index{padding-top:15px}.wiki-toolbar{padding:12px;margin-bottom:14px;display:grid;gap:11px}.wiki-search{display:flex;align-items:center;border:1px solid #3d2415;background:#080808}.wiki-search span{width:38px;text-align:center;color:var(--orange2)}.wiki-search input{flex:1;background:transparent;border:0;outline:0;color:#eee;padding:11px}.wiki-filters{display:flex;flex-wrap:wrap;gap:6px}.wiki-filters button{border:1px solid #42210f;background:#0b0b0b;color:#999;padding:7px 11px;font-size:8px;font-weight:900;cursor:pointer}.wiki-filters button:hover,.wiki-filters button.is-active{color:var(--orange2);border-color:#8f3b10;background:#160d08}.wiki-empty{text-align:center;color:#8e8883;font-size:11px;padding:30px}.article-layout{display:grid;grid-template-columns:245px 1fr;gap:14px;align-items:start}.article-sidebar{padding:16px;position:sticky;top:11px}.back-link{display:block;font-size:8px;color:var(--orange2);margin-bottom:18px}.article-sidebar h2{font:400 22px Impact;color:var(--orange);margin:3px 0 8px}.article-sidebar p{font-size:11px;color:#999}.article-meta{display:grid;gap:5px;margin-top:20px;border-top:1px solid #2f1c12;padding-top:12px}.article-meta span{font-size:7px;color:#68625e}.article-meta b{font-size:10px;color:#c8c1bb}.wiki-article{padding:20px;min-width:0}.article-heading{border-bottom:1px solid #352015;padding-bottom:12px;margin-bottom:16px}.article-heading h2{margin:2px 0 3px;color:var(--orange);font-size:30px}.article-heading p{color:#aaa;font-size:11px;margin:0}.wiki-article h3{font:400 18px Impact,Arial Black;color:var(--orange2);letter-spacing:.5px;margin:24px 0 10px}.wiki-article p,.article-list{font-size:11px;color:#bbb}.article-list{padding-left:20px}.article-list li{margin:7px 0}.callout,.warning-box{border-left:3px solid var(--orange);background:#120d09;padding:12px 14px;margin:14px 0;color:#c9c1ba;font-size:11px}.warning-box{border-left-color:var(--danger);background:#160b09}.callout b,.warning-box b{color:#eee}.tip-grid{display:grid;gap:11px}.tip-grid.three{grid-template-columns:repeat(3,1fr)}.tip-grid.four{grid-template-columns:repeat(2,1fr)}.tip-grid>div,.phase-grid>div,.class-card,.timeline-grid>div,.rule-box{border:1px solid #3e2516;background:#0c0c0b;padding:12px}.tip-grid b,.phase-grid b,.class-card b,.timeline-grid b,.rule-box b{display:block;color:#e8ddd3;font-size:11px}.tip-grid p,.phase-grid p,.class-card p,.timeline-grid p,.rule-box li{font-size:10px;color:#999}.strategy-banner{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;border:1px solid #4c2a16;background:#0d0c0b;padding:11px;margin:10px 0}.strategy-banner>span{height:46px;display:grid;place-items:center;background:#1b0d06;border:1px solid #74300e;color:var(--orange2);font:400 18px Impact}.strategy-banner b{color:#eee;font-size:11px}.strategy-banner p{margin:3px 0;font-size:10px;color:#999}.class-grid,.phase-grid,.timeline-grid,.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.class-card span,.phase-grid span{display:block;font-size:8px;color:#777;margin-bottom:4px}.warrior{border-color:#6b271b}.ranger{border-color:#1e4d67}.mage{border-color:#3d5b22}.formation-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:12px 0}.formation-grid>div{padding:12px 8px;text-align:center;border:1px solid #3b291c;background:#0b0b0b;min-height:66px}.formation-grid .back{grid-column:span 2}.formation-grid .front{grid-column:span 3}.formation-grid b{display:block;font-size:10px}.formation-grid small{font-size:7px;color:#777}.damage{border-color:#713219!important}.support{border-color:#435727!important}.tank{border-color:#254b67!important}.number-rules{padding:0;list-style:none;counter-reset:rules}.number-rules li{counter-increment:rules;position:relative;padding:11px 12px 11px 52px;border:1px solid #3b2417;background:#0c0c0b;margin:8px 0}.number-rules li:before{content:counter(rules);position:absolute;left:11px;top:11px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #74300f;color:var(--orange2);font:400 15px Impact}.number-rules b{font-size:11px;color:#e9dfd7}.number-rules p{margin:3px 0 0;font-size:10px;color:#9a948e}.quality-path,.path-strip,.source-chips,.sub-points{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.quality-path span,.path-strip span,.source-chips span,.sub-points span{padding:7px 10px;border:1px solid #3c2619;background:#0b0b0b;font-size:8px;font-weight:900}.quality-path .green{color:#73b254}.quality-path .blue{color:#4da1d7}.quality-path .purple{color:#b669d9}.quality-path .orange{color:#ff9425}.note-text{font-size:10px!important;color:#777!important;font-style:italic}.week-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.week-grid>div{border:1px solid #392217;background:#0b0b0b;padding:11px}.week-grid b{display:block;color:var(--orange);font:400 16px Impact}.week-grid span{display:block;color:#ddd;font-size:11px;font-weight:900}.week-grid p{font-size:10px;color:#8f8984;margin:4px 0}.points-table{border:1px solid #382217}.points-table>div{display:grid;grid-template-columns:1fr auto;gap:12px;padding:8px 11px;border-bottom:1px solid #291a12;background:#0b0b0b}.points-table>div:last-child{border-bottom:0}.points-table span{font-size:10px;color:#b8b1ab}.points-table b{font-size:10px;color:var(--orange2)}.path-strip{border:1px solid #492713;padding:11px;margin:12px 0}.path-strip b{font-size:10px;color:#ddd;margin-right:5px}.path-strip span{color:var(--orange2)}.path-strip .left{color:#5eb3de}.path-strip i{font-style:normal;color:#6d635c}.skill-path{display:grid;gap:7px}.skill-path>div{display:grid;grid-template-columns:55px 1fr 95px;gap:12px;align-items:center;border:1px solid #3e2415;background:#0b0b0b;padding:11px}.skill-path>div>span{font:400 16px Impact;color:#aaa}.skill-path b{font-size:11px;color:#e5d8ce}.skill-path p{margin:2px 0;font-size:8px}.skill-path strong{font-size:8px;color:var(--orange2);text-align:right}.skill-path strong.left{color:#5eb3de}.active-skill{border-color:#7c4c12!important;box-shadow:inset 0 0 18px rgba(255,149,0,.06)}.priority-list{counter-reset:p;list-style:none;padding:0}.priority-list li{counter-increment:p;display:grid;grid-template-columns:32px 180px 1fr;gap:11px;padding:10px;border-bottom:1px solid #291a11;align-items:center}.priority-list li:before{content:counter(p);width:28px;height:28px;display:grid;place-items:center;border:1px solid #71300f;color:var(--orange2);font:400 14px Impact}.priority-list b{font-size:11px;color:#eee}.priority-list span{font-size:10px;color:#8f8984}.rules-grid{grid-template-columns:1fr 1fr}.rule-box ul{margin:8px 0 0;padding-left:18px}.rule-box.danger{border-color:#63271d}.rule-box.good{border-color:#31522f}.table-scroll,.table-wrap{overflow:auto}.wiki-table,table{width:100%;border-collapse:collapse;font-size:10px}.wiki-table th,.wiki-table td,table th,table td{border:1px solid #352116;padding:8px;text-align:left}.wiki-table th,table th{color:var(--orange2);background:#120b08;font-size:8px}.wiki-table td:first-child{color:var(--orange);font-weight:900}.related-section{padding-top:0}.related-grid{grid-template-columns:repeat(3,1fr)}
.page-head{padding:28px 18px 16px;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #2f1b11}.page-head h1,.auth-intro h1{font-size:36px;color:var(--orange);margin:0}.page-head p,.auth-intro p{font-size:11px;color:#9d9690}.access-card{min-width:110px;border:1px solid #4b2816;background:#0b0b0b;padding:11px;text-align:center}.access-card span{display:block;font-size:7px;color:#777}.access-card strong{font:400 20px Impact;color:var(--orange2)}.dashboard-quicklinks{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;padding:16px 18px 0}.quicklink-card{border:1px solid #3c2517;background:#0c0c0b;padding:13px}.quicklink-card span{font-size:8px;color:var(--orange2)}.quicklink-card strong{display:block;font-size:13px;margin:3px 0}.quicklink-card small{color:#777;font-size:8px}.dashboard-grid,.admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 18px 20px}.admin-layout{grid-template-columns:.8fr 1.2fr}.panel-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:11px;border-bottom:1px solid #2c1b12;margin-bottom:12px}.panel-head small{font-size:7px;color:#777}.panel-head h2{font:400 19px Impact;color:var(--orange);margin:0}.panel-head>span{font-size:8px;color:var(--orange2)}.dashboard-grid .panel,.admin-layout .panel,.form-panel{padding:15px}.form-grid{display:grid;gap:11px}.form-grid.two-cols{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}label{display:grid;gap:5px;font-size:10px;color:#a9a29c}input,textarea,select{width:100%;border:1px solid #3e2517;background:#080808;color:#eee;padding:11px;outline:none}input:focus,textarea:focus,select:focus{border-color:#8a3a10;box-shadow:0 0 0 2px rgba(255,105,0,.05)}.management-list{display:grid}.management-row{display:grid;grid-template-columns:1fr auto;gap:11px;padding:11px 0;border-bottom:1px solid #2b1a12}.management-row:last-child{border-bottom:0}.management-row small{font-size:7px;color:#777}.management-row strong{display:block;font-size:11px;color:#e4dcd5}.management-row p{font-size:10px;color:#8e8882;margin:3px 0}.icon-btn{width:28px;height:28px;border:1px solid #4a2415;background:#0b0b0b;color:#aaa;cursor:pointer}.icon-btn.danger:hover{color:#ff7d6a;border-color:#792b22}.empty-line{font-size:10px;color:#777}.auth-wrap{min-height:520px;display:grid;grid-template-columns:1fr 420px;gap:30px;align-items:center;padding:45px 60px;background:linear-gradient(90deg,#080808,rgba(8,8,8,.78)),var(--asset-hero) center/cover}.auth-intro{max-width:460px}.auth-note{border-left:2px solid var(--orange);padding-left:11px}.form-hint{font-size:8px;color:#777}.row-actions{display:flex;gap:6px;align-items:center}.status-pill{font-size:8px;padding:3px 6px;border:1px solid #444}.status-pill.online{color:#70c67d;border-color:#315636}.status-pill.offline{color:#d37f70;border-color:#64332b}table small{display:block;color:#777;font-size:7px}
.code-page-head,.redeem-topbar,.redeem-guide,.codes-layout{margin:0 18px}.page-head-actions{display:flex;gap:11px;align-items:center}.redeem-topbar{border:1px solid #432413;background:#0c0c0b;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:14px}.redeem-topbar strong{display:block;font-size:11px}.redeem-topbar p{font-size:10px;color:#888;margin:3px 0}.redeem-guide{margin-top:12px;border:1px solid #412515;background:#0b0b0b}.redeem-guide summary{list-style:none;padding:12px;display:flex;align-items:center;gap:11px;cursor:pointer}.redeem-guide summary::-webkit-details-marker{display:none}.guide-summary-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #71300e;color:var(--orange2)}.redeem-guide summary small{display:block;font-size:7px;color:#777}.redeem-guide summary strong{font-size:11px}.guide-chevron{margin-left:auto;color:var(--orange2)}.guide-body{border-top:1px solid #322016;padding:14px}.guide-intro,.guide-finish{display:flex;justify-content:space-between;gap:14px;align-items:center}.guide-intro h2{font:400 22px Impact;color:var(--orange);margin:0}.guide-intro p{font-size:10px;color:#888}.guide-callout{border-left:2px solid var(--orange);padding:8px 11px;background:#120d09;margin:11px 0;font-size:10px}.guide-callout a{display:block;color:var(--orange2);word-break:break-all}.guide-steps{display:grid;gap:11px}.guide-step{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;border:1px solid #342116;padding:11px}.guide-step-textonly{grid-template-columns:1fr}.guide-step-copy{display:flex;gap:11px}.step-number{width:30px;height:30px;display:grid;place-items:center;border:1px solid #6f300e;color:var(--orange2);font:400 14px Impact;flex:0 0 30px}.guide-step-copy small{font-size:7px;color:#777}.guide-step-copy h3{font-size:12px;margin:2px 0}.guide-step-copy p{font-size:10px;color:#8f8881}.guide-link{font-size:8px;color:var(--orange2)}.guide-screenshot{margin:0}.guide-screenshot img{width:100%;display:block;border:1px solid #342116}.guide-screenshot figcaption{font-size:7px;color:#777;margin-top:4px}.guide-screenshot figcaption span{color:var(--orange2)}.guide-finish{margin-top:12px;border-top:1px solid #2d1d14;padding-top:11px}.guide-finish p{font-size:10px;color:#999}.codes-layout{padding:14px 0 20px}.codes-note{display:flex;gap:8px;align-items:center;margin-bottom:11px;font-size:10px;color:#777}.codes-note-icon{width:24px;height:24px;display:grid;place-items:center;border:1px solid #6c2d0e;color:var(--orange2)}.modal{display:none;position:fixed;inset:0;z-index:90}.modal.is-open{display:block}.modal-backdrop{position:absolute;inset:0;background:#000b}.modal-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,92vw);max-height:90vh;overflow:auto;background:#0b0b0b;border:1px solid #5f2a0e;box-shadow:0 24px 60px #000;padding:16px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:14px}.modal-head h2{font:400 22px Impact;color:var(--orange);margin:0}.modal-close{border:1px solid #502615;background:#0b0b0b;color:#aaa;width:30px;height:30px;cursor:pointer}.copy-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;background:#15110d;border:1px solid #71300e;color:var(--orange2);padding:10px 14px;font-size:10px;transition:.2s}.copy-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.site-footer{display:grid;grid-template-columns:230px 1fr auto;gap:18px;align-items:center;border-top:1px solid #54230b;background:#050505;padding:13px 18px}.footer-brand img{width:210px;max-width:100%;display:block}.site-footer strong{color:var(--orange);font-size:11px}.site-footer p,.site-footer small{font-size:8px;color:#68635f;margin:2px 0}.footer-links{display:flex;gap:12px}.footer-links a{font-size:8px;color:#aaa}.footer-links a:hover{color:var(--orange2)}.site-footer>small{grid-column:1/-1;text-align:center;border-top:1px solid #18110d;padding-top:8px}

.alliance-info-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:14px}
.alliance-info-panel{padding:18px}.alliance-info-panel h2{font:400 24px Impact,Arial Black,sans-serif;color:var(--orange);letter-spacing:.6px;margin:4px 0 8px}.alliance-info-panel>p{font-size:12px;color:#b6aea8;line-height:1.65;margin:0}
.alliance-value-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.alliance-value-list>div{border:1px solid #352016;background:#0a0908;padding:11px 12px}.alliance-value-list b{display:block;color:var(--orange2);font-size:11px;letter-spacing:.6px}.alliance-value-list span{display:block;color:#8f8882;font-size:10px;line-height:1.45;margin-top:3px}
.alliance-info-links{display:flex;flex-direction:column}.alliance-info-links>a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;border-top:1px solid #302016;padding:12px 4px;transition:.18s}.alliance-info-links>a:first-of-type{margin-top:8px}.alliance-info-links>a:hover{padding-left:8px;background:linear-gradient(90deg,rgba(255,105,0,.045),transparent)}.alliance-info-links small{font-size:7px;color:#777}.alliance-info-links b{font-size:11px;color:#e3ddd8}.alliance-info-links>a>span{grid-column:2;grid-row:1/3;color:var(--orange2);font-size:15px}
@media(max-width:900px){.alliance-info-grid{grid-template-columns:1fr}.nav-side>a{flex:0 0 128px;width:128px;min-width:128px;height:52px;padding:0 8px;font-size:9.5px}.nav-links{grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr)}.brand-mark{width:110px;height:102px}.brand-mark:before,.brand-mark:after{width:116px}.brand-mark img{width:96px;height:96px}.intro-grid,.content-columns,.dashboard-grid,.admin-layout,.article-layout,.auth-wrap{grid-template-columns:1fr}.article-sidebar{position:static}.wiki-card-grid{grid-template-columns:repeat(2,1fr)}.gift-grid{grid-template-columns:repeat(2,1fr)}.auth-wrap{padding:34px 22px}.site-footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.tip-grid.three,.class-grid,.phase-grid,.timeline-grid{grid-template-columns:1fr 1fr}.formation-grid{grid-template-columns:repeat(2,1fr)}.formation-grid .back,.formation-grid .front{grid-column:span 1}}
@media(max-width:760px){.alliance-value-list{grid-template-columns:1fr}.page-shell{width:100%;margin:0;border-radius:0}.topbar{padding:7px 11px;height:auto;min-height:42px}.game-line{font-size:10px}.top-actions .user-chip{display:none}.main-nav{height:64px;min-height:64px;padding:0 11px;display:flex;align-items:center}.brand-mark{left:50%;top:50%;width:90px;height:90px;transform:translate(-50%,-50%)}.brand-mark:before,.brand-mark:after{width:96px;height:4px}.brand-mark:before{top:11px}.brand-mark:after{bottom:11px}.brand-mark img{width:78px;height:78px}.nav-toggle{display:block;margin-left:auto;position:relative;z-index:8}.nav-links{display:none;position:absolute;left:0;right:0;top:64px;width:100%;height:auto;margin:0;padding:0 11px 8px;background:linear-gradient(180deg,#090909,#060606);border-bottom:1px solid #5b270d;box-shadow:0 16px 28px rgba(0,0,0,.72);z-index:7}.nav-links.is-open{display:block}.nav-logo-gap{display:none}.nav-side{display:flex;flex-direction:column;height:auto;width:100%}.nav-side>a{height:40px;justify-content:flex-start;flex:0 0 auto;width:100%;min-width:0;border:0;border-top:1px solid rgba(255,105,0,.08);padding:0 11px;font-size:11px;background:transparent;box-shadow:none}.nav-side-left .nav-near-logo,.nav-side-right .nav-near-logo{border-left:0;border-right:0;box-shadow:none}.nav-side-left>a:last-child,.nav-side-right>a:last-child{border-right:0}.nav-side>a:after{left:11px;right:auto;width:48px}.home-hero{height:380px}.hero-logo{width:92%;top:46%}.hero-copy-small{bottom:14px}.section-pad{padding:15px 11px}.intro-grid{padding-top:15px}.stats-grid{grid-template-columns:repeat(2,1fr)}.wiki-card-grid,.gift-grid,.related-grid{grid-template-columns:1fr}.tip-grid.three,.tip-grid.four,.rules-grid,.class-grid,.phase-grid,.timeline-grid,.week-grid{grid-template-columns:1fr}.subhero{height:190px}.subhero-copy{left:14px;right:14px;bottom:16px}.subhero h1{font-size:34px}.wiki-article{padding:14px}.article-heading h2{font-size:25px}.skill-path>div{grid-template-columns:45px 1fr}.skill-path strong{grid-column:2;text-align:left}.priority-list li{grid-template-columns:30px 1fr}.priority-list li span{grid-column:2}.redeem-topbar{align-items:flex-start;flex-direction:column}.guide-step{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;padding:14px 11px}.footer-links{justify-content:flex-start}.form-grid.two-cols{grid-template-columns:1fr}.span-2{grid-column:auto}.page-head{align-items:flex-start;gap:12px}.page-head h1{font-size:30px}.dashboard-quicklinks{grid-template-columns:1fr;padding:12px 11px 0}.dashboard-grid,.admin-layout{padding:12px 11px}.code-page-head,.redeem-topbar,.redeem-guide,.codes-layout{margin-left:11px;margin-right:11px}.formation-grid{grid-template-columns:1fr}.page-head-actions{align-items:flex-start;flex-direction:column}.auth-wrap{min-height:600px}.value-grid{grid-template-columns:repeat(2,1fr)}.value-grid span:nth-child(2){border-right:0}.value-grid span:nth-child(-n+2){border-bottom:1px solid #302016}}


/* =========================================================
   V21 · READABILITY / LOGIN SPACING / WIKI SIDEBARS
   ========================================================= */

/* Login: mehr Luft zwischen Head, Feldern, Button und Hinweis */
.auth-wrap .form-panel{
  display:grid;
  gap:18px;
  padding:22px 20px 20px;
}
.auth-wrap .form-panel .panel-head{margin-bottom:2px}
.auth-wrap .form-panel label{
  gap:8px;
  font-size:11px;
  color:#c3bbb4;
}
.auth-wrap .form-panel input{
  min-height:46px;
  padding:12px 13px;
  font-size:13px;
}
.auth-wrap .form-panel .btn-wide{
  min-height:46px;
  margin-top:2px;
  font-size:11px;
}
.auth-wrap .form-panel .form-hint{
  display:block;
  margin-top:0;
  font-size:10px;
  line-height:1.5;
}

/* Allgemein lesbarere Beiträge / Karten */
.announcement-card h3,.event-card h3{font-size:16px}
.announcement-card p,.event-card p,.muted-card{font-size:13px;line-height:1.65}
.card-meta{font-size:10px}
.wiki-card p{font-size:12px;line-height:1.6;color:#aaa49f}
.wiki-card small{font-size:10px}
.wiki-card b{font-size:10px}
.subhero p{font-size:14px;line-height:1.55;max-width:760px}
.breadcrumb{font-size:10px}

/* Wiki Übersicht mit linkem Kategorienpanel */
.wiki-browser-layout{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.wiki-category-panel{
  position:sticky;
  top:11px;
  padding:15px;
}
.wiki-side-head{padding-bottom:13px;border-bottom:1px solid #302017;margin-bottom:11px}
.wiki-side-head h2{font:400 22px Impact,Arial Black,sans-serif;color:var(--orange);margin:3px 0 6px;letter-spacing:.6px}
.wiki-side-head p{font-size:11px;line-height:1.55;color:#958f89;margin:0}
.wiki-category-list{display:grid;gap:5px}
.wiki-category-list button{
  width:100%;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:11px;
  padding:10px 11px;
  border:1px solid #352116;
  background:#0a0a09;
  color:#aaa49e;
  cursor:pointer;
  text-align:left;
  font-size:11px;
  font-weight:800;
  transition:.18s ease;
}
.wiki-category-list button b{min-width:24px;text-align:center;color:#777;font-size:10px;border-left:1px solid #302016;padding-left:8px}
.wiki-category-list button:hover,.wiki-category-list button.is-active{border-color:#8b3a10;color:var(--orange2);background:linear-gradient(90deg,rgba(255,105,0,.09),rgba(255,105,0,.015))}
.wiki-category-list button.is-active b{color:var(--orange2)}
.wiki-side-note{margin-top:13px;padding-top:12px;border-top:1px solid #302017}
.wiki-side-note b{display:block;color:#d9d1ca;font-size:11px}
.wiki-side-note span{display:block;color:#777;font-size:10px;margin-top:3px}
.wiki-browser-main{min-width:0}
.wiki-toolbar{padding:14px;margin-bottom:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:center}
.wiki-search input{padding:12px;font-size:13px}
.wiki-toolbar-copy{max-width:265px;border-left:1px solid #312018;padding-left:14px}
.wiki-toolbar-copy b{display:block;font-size:10px;color:var(--orange2);letter-spacing:.9px}
.wiki-toolbar-copy span{display:block;font-size:11px;line-height:1.45;color:#817b76;margin-top:2px}
.wiki-browser-main .wiki-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Wiki Artikel: Sidebar, Kategorie und weitere Artikel */
.article-layout{grid-template-columns:260px minmax(0,1fr);gap:16px}
.article-sidebar{padding:16px}
.article-current{padding-bottom:15px;border-bottom:1px solid #302017}
.article-category-badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  margin:7px 0 3px;
  border:1px solid #7b330e;
  background:#160d08;
  color:var(--orange2);
  font-size:10px;
  font-weight:950;
  letter-spacing:.7px;
  text-transform:uppercase;
}
.article-sidebar h2{font-size:24px;margin-top:8px}
.article-sidebar p{font-size:11.5px;line-height:1.6}
.sidebar-section{padding-top:14px;margin-top:14px;border-top:1px solid #302017}
.sidebar-label{display:block;margin-bottom:8px;color:#777;font-size:8px;font-weight:900;letter-spacing:1.1px}
.article-category-list{display:grid;gap:4px}
.article-category-list a{display:flex;align-items:center;justify-content:space-between;gap:11px;padding:8px 10px;border:1px solid #302017;color:#98918b;font-size:11px;font-weight:800;transition:.18s}
.article-category-list a b{font-size:8px;color:#6f6964}
.article-category-list a:hover,.article-category-list a.is-active{color:var(--orange2);border-color:#71300e;background:#130c08}
.same-category-links{display:grid;gap:5px}
.same-category-links>a{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;padding:8px;border:1px solid #302017;background:#0a0a09;transition:.18s}
.same-category-links>a>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #5e2a0f;color:var(--orange2);font:400 12px Impact}
.same-category-links>a b{display:block;font-size:11px;color:#c9c1ba}
.same-category-links>a small{display:block;font-size:8px;color:#716b66;margin-top:1px}
.same-category-links>a:hover,.same-category-links>a.is-current{border-color:#75310e;background:#120c08}
.same-category-links>a.is-current{pointer-events:none}
.same-category-links>a.is-current b{color:var(--orange2)}
.article-meta{margin-top:14px}

.article-topline{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:0 0 12px;margin-bottom:15px;border-bottom:1px solid #302017;font-size:10px;color:#777}
.article-topline b{color:var(--orange2)}
.article-topline strong{color:#bdb5ae}
.article-topline i{font-style:normal;color:#56301d}

/* Artikel-Text merklich größer */
.wiki-article{padding:22px 24px 26px}
.article-heading h2{font-size:32px}
.article-heading p{font-size:14px;line-height:1.6;color:#b2aaa4}
.wiki-article h3{font-size:21px;margin-top:28px;margin-bottom:11px}
.wiki-article p,.wiki-article .article-list{font-size:14px;line-height:1.72;color:#c4bdb7}
.article-list{padding-left:23px}
.article-list li{margin:10px 0}
.callout,.warning-box{padding:14px 16px;margin:17px 0;font-size:13.5px;line-height:1.65}
.tip-grid>div,.phase-grid>div,.class-card,.timeline-grid>div,.rule-box{padding:14px}
.tip-grid b,.phase-grid b,.class-card b,.timeline-grid b,.rule-box b{font-size:13px}
.tip-grid p,.phase-grid p,.class-card p,.timeline-grid p,.rule-box li{font-size:12px;line-height:1.55}
.strategy-banner b{font-size:13px}.strategy-banner p{font-size:11.5px;line-height:1.5}
.number-rules b{font-size:13px}.number-rules p{font-size:12px;line-height:1.55}
.quality-path span,.path-strip span,.source-chips span,.sub-points span{font-size:11px}
.note-text{font-size:11px!important}
.week-grid b{font-size:18px}.week-grid span{font-size:12px}.week-grid p{font-size:11.5px;line-height:1.5}
.points-table>div{padding:11px 11px}.points-table span,.points-table b{font-size:11.5px}
.priority-list b{font-size:12px}.priority-list span{font-size:11px}
.wiki-table,table{font-size:11.5px}.wiki-table th,.wiki-table td,table th,table td{padding:10px}.wiki-table th,table th{font-size:11px}
.formation-grid b{font-size:11px}.formation-grid small{font-size:10px}

.article-inline-related{margin-top:30px;padding-top:20px;border-top:1px solid #392318}
.article-inline-related-head h3{margin:3px 0 12px;font-size:20px}
.article-inline-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.article-inline-links>a{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #382217;background:#0a0a09;transition:.18s}
.article-inline-links>a>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #6a2d0e;color:var(--orange2);font:400 13px Impact}
.article-inline-links>a b{display:block;font-size:12px;color:#ddd4cd}
.article-inline-links>a small{display:block;font-size:9.5px;line-height:1.4;color:#777;max-width:260px;margin-top:2px}
.article-inline-links>a i{font-style:normal;color:var(--orange2)}
.article-inline-links>a:hover{border-color:#87380f;background:#120c08;transform:translateY(-1px)}

@media(max-width:900px){
  .wiki-browser-layout{grid-template-columns:1fr}
  .wiki-category-panel{position:static}
  .wiki-category-list{grid-template-columns:repeat(3,1fr)}
  .article-layout{grid-template-columns:1fr}
  .article-sidebar{position:static}
  .article-category-list{grid-template-columns:repeat(3,1fr)}
  .same-category-links{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .wiki-category-list,.article-category-list{grid-template-columns:repeat(2,1fr)}
  .wiki-toolbar{grid-template-columns:1fr}
  .wiki-toolbar-copy{max-width:none;border-left:0;border-top:1px solid #312018;padding:11px 0 0}
  .wiki-browser-main .wiki-card-grid{grid-template-columns:1fr}
  .same-category-links,.article-inline-links{grid-template-columns:1fr}
  .wiki-article{padding:17px 15px 20px}
  .wiki-article p,.wiki-article .article-list{font-size:13.5px}
  .article-heading p{font-size:13px}
  .auth-wrap .form-panel{gap:16px;padding:19px 16px}
}

/* V22 · Markdown/Parsdown Wiki */
.markdown-body{font-size:14px;line-height:1.72;color:#c4bdb7;min-width:0}
.markdown-body> :first-child{margin-top:0}
.markdown-body h2{font:400 24px Impact,Arial Black,sans-serif;color:var(--orange);letter-spacing:.6px;margin:28px 0 11px;padding-bottom:7px;border-bottom:1px solid #352015}
.markdown-body h3{font:400 20px Impact,Arial Black,sans-serif;color:var(--orange2);letter-spacing:.5px;margin:25px 0 10px}
.markdown-body h4{font-size:14px;color:#eee;margin:20px 0 7px}
.markdown-body p{font-size:14px;line-height:1.72;color:#c4bdb7;margin:11px 0}
.markdown-body ul,.markdown-body ol{font-size:14px;line-height:1.65;color:#c4bdb7;padding-left:24px;margin:11px 0 16px}
.markdown-body li{margin:6px 0}
.markdown-body strong{color:#eee}
.markdown-body em{color:#aaa}
.markdown-body a{color:var(--orange2);text-decoration:underline;text-decoration-color:#6d3112;text-underline-offset:3px}
.markdown-body blockquote{margin:16px 0;padding:13px 15px;border-left:3px solid var(--orange);background:#120d09;color:#c9c1ba}
.markdown-body blockquote p{margin:0;color:#c9c1ba}
.markdown-body hr{border:0;border-top:1px solid #352015;margin:24px 0}
.markdown-body code{padding:2px 5px;border:1px solid #382216;background:#080808;color:#f0a15b;font-size:.9em}
.markdown-body pre{overflow:auto;padding:13px;border:1px solid #382216;background:#080808}
.markdown-body pre code{padding:0;border:0;background:transparent}
.markdown-body{min-width:0}.markdown-body .md-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0 20px}.markdown-body table{display:table;width:100%;min-width:720px;table-layout:auto;border-collapse:collapse;margin:0;font-size:12px;color:#c6beb7}.markdown-body table th:first-child,.markdown-body table td:first-child{width:82px;white-space:nowrap}.markdown-body table th,.markdown-body table td{vertical-align:top}
.markdown-body th,.markdown-body td{border:1px solid #3b2417;padding:10px 11px;text-align:left;vertical-align:top}
.markdown-body th{background:#17100c;color:var(--orange2);font-size:11px;letter-spacing:.4px}
.markdown-body tr:nth-child(even) td{background:rgba(255,105,0,.018)}
.markdown-body table strong{color:var(--orange2)}
@media(max-width:540px){.markdown-body,.markdown-body p,.markdown-body ul,.markdown-body ol{font-size:13.5px}.markdown-body h2{font-size:22px}.markdown-body h3{font-size:19px}}


/* V24 · Globaler Parsdown-Tabellenfix + größere Wiki-Suche */
.markdown-body .md-table-scroll{
  display:block;
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  margin:16px 0 22px;
  border:1px solid #2d1c13;
  background:#090909;
}
.markdown-body .md-table-scroll table,
.markdown-body table{
  display:table !important;
  width:100% !important;
  min-width:720px;
  border-collapse:collapse;
  border-spacing:0;
  table-layout:auto;
  margin:0;
  font-size:12.5px;
  color:#c8c0b9;
}
.markdown-body table thead{display:table-header-group !important}
.markdown-body table tbody{display:table-row-group !important}
.markdown-body table tfoot{display:table-footer-group !important}
.markdown-body table tr{display:table-row !important}
.markdown-body table th,
.markdown-body table td{
  display:table-cell !important;
  box-sizing:border-box;
  border:1px solid #3b2417;
  padding:11px 11px;
  text-align:left;
  vertical-align:top;
  white-space:normal;
}
.markdown-body table th{
  background:#17100c;
  color:var(--orange2);
  font-size:11px;
  letter-spacing:.35px;
  font-weight:900;
}
.markdown-body table td{background:#0b0b0b}
.markdown-body table tr:nth-child(even) td{background:#0d0c0b}
.markdown-body table th:first-child,
.markdown-body table td:first-child{
  width:88px;
  min-width:88px;
  white-space:nowrap;
}
.markdown-body table strong{color:var(--orange2)}

.wiki-search{min-height:48px}
.wiki-search .wiki-search-icon{
  width:52px;
  height:46px;
  flex:0 0 52px;
  display:grid;
  place-items:center;
  color:var(--orange2);
  border-right:1px solid #2d1c13;
}
.wiki-search .wiki-search-icon svg{
  width:25px;
  height:25px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 5px rgba(255,105,0,.14));
}
.wiki-search input{min-height:46px;font-size:14px;padding:12px 14px}
.wiki-search:focus-within{border-color:#7c350f;box-shadow:0 0 0 2px rgba(255,105,0,.045)}
.wiki-search:focus-within .wiki-search-icon{color:var(--orange3)}

@media(max-width:540px){
  .markdown-body .md-table-scroll table,
  .markdown-body table{min-width:650px;font-size:12px}
  .markdown-body table th,.markdown-body table td{padding:10px}
  .wiki-search .wiki-search-icon{width:48px;flex-basis:48px}
  .wiki-search .wiki-search-icon svg{width:23px;height:23px}
}

/* =========================================================
   V25 · Startseite zurück auf den V17-Look
   ========================================================= */
.home-v17{background:#080807}
.home-v17-hero{height:465px;position:relative;overflow:hidden;border-bottom:1px solid #6a2a0d;background:#090705}
.home-v17-hero .hero-bg{position:absolute;inset:0;background:var(--asset-hero) center 48%/cover no-repeat;transform:scale(1.018);filter:saturate(1.03) contrast(1.03)}
.home-v17-hero .hero-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.02) 42%,rgba(0,0,0,.5)),linear-gradient(90deg,rgba(0,0,0,.24),transparent 18%,transparent 82%,rgba(0,0,0,.24));box-shadow:inset 0 0 64px rgba(0,0,0,.38)}
.home-v17-logo{position:absolute;left:50%;top:50%;width:min(820px,78%);transform:translate(-50%,-50%);z-index:3}
.home-v17-logo img{display:block;width:100%;filter:drop-shadow(0 20px 25px rgba(0,0,0,.95))}
.home-scroll{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:5px;color:#eee}
.home-scroll span{width:18px;height:31px;border:2px solid var(--orange2);border-radius:11px;position:relative;box-shadow:0 0 11px rgba(255,105,0,.14)}
.home-scroll span:after{content:"";position:absolute;width:3px;height:7px;border-radius:3px;background:var(--orange2);left:50%;top:5px;transform:translateX(-50%);animation:homeMouse 1.8s infinite}
.home-scroll small{font-size:10px;font-weight:900;letter-spacing:.55px;text-shadow:0 1px 2px #000}
@keyframes homeMouse{0%,100%{opacity:1;transform:translate(-50%,0)}60%{opacity:.2;transform:translate(-50%,8px)}}

/* schmutzige / metallische Panel-Textur wie in der Referenz */
.home-box-texture{position:relative;isolation:isolate;border:1px solid transparent;background:
  radial-gradient(circle at 14% 0%,rgba(255,111,0,.065),transparent 26%),
  radial-gradient(circle at 86% 100%,rgba(255,94,0,.035),transparent 24%),
  repeating-linear-gradient(135deg,rgba(255,255,255,.010) 0 1px,transparent 1px 6px),
  linear-gradient(145deg,#12100e 0%,#0b0a09 42%,#080807 100%) padding-box,
  linear-gradient(110deg,#3a1a0b 0%,#b64b11 23%,#4c210d 56%,#81320f 100%) border-box;
  box-shadow:inset 0 0 26px rgba(255,90,0,.025),0 0 14px rgba(255,90,0,.035)}
.home-box-texture:before{content:"";position:absolute;inset:1px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 26%,rgba(0,0,0,.10));border:1px solid rgba(255,123,24,.055)}
.home-box-texture:after{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,156,65,.45),transparent);box-shadow:0 0 8px rgba(255,110,0,.18)}

.home-v17-intro{display:grid;grid-template-columns:1fr 1.06fr;gap:16px;padding:20px 18px 8px}
.home-v17-feature{min-height:265px;overflow:hidden}
.home-v17-feature-bg{position:absolute;inset:0;background:var(--asset-hero) center 48%/cover no-repeat;filter:saturate(.82) contrast(1.04) brightness(.72);transform:scale(1.02)}
.home-v17-feature-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.08) 36%,rgba(0,0,0,.78) 78%,rgba(0,0,0,.95)),linear-gradient(90deg,rgba(0,0,0,.2),transparent 50%,rgba(0,0,0,.14))}
.home-v17-feature-copy{position:absolute;left:17px;right:17px;bottom:15px;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.home-v17-feature-copy h2,.home-v17-welcome h2,.home-v17-heading h2,.home-v17-panel-title h2,.home-v17-portal-copy h2,.home-v17-recruit-copy h2{font-family:Impact,Arial Black,sans-serif;font-weight:500;letter-spacing:.65px;color:var(--orange);margin:0}
.home-v17-feature-copy h2{font-size:22px;color:#f0ece8;margin-top:3px}
.home-v17-feature-copy p{font-size:10.5px;color:#bdb5af;margin:4px 0 0;max-width:330px}
.home-game-btn{
 --btn-cut:14px;
 position:relative;
 isolation:isolate;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:148px;
 min-height:44px;
 padding:11px 24px 11px;
 overflow:hidden;
 border:0;
 clip-path:polygon(var(--btn-cut) 0,calc(100% - var(--btn-cut)) 0,100% var(--btn-cut),100% calc(100% - var(--btn-cut)),calc(100% - var(--btn-cut)) 100%,var(--btn-cut) 100%,0 calc(100% - var(--btn-cut)),0 var(--btn-cut));
 background:linear-gradient(90deg,#61270b 0%,#c55918 18%,#ff9d36 34%,#7a320f 50%,#ff9d36 66%,#c55918 82%,#61270b 100%);
 color:#f3a047;
 font-size:10px;
 font-weight:950;
 letter-spacing:1.05px;
 line-height:1;
 text-transform:uppercase;
 text-shadow:0 1px 0 #000;
 filter:drop-shadow(0 4px 6px rgba(0,0,0,.42)) drop-shadow(0 0 5px rgba(255,105,0,.10));
 transition:color .18s ease,filter .18s ease,background .18s ease;
}
.home-game-btn:before{
 content:"";
 position:absolute;
 inset:2px;
 z-index:0;
 clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);
 background:
   linear-gradient(180deg,rgba(255,225,190,.07) 0%,rgba(255,255,255,0) 18%,rgba(0,0,0,.12) 60%,rgba(0,0,0,.28) 100%),
   radial-gradient(circle at 18% 18%,rgba(255,130,20,.10),transparent 25%),
   repeating-linear-gradient(120deg,rgba(255,255,255,.020) 0 1px,transparent 1px 7px),
   linear-gradient(180deg,#221811 0%,#110c09 48%,#080706 100%);
 box-shadow:inset 0 0 0 1px rgba(255,133,28,.12),inset 0 1px 0 rgba(255,228,196,.07),inset 0 -1px 0 rgba(0,0,0,.74),inset 0 0 16px rgba(255,105,0,.035);
 pointer-events:none;
}
.home-game-btn .home-game-btn-label{position:relative;z-index:1}
.home-game-btn:hover{
 color:#ffd09d;
 filter:drop-shadow(0 4px 6px rgba(0,0,0,.42)) drop-shadow(0 0 7px rgba(255,105,0,.16));
 background:linear-gradient(90deg,#6d2d0d 0%,#d9671d 18%,#ffb14a 34%,#8a3c14 50%,#ffb14a 66%,#d9671d 82%,#6d2d0d 100%);
}
.home-game-btn:hover:before{
 background:
   linear-gradient(180deg,rgba(255,232,202,.09) 0%,rgba(255,255,255,0) 18%,rgba(0,0,0,.10) 60%,rgba(0,0,0,.25) 100%),
   radial-gradient(circle at 18% 18%,rgba(255,130,20,.14),transparent 27%),
   repeating-linear-gradient(120deg,rgba(255,255,255,.024) 0 1px,transparent 1px 7px),
   linear-gradient(180deg,#291c13 0%,#140e0a 48%,#090706 100%);
}
.home-game-btn:active{filter:drop-shadow(0 2px 4px rgba(0,0,0,.46)) drop-shadow(0 0 5px rgba(255,105,0,.12))}
.home-game-btn:focus-visible{outline:2px solid var(--orange2);outline-offset:3px}
.home-v17-welcome{padding:17px 18px}
.home-v17-welcome h2{font-size:24px;margin:3px 0 7px}
.home-v17-welcome p{font-size:11px;line-height:1.55;color:#c5bdb7;margin:7px 0}
.home-values{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border:1px solid #352015;background:rgba(0,0,0,.17)}
.home-values>div{min-height:83px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #302017}.home-values>div:last-child{border-right:0}
.home-value-icon{font-size:27px;color:var(--orange);line-height:1;text-shadow:0 0 12px rgba(255,105,0,.16)}
.home-values b{font-size:10px;margin-top:6px}.home-values small{font-size:7px;color:#716b66;margin-top:2px}

.home-v17-stats{margin:11px 18px 12px;padding:11px 11px 11px}
.home-v17-heading h2{font-size:17px;margin-bottom:8px}
.home-v17-statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.home-v17-stat{min-height:72px;display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid #3a2014;background:linear-gradient(180deg,rgba(15,15,14,.92),rgba(8,8,7,.96));box-shadow:inset 0 0 12px rgba(255,105,0,.02)}
.stat-symbol{width:38px;flex:0 0 38px;text-align:center;font-size:31px;color:var(--orange);line-height:1;text-shadow:0 0 11px rgba(255,105,0,.16)}
.home-v17-stat strong{display:block;color:var(--orange);font:400 23px Impact,Arial Black,sans-serif;line-height:1.05}.home-v17-stat small{font-size:8px;color:#aaa29c;font-weight:800}

.home-v17-content{display:grid;grid-template-columns:1.58fr .84fr;gap:13px;padding:0 18px 13px}
.home-v17-panel{padding:11px 11px 8px;min-width:0}
.home-v17-panel-title{display:flex;align-items:end;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid #2f1c12}
.home-v17-panel-title h2{font-size:17px}.home-v17-panel-title a{font-size:8px;color:var(--orange2);font-weight:900}
.home-v17-newsrow{display:grid;grid-template-columns:145px 1fr;gap:11px;padding:10px 0;border-bottom:1px solid #241812;min-height:91px}.home-v17-newsrow:last-child{border-bottom:0}
.home-v17-thumb{height:72px;border:1px solid #482616;background-size:cover;background-position:center;position:relative;overflow:hidden}.home-v17-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.68),transparent 70%)}
.home-v17-thumb.thumb-hero{background-image:var(--asset-hero)}.home-v17-thumb.thumb-recruit{background-image:var(--asset-recruit)}.home-v17-thumb span{position:absolute;right:6px;bottom:3px;z-index:2;font:400 18px Impact;color:var(--orange);opacity:.62}
.home-v17-meta{display:flex;gap:10px;align-items:center;font-size:7.5px;color:#777}.home-v17-meta span{padding:2px 5px;background:#52220d;color:var(--orange2);font-weight:900}
.home-v17-newsrow h3,.home-v17-eventrow h3{font-size:11px;color:var(--orange);margin:4px 0 2px}.home-v17-newsrow p,.home-v17-eventrow p{font-size:10px;line-height:1.42;color:#9d9690;margin:0}
.home-v17-eventrow{display:grid;grid-template-columns:44px 1fr;gap:11px;align-items:center;min-height:58px;padding:7px 0;border-bottom:1px solid #241812}.home-v17-eventrow:last-child{border-bottom:0}
.home-v17-eventrow time{width:42px;height:42px;border:1px solid #5a290f;background:#0b0908;display:grid;place-items:center;align-content:center;color:var(--orange2);line-height:1}.home-v17-eventrow time b{font:400 17px Impact}.home-v17-eventrow time span{font-size:7px;color:#777}.home-v17-eventrow small{font-size:7px;color:#6f6964}.home-v17-empty{padding:18px 5px;color:#777;font-size:11px}

.home-v17-portal{margin:0 18px 13px;padding:15px 17px;display:grid;grid-template-columns:1.25fr 1fr;gap:18px;align-items:center}
.home-v17-portal-copy h2{font-size:20px;margin:2px 0 3px}.home-v17-portal-copy p{font-size:11px;color:#918a84;margin:0}
.home-v17-portal-cells{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #372116}.home-v17-portal-cells a{min-height:58px;padding:10px 7px;text-align:center;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #302017;background:rgba(0,0,0,.15);transition:.18s}.home-v17-portal-cells a:last-child{border-right:0}.home-v17-portal-cells a:hover{background:rgba(255,105,0,.045)}.home-v17-portal-cells small{font-size:7px;color:#716b66}.home-v17-portal-cells b{font-size:10px;color:var(--orange2);margin-top:2px}

/* V17: Bewerbungsbanner als VOLLER Streifen, keine separate Card */
.home-v17-recruit{position:relative;min-height:152px;width:100%;margin:0;overflow:hidden;border-top:1px solid #6a2b0d;border-bottom:1px solid #6a2b0d;background:#120905}
.home-v17-recruit:before{content:"";position:absolute;left:5%;right:5%;top:0;height:1px;z-index:3;background:linear-gradient(90deg,transparent,rgba(255,156,65,.62),transparent);box-shadow:0 0 11px rgba(255,105,0,.2)}
.home-v17-recruit-bg{position:absolute;inset:0;background:var(--asset-recruit) center center/cover no-repeat;filter:saturate(1.06) contrast(1.03)}
.home-v17-recruit-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.08) 45%,rgba(0,0,0,.30)),linear-gradient(90deg,rgba(0,0,0,.25),transparent 28%,transparent 72%,rgba(0,0,0,.30))}
.home-v17-recruit-copy{position:relative;z-index:2;min-height:151px;padding:18px 18px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-shadow:0 2px 6px #000}
.home-v17-recruit-copy h2{font-size:26px}.home-v17-recruit-copy p{font-size:11px;color:#ddd;margin:4px 0 11px}.home-game-btn-wide{min-width:168px}

@media(max-width:900px){
 .home-v17-intro,.home-v17-content,.home-v17-portal{grid-template-columns:1fr}
 .home-v17-portal-cells{max-width:520px;width:100%}
 .home-v17-statgrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .home-v17-hero{height:390px}.home-v17-logo{width:94%;top:49%}
 .home-v17-intro,.home-v17-content{padding-left:11px;padding-right:11px}.home-v17-stats,.home-v17-portal{margin-left:11px;margin-right:11px}
 .home-v17-feature-copy{align-items:flex-start;flex-direction:column}.home-game-btn{align-self:flex-start}
 .home-values{grid-template-columns:repeat(2,1fr)}.home-values>div:nth-child(2){border-right:0}.home-values>div:nth-child(-n+2){border-bottom:1px solid #302017}
 .home-v17-newsrow{grid-template-columns:110px 1fr}.home-v17-thumb{height:67px}
 .home-v17-recruit-copy h2{font-size:22px}
}
@media(max-width:520px){
 .home-v17-hero{height:345px}.home-scroll{bottom:11px}.home-v17-statgrid{grid-template-columns:1fr}.home-v17-portal-cells{grid-template-columns:1fr}.home-v17-portal-cells a{border-right:0;border-bottom:1px solid #302017}.home-v17-portal-cells a:last-child{border-bottom:0}
 .home-v17-newsrow{grid-template-columns:92px 1fr}.home-v17-newsrow p{font-size:8.5px}
}

/* =========================================================
   V44 · CLEAN CENTER NAV / SQUARE EMBLEM ASSET
   ========================================================= */
@media(min-width:761px){
  .main-nav{
    height:72px;
    min-height:72px;
    padding:0 18px;
    overflow:visible;
    position:relative;
  }

  .nav-links{
    display:grid;
    grid-template-columns:minmax(0,1fr) 152px minmax(0,1fr);
    width:100%;
    height:100%;
    align-items:stretch;
    position:relative;
    z-index:2;
  }

  .nav-logo-gap{
    display:block;
    grid-column:2;
    width:152px;
    pointer-events:none;
  }

  .nav-side{
    display:flex;
    align-items:stretch;
    height:100%;
    min-width:0;
    gap:0;
  }

  .nav-side-left{
    grid-column:1;
    justify-content:flex-end;
    padding-right:0;
  }

  .nav-side-right{
    grid-column:3;
    justify-content:flex-start;
    padding-left:0;
  }

  .nav-side>a{
    height:100%;
    min-width:116px;
    padding:0 22px;
  }

  /* Die beiden Links direkt neben dem Logo sind geometrisch identisch. */
  .nav-side-left>a:last-child,
  .nav-side-right>a:first-child{
    flex:0 0 150px;
    width:150px;
    min-width:150px;
    padding:0 18px;
  }

  .brand-mark{
    position:absolute;
    left:50%;
    top:50%;
    width:136px;
    height:136px;
    transform:translate(-50%,-50%);
    display:grid;
    place-items:center;
    overflow:visible;
    z-index:8;
    isolation:isolate;
  }

  /* Nur die 1px Nav-Linien werden hinter dem Logo verdeckt – kein Schattenblock. */
  .brand-mark:before,
  .brand-mark:after{
    content:"";
    position:absolute;
    left:50%;
    width:122px;
    height:4px;
    transform:translateX(-50%);
    pointer-events:none;
    z-index:1;
    box-shadow:none;
  }

  .brand-mark:before{
    top:30px;
    background:linear-gradient(90deg,transparent 0%,#0b0b0b 12%,#0b0b0b 88%,transparent 100%);
  }

  .brand-mark:after{
    bottom:30px;
    background:linear-gradient(90deg,transparent 0%,#070707 12%,#070707 88%,transparent 100%);
  }

  .brand-mark img{
    position:relative;
    z-index:2;
    display:block;
    width:120px;
    height:120px;
    max-width:none;
    object-fit:contain;
    object-position:center;
    transform:none;
    filter:drop-shadow(0 0 5px rgba(255,105,0,.20));
  }

  .brand-mark:hover img{
    transform:none;
    filter:drop-shadow(0 0 8px rgba(255,124,28,.34));
  }
}

@media(min-width:761px) and (max-width:900px){
  .nav-links{grid-template-columns:minmax(0,1fr) 142px minmax(0,1fr)}
  .nav-logo-gap{width:142px}
  .brand-mark{width:128px;height:128px}
  .brand-mark img{width:112px;height:112px}
  .brand-mark:before,.brand-mark:after{width:116px}
  .brand-mark:before{top:28px}
  .brand-mark:after{bottom:28px}
  .nav-side>a{min-width:104px;padding:0 12px;font-size:11px}
  .nav-side-left>a:last-child,.nav-side-right>a:first-child{flex-basis:136px;width:136px;min-width:136px;padding:0 12px}
}

@media(max-width:760px){
  .main-nav{height:64px;min-height:64px;overflow:visible}
  .brand-mark{
    left:50%;
    top:50%;
    width:104px;
    height:104px;
    transform:translate(-50%,-50%);
    display:grid;
    place-items:center;
    overflow:visible;
    z-index:8;
  }
  .brand-mark img{
    width:90px;
    height:90px;
    object-fit:contain;
    object-position:center;
    transform:none;
  }
  .brand-mark:before,.brand-mark:after{
    width:92px;
    height:4px;
    left:50%;
    transform:translateX(-50%);
  }
  .brand-mark:before{top:18px;background:linear-gradient(90deg,transparent,#0b0b0b 14%,#0b0b0b 86%,transparent)}
  .brand-mark:after{bottom:18px;background:linear-gradient(90deg,transparent,#070707 14%,#070707 86%,transparent)}
  .nav-logo-gap{display:none}
  .nav-side-left>a:last-child,.nav-side-right>a:first-child{width:100%;min-width:0;flex:0 0 auto;padding:0 11px}
}

/* =========================================================
   V51 · LOGO BORDER MASK / SHADOW STAYS INSIDE NAV
   ========================================================= */
/* Kein Shadow darf unterhalb der Navigation in den Hero laufen. */
.main-nav{box-shadow:none;margin-bottom:0}
.brand-mark img{filter:drop-shadow(0 0 5px rgba(255,105,0,.20))}
.brand-mark:hover img{filter:drop-shadow(0 0 8px rgba(255,124,28,.34))}

@media(min-width:901px){
  /* 136px Logo-Slot auf 72px Nav => Nav-Kante liegt exakt 32px vom Slot-Rand. */
  .brand-mark:before{
    top:32px;
    bottom:auto;
    width:122px;
    height:1px;
    background:linear-gradient(90deg,transparent 0%,#0b0b0b 12%,#0b0b0b 88%,transparent 100%);
    box-shadow:none;
  }
  .brand-mark:after{
    top:auto;
    bottom:32px;
    width:122px;
    height:10px;
    background:linear-gradient(180deg,
      rgba(7,7,7,0) 0%,
      rgba(7,7,7,.22) 45%,
      rgba(7,7,7,.62) 78%,
      #070707 100%);
    box-shadow:none;
  }
}

@media(min-width:761px) and (max-width:900px){
  /* 128px Logo-Slot auf 72px Nav => exakt 28px Versatz. */
  .brand-mark:before{
    top:28px;
    bottom:auto;
    height:1px;
    width:116px;
    background:linear-gradient(90deg,transparent 0%,#0b0b0b 12%,#0b0b0b 88%,transparent 100%);
    box-shadow:none;
  }
  .brand-mark:after{
    top:auto;
    bottom:28px;
    height:10px;
    width:116px;
    background:linear-gradient(180deg,
      rgba(7,7,7,0) 0%,
      rgba(7,7,7,.22) 45%,
      rgba(7,7,7,.62) 78%,
      #070707 100%);
    box-shadow:none;
  }
}

@media(max-width:760px){
  /* 104px Logo-Slot auf 64px Nav => exakt 20px Versatz. */
  .brand-mark:before{
    top:20px;
    bottom:auto;
    height:1px;
    width:92px;
    background:linear-gradient(90deg,transparent 0%,#0b0b0b 14%,#0b0b0b 86%,transparent 100%);
    box-shadow:none;
  }
  .brand-mark:after{
    top:auto;
    bottom:20px;
    height:8px;
    width:92px;
    background:linear-gradient(180deg,
      rgba(7,7,7,0) 0%,
      rgba(7,7,7,.22) 45%,
      rgba(7,7,7,.62) 78%,
      #070707 100%);
    box-shadow:none;
  }
}

/* V52 — consistent page heroes for Wiki / Gift Codes / Alliance */
.codes-subhero,
.alliance-subhero{height:225px}
.codes-subhero .subhero-bg,
.alliance-subhero .subhero-bg{background-image:var(--asset-hero)}
.codes-subhero .subhero-bg{background-position:center 44%}
.alliance-subhero .subhero-bg{background-position:center 39%}
.subhero-actions{position:absolute;z-index:3;right:28px;bottom:24px;display:flex;align-items:center;justify-content:flex-end;gap:11px}
.subhero-actions .access-card{background:rgba(8,8,8,.84);backdrop-filter:blur(2px);box-shadow:0 8px 22px rgba(0,0,0,.32)}
.subhero-actions .btn{white-space:nowrap}
@media(max-width:760px){
 .codes-subhero,.alliance-subhero{height:190px}
 .subhero-actions{right:14px;bottom:16px;align-items:flex-end;flex-direction:column;gap:7px}
 .subhero-actions .access-card{min-width:92px;padding:7px 10px}
 .subhero-actions .access-card strong{font-size:17px}
 .codes-subhero .subhero-copy,.alliance-subhero .subhero-copy{max-width:calc(100% - 122px)}
}
@media(max-width:520px){
 .subhero-actions{display:none}
 .codes-subhero .subhero-copy,.alliance-subhero .subhero-copy{max-width:none}
}

/* V53 — one exact page-hero height + stable UI font metrics */
:root{--loveboat-subhero-height:225px}
.subhero,
.codes-subhero,
.alliance-subhero,
.article-subhero{
  height:var(--loveboat-subhero-height)!important;
  min-height:var(--loveboat-subhero-height)!important;
  max-height:var(--loveboat-subhero-height)!important;
}
.subhero>.subhero-bg,
.codes-subhero>.subhero-bg,
.alliance-subhero>.subhero-bg,
.article-subhero>.subhero-bg{height:100%;min-height:100%;max-height:100%}
@media(max-width:760px){
  :root{--loveboat-subhero-height:190px}
}

/* V54 — exact shared hero crop: Wiki + Gift Codes = Alliance reference */
:root{--loveboat-subhero-bg-x:50%;--loveboat-subhero-bg-y:39%}
.subhero>.subhero-bg,
.article-subhero>.subhero-bg,
.codes-subhero>.subhero-bg,
.alliance-subhero>.subhero-bg{
  background-image:var(--asset-hero)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:var(--loveboat-subhero-bg-x) var(--loveboat-subhero-bg-y)!important;
}

/* =========================================================
   V55 · BOTTOM LOGO BORDER MASK EXACTLY LIKE TOP
   ========================================================= */
/*
 * Die untere Maskierung war bisher 8–10px hoch und hatte einen
 * vertikalen Schwarzverlauf. Das erzeugte den harten Schatten
 * oberhalb des Hero. Unten wird nun exakt dieselbe 1px-Maske
 * wie oben verwendet – nur an der unteren Nav-Border.
 */
@media(min-width:901px){
  .brand-mark:after{
    top:auto;
    bottom:32px;
    width:122px;
    height:1px;
    background:linear-gradient(90deg,transparent 0%,#070707 12%,#070707 88%,transparent 100%);
    box-shadow:none;
  }
}

@media(min-width:761px) and (max-width:900px){
  .brand-mark:after{
    top:auto;
    bottom:28px;
    width:116px;
    height:1px;
    background:linear-gradient(90deg,transparent 0%,#070707 12%,#070707 88%,transparent 100%);
    box-shadow:none;
  }
}

@media(max-width:760px){
  .brand-mark:after{
    top:auto;
    bottom:20px;
    width:92px;
    height:1px;
    background:linear-gradient(90deg,transparent 0%,#070707 14%,#070707 86%,transparent 100%);
    box-shadow:none;
  }
}

/* V56 · interne und wiederkehrende Events */
.event-meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:4px}
.event-meta-line>small{margin-right:2px}
.event-flag{display:inline-flex;align-items:center;min-height:18px;padding:2px 6px;border:1px solid #4a2a18;background:#0a0908;color:#a9a19a;font-size:7px;font-weight:900;letter-spacing:.55px;line-height:1}
.event-flag.public{color:#d49a64;border-color:#593019}
.event-flag.internal{color:#ff8d2d;border-color:#8d3b10;background:rgba(255,105,0,.055);box-shadow:inset 0 0 11px rgba(255,105,0,.025)}
.event-flag.recurring{color:#d7c7b8;border-color:#4f4136}
.event-management-row>div>small:last-child{display:block;margin-top:5px;color:#69625d}
.form-grid label>.form-hint{margin-top:-1px;line-height:1.35;color:#6f6862}

/* V57 · Verwaltung konsequent über Modals */
.modal-open{overflow:hidden}
.modal-dialog-wide{width:min(700px,94vw)}
.modal-form{margin:0}
.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid #2e1c12}
.modal-note{margin:0;padding:10px 11px;border-left:2px solid #6c2d0e;background:rgba(255,105,0,.025);color:#7f7770;font-size:8px;line-height:1.45}
.modal-form input:disabled,.modal-form select:disabled{opacity:.38;cursor:not-allowed}
.admin-layout-single{grid-template-columns:1fr}
.panel-head-actions{align-items:center}
.panel-actions{display:flex;align-items:center;gap:10px}
.panel-actions>span{font-size:8px;color:var(--orange2)}
.management-actions{display:flex;align-items:center;gap:7px;align-self:center}
.management-actions form,.row-actions form{margin:0}
.event-meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:5px}
.event-flag.active{color:#ffd29a;border-color:#e86b18;background:rgba(255,105,0,.12);box-shadow:0 0 12px rgba(255,105,0,.14),inset 0 0 11px rgba(255,105,0,.08)}
.event-management-row.is-active-event{border-left:2px solid var(--orange);padding-left:11px;background:linear-gradient(90deg,rgba(255,105,0,.035),transparent 40%)}
.home-v17-eventrow.is-active-event{position:relative;background:linear-gradient(90deg,rgba(255,105,0,.055),transparent 64%)}
.home-v17-eventrow.is-active-event:before{content:"";position:absolute;left:-1px;top:7px;bottom:7px;width:2px;background:var(--orange);box-shadow:0 0 8px rgba(255,105,0,.28)}
.event-live-badge{display:inline-flex;margin-bottom:2px;padding:2px 5px;border:1px solid #9a3f10;background:rgba(255,105,0,.1);color:#ff9b43;font-size:6.5px;font-weight:950;letter-spacing:.7px;line-height:1}
.gift-admin-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:11px;padding-top:8px;border-top:1px solid #261913}
.gift-admin-actions .gift-delete-form{position:static;right:auto;top:auto;margin:0}

@media(max-width:760px){
 .panel-head-actions{align-items:flex-start;gap:11px}
 .panel-actions{align-items:flex-end;flex-direction:column}
 .management-row{grid-template-columns:1fr}
 .management-actions{justify-content:flex-end}
 .modal-dialog-wide{width:min(94vw,620px)}
 .modal-actions{flex-direction:column-reverse}
 .modal-actions .btn{width:100%}
}

/* =========================================================
   V58 · GLOBAL READABILITY PASS
   Kleine 6–11px UI-Texte werden gezielt auf lesbare Größen
   angehoben, ohne die visuelle Hierarchie aufzugeben.
   ========================================================= */
body{font-size:14px}

/* Header / Navigation / globale Aktionen */
.game-line{font-size:13px}
.header-action{font-size:11.5px;padding:8px 13px}
.user-chip{font-size:11.5px}
.nav-side>a{font-size:12px;letter-spacing:.5px}
.nav-toggle{font-size:12px}
.btn{font-size:12px;min-height:40px}
.btn-small{font-size:11px;min-height:34px}

/* Wiederkehrende UI-Metadaten */
.eyebrow{font-size:10.5px}
.card-meta,.breadcrumb{font-size:11px}
.role-badge,.status-pill{font-size:11px}
.form-hint,.auth-wrap .form-panel .form-hint{font-size:10.5px;line-height:1.5}
.empty-line{font-size:11px}

/* Formulare / Modals / Verwaltung */
label,.auth-wrap .form-panel label{font-size:12.5px;gap:7px}
input,textarea,select,.auth-wrap .form-panel input{font-size:14px;line-height:1.4}
.panel-head h2{font-size:21px}
.panel-head small{font-size:11px}
.panel-head>span,.panel-actions>span{font-size:11px}
.management-row strong{font-size:13.5px;line-height:1.35}
.management-row p{font-size:12px;line-height:1.55}
.management-row small{font-size:11px;line-height:1.45}
.modal-head h2{font-size:24px}
.modal-note{font-size:11.5px;line-height:1.55}
.modal-dialog{font-size:13px}
.copy-toast{font-size:11px}
.event-flag{min-height:22px;padding:3px 7px;font-size:10px;line-height:1.1}
.event-live-badge{padding:3px 6px;font-size:10px;line-height:1.1}

/* Dashboard / interne Karten */
.page-head p,.auth-intro p{font-size:13px;line-height:1.55}
.access-card span{font-size:9.5px}
.quicklink-card span{font-size:11px}
.quicklink-card strong{font-size:14px}
.quicklink-card small{font-size:11px;line-height:1.4}
.announcement-card h3,.event-card h3{font-size:17px}
.announcement-card p,.event-card p,.muted-card{font-size:13.5px;line-height:1.65}

/* Wiki Übersicht / Sidebar */
.wiki-card small{font-size:10.5px}
.wiki-card p{font-size:13.5px;line-height:1.65}
.wiki-card b{font-size:10.5px}
.wiki-side-head p{font-size:12.5px}
.wiki-category-list button{font-size:12px}
.wiki-category-list button b{font-size:11px}
.wiki-side-note b{font-size:11.5px}
.wiki-side-note span{font-size:10.5px;line-height:1.45}
.wiki-toolbar-copy b{font-size:10.5px}
.wiki-toolbar-copy span{font-size:11.5px;line-height:1.5}
.wiki-search input{font-size:14px}

/* Wiki Artikel */
.article-sidebar p{font-size:13px;line-height:1.65}
.sidebar-label{font-size:11px}
.article-category-list a{font-size:11.5px}
.article-category-list a b{font-size:11px}
.same-category-links>a b{font-size:11.5px}
.same-category-links>a small{font-size:11px;line-height:1.4}
.article-topline{font-size:10.5px}
.article-heading p{font-size:15px;line-height:1.65}
.wiki-article p,.wiki-article .article-list{font-size:15.5px;line-height:1.75}
.callout,.warning-box{font-size:14.5px;line-height:1.7}
.tip-grid b,.phase-grid b,.class-card b,.timeline-grid b,.rule-box b{font-size:14px}
.tip-grid p,.phase-grid p,.class-card p,.timeline-grid p,.rule-box li{font-size:13px;line-height:1.6}
.strategy-banner b,.number-rules b{font-size:14px}
.strategy-banner p,.number-rules p{font-size:13px;line-height:1.6}
.quality-path span,.path-strip span,.source-chips span,.sub-points span{font-size:11.5px}
.note-text{font-size:12.5px!important}
.week-grid span{font-size:13px}.week-grid p{font-size:13px;line-height:1.55}
.points-table span,.points-table b{font-size:13px}
.priority-list b{font-size:13px}.priority-list span{font-size:12.5px}
.wiki-table,table{font-size:13px}
.wiki-table th,table th{font-size:12px}
table small{font-size:11px;line-height:1.35}
.formation-grid b{font-size:12.5px}.formation-grid small{font-size:10.5px}
.article-inline-links>a b{font-size:13px}
.article-inline-links>a small{font-size:11px;line-height:1.45}
.markdown-body,.markdown-body p,.markdown-body ul,.markdown-body ol{font-size:15.5px;line-height:1.75}
.markdown-body h4{font-size:16px}
.markdown-body table{font-size:13px}
.markdown-body th{font-size:12px}

/* Geschenkcodes / Guides */
.gift-card-top span{font-size:11px}
.gift-card-top i{font-size:9.5px}
.gift-card p{font-size:11.5px;line-height:1.55}
.gift-card-foot{font-size:11px}
.redeem-topbar strong{font-size:13px}
.redeem-topbar p{font-size:11.5px;line-height:1.5}
.redeem-guide summary small{font-size:9.5px}
.redeem-guide summary strong{font-size:13px}
.guide-intro p{font-size:11.5px;line-height:1.5}
.guide-callout{font-size:11.5px;line-height:1.55}
.guide-step-copy small{font-size:9.5px}
.guide-step-copy h3{font-size:14px}
.guide-step-copy p{font-size:11.5px;line-height:1.55}
.guide-link{font-size:10.5px}
.guide-screenshot figcaption{font-size:9.5px;line-height:1.4}
.guide-finish p{font-size:11.5px}
.codes-note{font-size:11px}

/* Allianz-Seite */
.alliance-info-panel>p{font-size:13.5px}
.alliance-value-list b{font-size:11.5px}
.alliance-value-list span{font-size:11.5px;line-height:1.55}
.alliance-info-links small{font-size:9.5px}
.alliance-info-links b{font-size:12px}

/* Startseite V17: besonders kleine Infotexte anheben */
.home-scroll small{font-size:10.5px}
.home-v17-feature-copy p{font-size:12px;line-height:1.5}
.home-game-btn{font-size:10.5px}
.home-v17-welcome p{font-size:13px;line-height:1.6}
.home-values b{font-size:11px}
.home-values small{font-size:10px}
.home-v17-heading h2,.home-v17-panel-title h2{font-size:19px}
.home-v17-stat small{font-size:11px}
.home-v17-panel-title a{font-size:11px}
.home-v17-meta{font-size:9.5px}
.home-v17-newsrow h3,.home-v17-eventrow h3{font-size:13px}
.home-v17-newsrow p,.home-v17-eventrow p{font-size:11.5px;line-height:1.55}
.home-v17-eventrow time span,.home-v17-eventrow small{font-size:10px}
.home-v17-empty{font-size:11.5px}
.home-v17-portal-copy p{font-size:12px;line-height:1.5}
.home-v17-portal-cells small{font-size:10px}
.home-v17-portal-cells b{font-size:11px}
.home-v17-recruit-copy p{font-size:12px}

/* Footer bewusst kleiner, aber noch lesbar */
.site-footer strong{font-size:11.5px}
.site-footer p,.site-footer small,.footer-links a{font-size:11px;line-height:1.45}

@media(max-width:760px){
  body{font-size:14px}
  .game-line{font-size:11px}
  .nav-side>a{font-size:12px;height:44px}
  .header-action{font-size:11px}
  .subhero p{font-size:13.5px}
  .wiki-article p,.wiki-article .article-list,
  .markdown-body,.markdown-body p,.markdown-body ul,.markdown-body ol{font-size:15px;line-height:1.72}
  .markdown-body table{font-size:12.5px}
  .announcement-card p,.event-card p,.muted-card{font-size:13px}
  .management-row strong{font-size:13px}
  .management-row p{font-size:12px}
  .management-row small{font-size:11px}
  .modal-dialog{font-size:13px;padding:17px 15px}
  .modal-note{font-size:11px}
  .home-v17-newsrow p{font-size:11px}
  .site-footer p,.site-footer small,.footer-links a{font-size:9.5px}
}

/* =========================================================
   V61 · Interner Allianz-Chat
   Lesen/Schreiben: R4/R5/Admin · Moderation: nur R5/Admin
   ========================================================= */
.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}
.alliance-chat-wrap{padding:16px 18px 0}
.alliance-chat-panel{padding:15px;overflow:hidden}
.chat-panel-head{margin-bottom:0}
.chat-connection{display:inline-flex!important;align-items:center;gap:6px;font-size:11px!important;font-weight:900;letter-spacing:.8px;color:#79c985!important}
.chat-connection:before{content:"";width:7px;height:7px;border-radius:50%;background:#67bb72;box-shadow:0 0 10px rgba(103,187,114,.4)}
.chat-connection[data-state="error"]{color:#d89778!important}
.chat-connection[data-state="error"]:before{background:#b95d3d;box-shadow:none}
.chat-feed{height:390px;overflow-y:auto;overscroll-behavior:contain;padding:7px 3px 7px 0;scrollbar-width:thin;scrollbar-color:#683014 #0b0908}
.chat-empty{display:grid;place-items:center;min-height:100%;padding:30px;text-align:center;color:#81766e;font-size:12px;line-height:1.55}
.chat-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:12px 9px;border-bottom:1px solid #2a1a12;background:linear-gradient(90deg,rgba(255,105,0,.018),transparent 36%)}
.chat-message:last-child{border-bottom:0}
.chat-message.is-mine{background:linear-gradient(90deg,rgba(255,105,0,.055),rgba(255,105,0,.01) 48%,transparent)}
.chat-avatar{width:36px;height:36px;display:grid;place-items:center;border:1px solid #633017;background:linear-gradient(180deg,#1a100b,#0a0908);color:#f0a14b;font:400 17px Impact,"Arial Black",Arial,sans-serif;box-shadow:inset 0 0 12px rgba(255,105,0,.05)}
.chat-message-main{min-width:0}
.chat-message-meta{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:4px}
.chat-message-meta>strong{font-size:12px;color:#e9e2db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-message-meta time{font-size:11px;color:#746d67;white-space:nowrap}
.chat-role{display:inline-flex;align-items:center;min-height:18px;padding:2px 5px;border:1px solid #4b2b1b;background:#0b0908;color:#b7a69a;font-size:10px;font-weight:950;line-height:1;letter-spacing:.5px}
.chat-role.role-r5,.chat-role.role-admin{border-color:#7a3816;color:#f0a14b}
.chat-message-main>p{margin:0;color:#c8c1ba;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-mod-action{margin-left:auto;padding:2px 0;border:0;background:transparent;color:#786d66;font-size:10px;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:.45px}
.chat-mod-action:hover{color:#e48262}
.chat-composer{padding-top:12px;border-top:1px solid #3a2115}
.chat-composer textarea{display:block;min-height:64px;max-height:180px;resize:vertical;font-size:13px;line-height:1.5;padding:11px 12px;background:#080706}
.chat-composer-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}
.chat-composer-foot small{color:#776f68;font-size:11px;line-height:1.45}
.chat-composer-foot small strong{color:#a89e96}
.chat-composer-foot .btn{min-width:116px}
.chat-error{margin:8px 0 0;padding:8px 10px;border-left:2px solid #a7492e;background:rgba(167,73,46,.07);color:#e6a38e;font-size:11px}
.chat-clear-btn{white-space:nowrap}
[data-chat-delete-form] textarea[readonly]{color:#a9a19a;background:#090807;resize:none}

@media(max-width:760px){
  .alliance-chat-wrap{padding:12px 11px 0}
  .alliance-chat-panel{padding:12px}
  .chat-panel-head{align-items:flex-start;gap:10px}
  .chat-panel-head .panel-actions{align-items:flex-end;gap:7px}
  .chat-feed{height:340px;padding-right:0}
  .chat-message{grid-template-columns:32px minmax(0,1fr);gap:8px;padding:11px 4px}
  .chat-avatar{width:30px;height:30px;font-size:15px}
  .chat-message-meta{gap:5px;flex-wrap:wrap}
  .chat-message-meta>strong{font-size:12px;max-width:150px}
  .chat-message-meta time{font-size:10px}
  .chat-role{font-size:10px}
  .chat-mod-action{margin-left:auto;font-size:10px}
  .chat-message-main>p{font-size:13px;line-height:1.58}
  .chat-composer textarea{font-size:13px;min-height:72px}
  .chat-composer-foot{align-items:stretch;flex-direction:column}
  .chat-composer-foot .btn{width:100%}
}

/* =========================================================
   V62 · Chat-Datumsgruppen + Verlauf beginnt oben
   ========================================================= */
.chat-date-separator{position:relative;display:flex;align-items:center;justify-content:center;min-height:34px;margin:3px 0 1px;clear:both;color:#a39890;font-size:11px;font-weight:900;line-height:1;letter-spacing:.8px;text-transform:uppercase}
.chat-date-separator:before,.chat-date-separator:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#3f2618)}
.chat-date-separator:after{background:linear-gradient(90deg,#3f2618,transparent)}
.chat-date-separator span{display:inline-flex;align-items:center;justify-content:center;min-height:22px;margin:0 10px;padding:4px 9px;border:1px solid #49301f;background:#0b0908;color:#aa9e95;box-shadow:inset 0 0 12px rgba(255,105,0,.025)}
.chat-feed{scroll-behavior:smooth}

@media(max-width:760px){
  .chat-date-separator{min-height:31px;font-size:10px;letter-spacing:.65px}
  .chat-date-separator span{margin:0 7px;padding:4px 7px}
}

/* =========================================================
   V63 · Chat Empty-State darf Nachrichten nicht verdrängen
   ========================================================= */
/*
 * .chat-empty besitzt absichtlich display:grid, damit der Leerzustand
 * zentriert ist. Diese Author-Regel hat jedoch das native [hidden]
 * überschrieben. Dadurch blieb der 100%-hohe Leerzustand auch bei
 * vorhandenen Nachrichten sichtbar und schob HEUTE/GESTERN + Verlauf
 * an das untere Ende des Chatfensters.
 */
.chat-empty[hidden]{
  display:none!important;
}

/* Datumsgruppe und erste Nachricht beginnen bei vorhandenem Verlauf oben. */
.chat-feed > .chat-date-separator:first-of-type{
  margin-top:0;
}

/* V64 · compact logged-in account menu */
.top-actions{
  position:relative;
  gap:8px;
}
.top-intern-link{
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  color:#ffb15d;
  background:linear-gradient(180deg,#120b07,#0b0908);
  border-color:#633014;
}
.account-menu{
  position:relative;
  z-index:70;
}
.account-menu>summary{
  list-style:none;
}
.account-menu>summary::-webkit-details-marker{
  display:none;
}
.account-menu-trigger{
  min-width:166px;
  height:38px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 12px;
  align-items:center;
  gap:9px;
  padding:0 10px 0 7px;
  border:1px solid #51270f;
  background:linear-gradient(180deg,#11100f,#090909);
  cursor:pointer;
  user-select:none;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.account-menu-trigger:hover,
.account-menu[open] .account-menu-trigger{
  border-color:#9a4315;
  background:linear-gradient(180deg,#17110d,#0b0908);
  box-shadow:inset 0 0 16px rgba(255,105,0,.035),0 0 12px rgba(255,105,0,.06);
}
.account-avatar{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid #7a3512;
  background:linear-gradient(145deg,#211006,#0b0908);
  color:#ffad4d;
  font:400 15px/1 Impact,'Arial Black',sans-serif;
  text-transform:uppercase;
  box-shadow:inset 0 0 10px rgba(255,105,0,.055);
}
.account-menu-copy{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:7px;
  white-space:nowrap;
}
.account-menu-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  color:#e7e0da;
  font-size:12px;
  line-height:1;
}
.account-menu-copy small{
  flex:none;
  color:#ff9b35;
  font-size:11px;
  font-weight:900;
  letter-spacing:.55px;
}
.account-chevron{
  width:7px;
  height:7px;
  border-right:1px solid #a96736;
  border-bottom:1px solid #a96736;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .16s ease;
}
.account-menu[open] .account-chevron{
  transform:rotate(225deg) translate(-1px,-1px);
}
.account-menu-dropdown{
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  width:292px;
  border:1px solid #5a2a10;
  background:linear-gradient(180deg,#10100f,#090909 72%);
  box-shadow:0 18px 35px rgba(0,0,0,.7),inset 0 1px rgba(255,130,38,.05);
  z-index:100;
}
.account-menu-dropdown:before{
  content:"";
  position:absolute;
  top:-1px;
  left:18px;
  right:18px;
  height:1px;
  background:linear-gradient(90deg,transparent,#d85d19,transparent);
  pointer-events:none;
}
.account-menu-head{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:11px;
  align-items:center;
  padding:13px;
  border-bottom:1px solid #2f1c11;
  background:rgba(255,105,0,.018);
}
.account-avatar-large{
  width:36px;
  height:36px;
  font-size:18px;
}
.account-menu-head strong{
  display:block;
  color:#f0e9e2;
  font-size:13px;
  line-height:1.2;
}
.account-menu-head small{
  display:block;
  margin-top:3px;
  color:#a36a43;
  font-size:11px;
  font-weight:800;
  letter-spacing:.65px;
}
.account-menu-links{
  display:grid;
  padding:6px;
}
.account-menu-links a{
  display:block;
  padding:10px 11px;
  border:1px solid transparent;
  text-decoration:none;
  transition:background .14s ease,border-color .14s ease;
}
.account-menu-links a:hover{
  border-color:#3f2415;
  background:#130d09;
}
.account-menu-links span{
  display:block;
  color:#e2d8d0;
  font-size:11px;
  font-weight:950;
  letter-spacing:.65px;
}
.account-menu-links a:hover span{
  color:#ff9f3e;
}
.account-menu-links small{
  display:block;
  margin-top:3px;
  color:#817970;
  font-size:11px;
  line-height:1.35;
}
.account-menu-logout{
  margin:0;
  padding:7px;
  border-top:1px solid #2f1c11;
}
.account-menu-logout button{
  width:100%;
  min-height:34px;
  border:1px solid #4d2513;
  background:#0b0908;
  color:#b9ada4;
  font-size:11px;
  font-weight:950;
  letter-spacing:.8px;
  cursor:pointer;
  transition:border-color .14s ease,color .14s ease,background .14s ease;
}
.account-menu-logout button:hover{
  color:#ff8c72;
  border-color:#763122;
  background:#140b09;
}

@media(max-width:760px){
  .topbar{
    gap:8px;
  }
  .top-actions{
    margin-left:auto;
  }
  .top-intern-link{
    height:34px;
    padding:0 10px;
    font-size:10px;
  }
  .account-menu-trigger{
    min-width:0;
    width:42px;
    height:34px;
    display:flex;
    justify-content:center;
    padding:2px;
  }
  .account-menu-trigger .account-menu-copy,
  .account-menu-trigger .account-chevron{
    display:none;
  }
  .account-menu-dropdown{
    position:fixed;
    top:48px;
    right:10px;
    width:min(292px,calc(100vw - 20px));
  }
}

@media(max-width:520px){
  .game-line .divider,
  .game-line>span:last-child{
    display:none;
  }
}

/* V65 — account password modal */
.account-menu-link{
  width:100%;
  display:block;
  padding:10px 11px;
  border:1px solid transparent;
  background:transparent;
  text-align:left;
  font:inherit;
  cursor:pointer;
  transition:background .14s ease,border-color .14s ease;
}
.account-menu-link:hover{
  border-color:#3f2415;
  background:#130d09;
}
.account-menu-link span{
  display:block;
  color:#e2d8d0;
  font-size:11px;
  font-weight:950;
  letter-spacing:.65px;
}
.account-menu-link:hover span{color:#ff9f3e}
.account-menu-link small{
  display:block;
  margin-top:3px;
  color:#817970;
  font-size:11px;
  line-height:1.35;
}
.account-password-modal{width:min(500px,92vw)}
.account-password-modal .form-hint{font-size:11px;line-height:1.4}

/* V66 — eingeloggten Account-Bereich sauber in die Topbar integrieren */
@media(min-width:761px){
  .topbar{
    height:50px;
    /* V67: rechts derselbe Abstand zum Rahmen wie oben/unten (6px) */
    padding:6px 6px 6px 18px;
  }

  .top-actions{
    gap:0;
    padding:3px;
    border:1px solid #3b1d0d;
    background:linear-gradient(180deg,#0b0a09,#070707);
    box-shadow:inset 0 1px 0 rgba(255,139,45,.025),inset 0 0 12px rgba(255,105,0,.018);
  }

  .top-intern-link{
    height:30px;
    padding:0 14px;
    border:0;
    border-right:1px solid #45210e;
    background:transparent;
    box-shadow:none;
  }
  .top-intern-link:hover{
    border-color:#45210e;
    background:rgba(255,105,0,.045);
    box-shadow:none;
  }

  .account-menu-trigger{
    min-width:164px;
    height:30px;
    grid-template-columns:25px minmax(0,1fr) 10px;
    gap:8px;
    padding:0 8px 0 7px;
    border:0;
    background:transparent;
    box-shadow:none;
  }
  .account-menu-trigger:hover,
  .account-menu[open] .account-menu-trigger{
    border-color:transparent;
    background:rgba(255,105,0,.045);
    box-shadow:none;
  }

  .account-avatar{
    width:24px;
    height:24px;
    font-size:13px;
  }

  .account-menu-dropdown{
    top:calc(100% + 10px);
  }
}

@media(max-width:760px){
  .top-actions{
    gap:0;
    padding:2px;
    border:1px solid #3b1d0d;
    background:linear-gradient(180deg,#0b0a09,#070707);
    box-shadow:inset 0 1px 0 rgba(255,139,45,.025);
  }
  .top-intern-link{
    height:30px;
    border:0;
    border-right:1px solid #45210e;
    background:transparent;
    box-shadow:none;
  }
  .account-menu-trigger{
    width:36px;
    height:30px;
    border:0;
    background:transparent;
    box-shadow:none;
  }
  .account-menu-trigger:hover,
  .account-menu[open] .account-menu-trigger{
    background:rgba(255,105,0,.045);
    box-shadow:none;
  }
  .account-avatar{
    width:24px;
    height:24px;
    font-size:13px;
  }
}

/* =========================================================
   V68 · ADMIN THEME-LABOR
   Layout bleibt in style.css. Die eigentlichen Paletten liegen
   separat in theme-ember.css / theme-gold.css / theme-plague.css.
   ========================================================= */
.account-theme-lab{
  padding:9px 7px 8px;
  border-top:1px solid #2f1c11;
  border-bottom:1px solid #2f1c11;
  background:rgba(255,255,255,.008);
}
.account-theme-lab-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 4px 7px;
}
.account-theme-lab-head>span{
  color:#e5ddd6;
  font-size:11px;
  font-weight:950;
  letter-spacing:.75px;
}
.account-theme-lab-head>small{
  color:#8b7769;
  font-size:10px;
  font-weight:800;
  letter-spacing:.45px;
}
.account-theme-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
}
.account-theme-choice{
  min-width:0;
  min-height:36px;
  display:grid;
  grid-template-columns:24px 1fr;
  align-items:center;
  gap:7px;
  padding:5px 7px;
  border:1px solid #362117;
  background:#0b0a09;
  color:#bfb5ad;
  text-align:left;
  cursor:pointer;
  transition:border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease;
}
.account-theme-choice:hover{
  border-color:#5b321d;
  background:#120e0b;
  color:#eee6df;
}
.account-theme-choice.is-active{
  border-color:#8b431c;
  background:linear-gradient(180deg,#17100c,#0d0b09);
  color:#fff0e2;
  box-shadow:inset 0 0 12px rgba(255,105,0,.035);
}
.account-theme-choice>span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
  font-weight:950;
  letter-spacing:.45px;
}
.theme-swatch{
  width:22px;
  height:22px;
  display:block;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.24);
}
.theme-swatch-default{background:linear-gradient(135deg,#0b0908 0 50%,#ff7a10 50%)}
.theme-swatch-ember{background:linear-gradient(135deg,#29231f 0 50%,#ff8a2b 50%)}
.theme-swatch-gold{background:linear-gradient(135deg,#292925 0 50%,#e9b94f 50%)}
.theme-swatch-plague{background:linear-gradient(135deg,#2a142a 0 48%,#c13a6b 48% 72%,#ff6ea8 72%)}
.account-theme-lab>p{
  margin:7px 4px 0;
  color:#756c65;
  font-size:10px;
  line-height:1.35;
}

/* Theme hook layer. Nur aktiv, wenn der Admin lokal ein Test-Theme setzt. */
html[data-admin-theme] body{
  background:var(--theme-body-bg);
  color:var(--text);
}
html[data-admin-theme] body:before{
  background:
    radial-gradient(circle at 50% -15%,rgba(var(--theme-accent-rgb),.15),transparent 35%),
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.009) 4px);
}
html[data-admin-theme] .ambient-left{background:var(--theme-ambient-left)}
html[data-admin-theme] .ambient-right{background:var(--theme-ambient-right)}
html[data-admin-theme] .page-shell{
  background:var(--theme-shell-bg);
  border-color:var(--theme-shell-border);
  box-shadow:0 0 0 1px var(--theme-black),0 28px 80px rgba(0,0,0,.72),0 0 38px rgba(var(--theme-accent-rgb),.12);
}
html[data-admin-theme] .site-header{background:var(--theme-header-bottom)}
html[data-admin-theme] .topbar{
  background:linear-gradient(180deg,var(--theme-header-top),var(--theme-header-bottom));
}
html[data-admin-theme] .main-nav{
  border-top-color:var(--theme-shell-border);
  border-bottom-color:var(--theme-shell-border);
  background:linear-gradient(180deg,var(--theme-nav-top) 0%,var(--theme-nav-mid) 58%,var(--theme-nav-bottom) 100%);
}
html[data-admin-theme] .brand-mark:before{background:linear-gradient(90deg,transparent 0%,var(--theme-nav-mid) 16%,var(--theme-nav-mid) 84%,transparent 100%)}
html[data-admin-theme] .brand-mark:after{background:linear-gradient(90deg,transparent 0%,var(--theme-nav-bottom) 16%,var(--theme-nav-bottom) 84%,transparent 100%)}
html[data-admin-theme] .nav-side>a{
  border-left-color:rgba(var(--theme-accent-rgb),.13);
  border-right-color:rgba(var(--theme-accent-rgb),.13);
  background:linear-gradient(180deg,var(--theme-nav-button-top),var(--theme-nav-button-bottom));
  color:var(--theme-text-soft);
}
html[data-admin-theme] .nav-side>a:before{background:linear-gradient(180deg,transparent,rgba(var(--theme-accent-rgb),.24),transparent)}
html[data-admin-theme] .nav-side>a:hover,
html[data-admin-theme] .nav-side>a.is-active{
  border-color:rgba(var(--theme-accent-rgb),.34);
  background:linear-gradient(180deg,rgba(var(--theme-accent-rgb),.11),rgba(var(--theme-accent-rgb),.025));
  box-shadow:inset 0 0 18px rgba(var(--theme-accent-rgb),.045),0 0 11px rgba(var(--theme-accent-rgb),.035);
}
html[data-admin-theme] .nav-side-left .nav-near-logo{border-right-color:rgba(var(--theme-accent-rgb),.30)}
html[data-admin-theme] .nav-side-right .nav-near-logo{border-left-color:rgba(var(--theme-accent-rgb),.30)}
html[data-admin-theme] .nav-toggle,
html[data-admin-theme] .header-action,
html[data-admin-theme] .btn,
html[data-admin-theme] .icon-btn{
  background:var(--theme-control-bg);
  border-color:var(--theme-line);
}
html[data-admin-theme] .btn-primary{
  background:linear-gradient(180deg,var(--theme-primary-top),var(--theme-primary-mid) 70%,var(--theme-primary-bottom));
  box-shadow:inset 0 0 15px rgba(var(--theme-accent-rgb),.09),0 0 12px rgba(var(--theme-accent-rgb),.09);
}
html[data-admin-theme] .top-actions{
  border-color:var(--theme-line-soft);
  background:linear-gradient(180deg,var(--theme-control-top),var(--theme-control-bottom));
}
html[data-admin-theme] .top-intern-link{border-right-color:var(--theme-line)}
html[data-admin-theme] .account-menu-trigger:hover,
html[data-admin-theme] .account-menu[open] .account-menu-trigger,
html[data-admin-theme] .top-intern-link:hover{background:rgba(var(--theme-accent-rgb),.065)}
html[data-admin-theme] .account-avatar{
  border-color:var(--theme-line-strong);
  background:linear-gradient(145deg,var(--theme-avatar-top),var(--theme-avatar-bottom));
  color:var(--orange2);
  box-shadow:inset 0 0 10px rgba(var(--theme-accent-rgb),.07);
}
html[data-admin-theme] .account-menu-dropdown{
  border-color:var(--theme-line);
  background:linear-gradient(180deg,var(--theme-dropdown-top),var(--theme-dropdown-bottom) 72%);
}
html[data-admin-theme] .account-menu-dropdown:before{background:linear-gradient(90deg,transparent,var(--orange),transparent)}
html[data-admin-theme] .account-menu-head,
html[data-admin-theme] .account-theme-lab,
html[data-admin-theme] .account-menu-logout{border-color:var(--theme-line-soft)}
html[data-admin-theme] .account-menu-head{background:rgba(var(--theme-accent-rgb),.025)}
html[data-admin-theme] .account-menu-links a:hover,
html[data-admin-theme] .account-menu-link:hover{border-color:var(--theme-line);background:var(--theme-hover-bg)}
html[data-admin-theme] .account-menu-logout button,
html[data-admin-theme] .account-theme-choice{
  border-color:var(--theme-line-soft);
  background:var(--theme-control-bg);
}
html[data-admin-theme] .account-theme-choice:hover{border-color:var(--theme-line);background:var(--theme-hover-bg)}
html[data-admin-theme] .account-theme-choice.is-active{
  border-color:var(--theme-line-strong);
  background:linear-gradient(180deg,var(--theme-primary-top),var(--theme-control-bg));
  box-shadow:inset 0 0 12px rgba(var(--theme-accent-rgb),.06);
}

html[data-admin-theme] .panel,
html[data-admin-theme] .image-panel,
html[data-admin-theme] .wiki-toolbar,
html[data-admin-theme] .article-sidebar,
html[data-admin-theme] .wiki-article{
  background:
    linear-gradient(var(--theme-panel-top),var(--theme-panel-bottom)) padding-box,
    linear-gradient(110deg,var(--theme-border-a),var(--theme-border-b) 28%,var(--theme-border-c) 58%,var(--theme-border-d)) border-box;
  box-shadow:inset 0 0 24px rgba(var(--theme-accent-rgb),.035),0 0 16px rgba(var(--theme-accent-rgb),.05);
}
html[data-admin-theme] .panel:before,
html[data-admin-theme] .image-panel:before,
html[data-admin-theme] .wiki-article:before,
html[data-admin-theme] .article-sidebar:before{
  background:linear-gradient(90deg,transparent,rgba(var(--theme-accent2-rgb),.62),transparent);
}
html[data-admin-theme] .home-v17{background:var(--theme-shell-bg)}
html[data-admin-theme] .home-box-texture{
  background:
    radial-gradient(circle at 14% 0%,rgba(var(--theme-accent-rgb),.085),transparent 26%),
    radial-gradient(circle at 86% 100%,rgba(var(--theme-accent-rgb),.045),transparent 24%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 6px),
    linear-gradient(145deg,var(--theme-texture-top) 0%,var(--theme-texture-mid) 42%,var(--theme-texture-bottom) 100%) padding-box,
    linear-gradient(110deg,var(--theme-border-a) 0%,var(--theme-border-b) 23%,var(--theme-border-c) 56%,var(--theme-border-d) 100%) border-box;
  box-shadow:inset 0 0 26px rgba(var(--theme-accent-rgb),.035),0 0 14px rgba(var(--theme-accent-rgb),.045);
}
html[data-admin-theme] .home-box-texture:before{border-color:rgba(var(--theme-accent-rgb),.075)}
html[data-admin-theme] .home-box-texture:after{
  background:linear-gradient(90deg,transparent,rgba(var(--theme-accent2-rgb),.46),transparent);
  box-shadow:0 0 8px rgba(var(--theme-accent-rgb),.20);
}
html[data-admin-theme] .stat,
html[data-admin-theme] .quicklink-card,
html[data-admin-theme] .access-card,
html[data-admin-theme] .gift-card,
html[data-admin-theme] .redeem-topbar,
html[data-admin-theme] .redeem-guide,
html[data-admin-theme] .formation-grid>div,
html[data-admin-theme] .tip-grid>div,
html[data-admin-theme] .phase-grid>div,
html[data-admin-theme] .class-card,
html[data-admin-theme] .timeline-grid>div,
html[data-admin-theme] .rule-box,
html[data-admin-theme] .week-grid>div,
html[data-admin-theme] .alliance-value-list>div,
html[data-admin-theme] .home-v17-stat{
  background:var(--theme-card-bg);
  border-color:var(--theme-line-soft);
}
html[data-admin-theme] .home-v17-portal-cells,
html[data-admin-theme] .home-v17-portal-cells a{border-color:var(--theme-line-soft)}
html[data-admin-theme] .home-v17-portal-cells a{background:rgba(var(--theme-card-rgb),.22)}
html[data-admin-theme] .home-v17-portal-cells a:hover{background:rgba(var(--theme-accent-rgb),.075)}
html[data-admin-theme] .home-v17-newsrow,
html[data-admin-theme] .home-v17-eventrow,
html[data-admin-theme] .management-row,
html[data-admin-theme] .panel-head{border-color:var(--theme-line-soft)}
html[data-admin-theme] .home-v17-eventrow time{background:var(--theme-control-bg);border-color:var(--theme-line)}
html[data-admin-theme] .home-v17-eventrow.is-active-event{background:linear-gradient(90deg,rgba(var(--theme-accent-rgb),.08),transparent 64%)}

html[data-admin-theme] input,
html[data-admin-theme] textarea,
html[data-admin-theme] select,
html[data-admin-theme] .wiki-search,
html[data-admin-theme] .wiki-search input,
html[data-admin-theme] .chat-composer textarea,
html[data-admin-theme] [data-chat-delete-form] textarea[readonly]{
  background:var(--theme-input-bg);
  border-color:var(--theme-line-soft);
  color:var(--text);
}
html[data-admin-theme] input:focus,
html[data-admin-theme] textarea:focus,
html[data-admin-theme] select:focus{
  border-color:var(--theme-line-strong);
  box-shadow:0 0 0 2px rgba(var(--theme-accent-rgb),.075);
}
html[data-admin-theme] .modal-dialog{
  background:var(--theme-panel-top);
  border-color:var(--theme-line);
}
html[data-admin-theme] .modal-close{background:var(--theme-control-bg);border-color:var(--theme-line)}
html[data-admin-theme] .modal-note,
html[data-admin-theme] .callout,
html[data-admin-theme] .warning-box,
html[data-admin-theme] .guide-callout{background:var(--theme-card-bg)}
html[data-admin-theme] .wiki-card{
  background:linear-gradient(180deg,var(--theme-card-top),var(--theme-card-bottom));
  border-color:var(--theme-line-soft);
}
html[data-admin-theme] .wiki-filters button,
html[data-admin-theme] .wiki-category-list button,
html[data-admin-theme] .article-category-list a,
html[data-admin-theme] .same-category-links>a,
html[data-admin-theme] .article-inline-links>a{
  border-color:var(--theme-line-soft);
}
html[data-admin-theme] .wiki-filters button:hover,
html[data-admin-theme] .wiki-filters button.is-active,
html[data-admin-theme] .wiki-category-list button:hover,
html[data-admin-theme] .wiki-category-list button.is-active,
html[data-admin-theme] .article-category-list a:hover,
html[data-admin-theme] .article-category-list a.is-active,
html[data-admin-theme] .same-category-links>a:hover,
html[data-admin-theme] .same-category-links>a.is-current,
html[data-admin-theme] .article-inline-links>a:hover{
  background:var(--theme-hover-bg);
}
html[data-admin-theme] .markdown-body pre,
html[data-admin-theme] .markdown-body code,
html[data-admin-theme] .markdown-body table td,
html[data-admin-theme] .markdown-body th,
html[data-admin-theme] .wiki-table th,
html[data-admin-theme] table th{
  border-color:var(--theme-line-soft);
}
html[data-admin-theme] .markdown-body pre,
html[data-admin-theme] .markdown-body code{background:var(--theme-code-bg)}
html[data-admin-theme] .markdown-body table td{background:var(--theme-table-bg)}
html[data-admin-theme] .markdown-body table tr:nth-child(even) td{background:var(--theme-table-alt-bg)}
html[data-admin-theme] .markdown-body th,
html[data-admin-theme] .wiki-table th,
html[data-admin-theme] table th{background:var(--theme-table-head-bg)}

html[data-admin-theme] .alliance-chat-panel,
html[data-admin-theme] .chat-feed{background:var(--theme-chat-bg)}
html[data-admin-theme] .chat-message{border-color:var(--theme-line-soft)}
html[data-admin-theme] .chat-message.is-mine{background:linear-gradient(90deg,rgba(var(--theme-accent-rgb),.055),transparent 72%)}
html[data-admin-theme] .chat-avatar{background:var(--theme-avatar-top);border-color:var(--theme-line)}
html[data-admin-theme] .chat-date-separator:before,
html[data-admin-theme] .chat-date-separator:after{background:linear-gradient(90deg,transparent,var(--theme-line),transparent)}
html[data-admin-theme] .chat-date-separator span{background:var(--theme-card-bg);border-color:var(--theme-line)}
html[data-admin-theme] .chat-mod-action{background:var(--theme-control-bg);border-color:var(--theme-line-soft)}
html[data-admin-theme] .site-footer{background:var(--theme-footer-bg);border-top-color:var(--theme-shell-border)}

@media(max-width:760px){
  html[data-admin-theme] .nav-links{
    background:linear-gradient(180deg,var(--theme-nav-top),var(--theme-nav-bottom));
    border-bottom-color:var(--theme-shell-border);
  }
  .account-theme-lab-head{align-items:flex-start;flex-direction:column;gap:2px}
}
