*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#12110e;color:#ead9b5;font:15px Georgia,'Times New Roman',serif}body{background:radial-gradient(circle at 50% 0,#3a3325 0,#171510 55%,#0b0b09 100%)}a{color:inherit}header{height:62px;background:linear-gradient(#171714,#090a09);border-bottom:2px solid #72552a;display:flex;align-items:center;padding:0 18px;box-shadow:0 3px 15px #000;position:relative;z-index:5}header b{font-size:25px;color:#e5bb5c;text-shadow:0 2px 3px #000;white-space:nowrap}header nav{margin-left:auto;display:flex;align-items:stretch;height:100%}header nav a{display:flex;align-items:center;padding:0 12px;text-decoration:none;border-left:1px solid #393329;color:#d9c9a7}header nav a:hover{background:#2a2419;color:#f4c85c}main{max-width:none;margin:0;padding:0 8px 10px}.resource-bar{display:flex;justify-content:center;gap:0;background:#0d0e0c;border-bottom:1px solid #604a28;box-shadow:0 2px 8px #000}.resource{min-width:155px;padding:8px 14px;border-left:1px solid #302b22;text-align:center;font-size:16px}.resource small{display:block;color:#9c8c6b;font-size:11px}.village-title{max-width:700px;margin:8px auto;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#29251d,#121310);border:2px solid #715429;padding:6px 10px;box-shadow:0 2px 6px #000;font-size:18px}.village-title span{color:#a99875}.arrow{background:#161713;color:#d8b763;border:1px solid #604822;padding:5px 11px}.game-columns{display:grid;grid-template-columns:270px minmax(650px,1fr) 315px;gap:7px;max-width:1540px;margin:0 auto}.left-panel,.right-panel{background:#121310;border:1px solid #574526;box-shadow:0 0 8px #000}.player-card{display:flex;gap:12px;padding:15px;border-bottom:1px solid #5d4725;background:linear-gradient(#211d16,#11120f)}.avatar{width:62px;height:72px;display:grid;place-items:center;font-size:39px;color:#d3a63d;border:2px solid #80612c;background:#302718}.player-card b{display:block;font-size:18px;color:#f0d89e;margin-bottom:7px}.player-card small{display:block;margin:4px 0;color:#c1b18e}.side-nav{display:flex;flex-direction:column}.side-nav a{padding:12px 18px;text-decoration:none;border-bottom:1px solid #343029;font-size:16px}.side-nav a:hover,.side-nav .active{background:linear-gradient(90deg,#8b5416,#4e2b0c);color:#ffe19b;border-left:4px solid #e4b347}.notice{margin:12px;border:1px solid #604923;padding:13px;background:#1b1914;line-height:1.5}.notice b{color:#e2b959}.village-stage{min-width:0}.village-scene{position:relative;overflow:hidden;border:2px solid #715429;box-shadow:0 0 10px #000;background:#292b1d;aspect-ratio:14/9}.village-scene>img{width:100%;height:100%;object-fit:cover;display:block}.village-scene:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 50px #0009}.building-pin{position:absolute;z-index:2;transform:translate(-50%,-50%);display:flex;align-items:center;background:#17130dda;border:1px solid #a87a2e;color:#f4ddb0;text-decoration:none;box-shadow:0 2px 5px #000;padding:4px 8px 4px 3px;white-space:nowrap;font-size:13px}.building-pin:hover{background:#8a5518;color:#fff;transform:translate(-50%,-50%) scale(1.08)}.building-pin .lvl{display:grid;place-items:center;min-width:27px;height:27px;margin-right:5px;background:#0d0e0b;border:1px solid #c49237;color:#f6ca63;font-weight:bold;clip-path:polygon(50% 0,100% 20%,92% 78%,50% 100%,8% 78%,0 20%)}.queue{border:1px solid #66502d;background:#141510;margin-top:6px}.queue h3,.dark-box h3{margin:0;padding:8px 12px;background:linear-gradient(#292820,#171815);border-bottom:1px solid #604a29;color:#e9d3a0}.queue-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:5px;padding:7px}.queue-row>div{background:#d6c49d;color:#312719;border:2px solid #6d5128;padding:12px}.queue-row small{display:block}.queue-slot{display:grid;place-items:center;color:#72551e!important}.right-panel{padding-bottom:8px}.dark-box{border-bottom:1px solid #574526}.dark-box>div{display:flex;justify-content:space-between;padding:6px 12px;border-bottom:1px solid #292820}.dark-box p{padding:3px 12px;line-height:1.4}.dark-box b{color:#ead9b5}.text-link{display:block;padding:7px 12px;color:#8fb6d6;text-decoration:none}.muted{color:#9c927d}.card{background:#dfcda7;color:#2d2519;border:3px solid #6e5229;padding:18px;margin:18px auto;box-shadow:0 4px 18px #0008;max-width:1200px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:1200px;margin:18px auto}.res{font-weight:bold}.btn,button{background:#35582f;color:white;border:1px solid #173915;padding:9px 14px;cursor:pointer}input,select{padding:9px;width:100%;margin:5px 0 12px}table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid #9d8354;text-align:left}.map{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.tile{background:#b8a56e;min-height:65px;padding:5px;font-size:12px}.mine{background:#7e9b66}.enemy{background:#a66c5c}footer{text-align:center;padding:18px;color:#776b54;background:#0c0d0b;border-top:1px solid #332b1d}.error{background:#7b302b;color:#fff;padding:10px}.ok{background:#356338;color:#fff;padding:10px}h1,h2{color:#d8b35c;max-width:1200px;margin-left:auto;margin-right:auto}@media(max-width:1200px){.game-columns{grid-template-columns:220px 1fr}.right-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}header nav a{padding:0 7px;font-size:12px}}@media(max-width:820px){header{height:auto;display:block;padding:10px}header nav{flex-wrap:wrap;margin-top:8px}.game-columns{display:block}.left-panel{margin-bottom:7px}.right-panel{display:block}.resource-bar{overflow:auto;justify-content:flex-start}.resource{min-width:125px}.village-scene{aspect-ratio:1/1}.building-pin{font-size:10px}.building-pin .lvl{min-width:22px;height:22px}.queue-row{grid-template-columns:1fr}}
/* ===== Visual V4: grafische Weltkarte ===== */
.map-layout{grid-template-columns:270px minmax(720px,1fr) 315px}
.worldmap-stage{min-width:0;border:1px solid #594421;background:#0c0e0b;box-shadow:0 0 10px #000}
.worldmap-toolbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:linear-gradient(#29251c,#11120f);border-bottom:1px solid #73552a;color:#e7c36f;font-size:20px}
.worldmap-toolbar button{width:42px;height:34px;margin-left:5px;padding:0;background:linear-gradient(#3a2c16,#17130d);border:1px solid #986c2b;color:#e8bd5a;font-size:18px}
.worldmap-toolbar button:hover{filter:brightness(1.2)}
.worldmap-scene{position:relative;overflow:hidden;min-height:700px;aspect-ratio:1.14/1;background:#24351c;border:1px solid #0b0b09;isolation:isolate}
.worldmap-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.04) brightness(.84)}
.worldmap-scene:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 34%,#05070520 70%,#0009 100%);box-shadow:inset 0 0 55px #000}
.map-routes{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.map-routes .route{vector-effect:non-scaling-stroke;stroke-width:3;stroke-linecap:round;stroke-dasharray:2 9;opacity:.9;filter:drop-shadow(0 0 3px #000)}
.map-routes .map-own{stroke:#e4b329}.map-routes .map-ally{stroke:#5ca52b}.map-routes .map-enemy{stroke:#d44528}
.map-village{position:absolute;z-index:4;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-decoration:none;min-width:110px;transition:.15s ease;filter:drop-shadow(0 3px 4px #000)}
.map-village:hover{z-index:8;transform:translate(-50%,-50%) scale(1.12)}
.map-castle{font-size:37px;line-height:1;text-shadow:0 2px 4px #000,0 0 9px currentColor}
.map-village-label{position:relative;margin-top:-2px;min-width:112px;padding:5px 8px;background:#11120ee8;border:1px solid #8c6b34;color:#f0dfb8;text-align:center;box-shadow:0 2px 7px #000;border-radius:2px}
.map-village-label:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;box-shadow:0 0 7px currentColor}
.map-own .map-village-label:before{background:#d9aa1c;color:#d9aa1c}.map-ally .map-village-label:before{background:#4b9b22;color:#4b9b22}.map-enemy .map-village-label:before{background:#b83720;color:#b83720}
.map-own .map-castle{color:#e3b62c}.map-ally .map-castle{color:#6eb83b}.map-enemy .map-castle{color:#c74931}
.map-village-label b{font-size:13px}.map-village-label small,.map-village-label em{display:block;font-size:10px;color:#bcae8c;font-style:normal;margin-top:1px}
.map-own .map-village-label{border-color:#d9aa1c;box-shadow:0 0 0 3px #d9aa1c22,0 2px 7px #000}
.map-compass{position:absolute;right:15px;top:14px;z-index:5;width:45px;height:45px;display:grid;place-items:center;border:1px solid #9d7434;background:#11120ed9;color:#e5bb5d;font-size:27px;border-radius:50%;box-shadow:0 2px 8px #000}
.worldmap-legend{position:absolute;z-index:6;left:50%;bottom:15px;transform:translateX(-50%);display:flex;background:#11120ee8;border:1px solid #72552b;box-shadow:0 3px 10px #000;padding:7px 12px;white-space:nowrap}
.worldmap-legend span{padding:0 13px;border-right:1px solid #4b3a22}.worldmap-legend span:last-child{border:0}
.legend-dot{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:-1px;margin-right:6px;border:1px solid #111}.legend-dot.own{background:#d9aa1c}.legend-dot.ally{background:#4b9b22}.legend-dot.enemy{background:#b83720}
.map-legend-list{display:flex;flex-direction:column;gap:9px;margin-top:10px}
.coord-search>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.coord-search input{margin:8px 0;background:#0d0e0c;color:#e6d4ae;border:1px solid #604a29}.coord-search button{width:100%}
@media(max-width:1200px){.map-layout{grid-template-columns:220px 1fr}.map-layout .right-panel{grid-column:1/-1}.worldmap-scene{min-height:620px}}
@media(max-width:820px){.worldmap-scene{min-height:520px;aspect-ratio:auto}.map-village{min-width:86px}.map-village-label{min-width:88px;padding:3px 5px}.map-castle{font-size:28px}.worldmap-legend span{padding:0 6px;font-size:11px}}
/* Interactive world map pan + zoom */
.worldmap-scene{cursor:grab;touch-action:none;user-select:none}
.worldmap-scene.is-dragging{cursor:grabbing}
.worldmap-canvas{position:absolute;width:180%;height:180%;left:-40%;top:-40%;transform-origin:50% 50%;will-change:transform}
.worldmap-canvas>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.04) brightness(.84);pointer-events:none}
.worldmap-canvas:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 34%,#05070520 70%,#0009 100%);box-shadow:inset 0 0 55px #000}
.worldmap-canvas .map-routes{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.worldmap-canvas .map-village{z-index:4}
.map-pan-help{position:absolute;left:12px;top:12px;z-index:20;background:#0b0c09dc;border:1px solid #80622f;color:#ddc894;padding:7px 10px;border-radius:3px;font-size:12px;pointer-events:none}
.worldmap-controls{position:absolute;right:12px;top:12px;z-index:21;display:flex;gap:5px}
.worldmap-controls button{width:38px;height:38px;border:1px solid #8a6a34;background:#151612e8;color:#e5c777;font-size:21px;cursor:pointer;border-radius:3px}
.worldmap-controls button:hover{background:#2b2618}
.worldmap-scene:focus-visible{outline:2px solid #d5aa42;outline-offset:2px}
/* V6 – große Weltkarte und Besitzerlose Dörfer */
.worldmap-scene-large{min-height:760px;overflow:hidden;background:#10150d;cursor:grab}
.worldmap-scene-large.is-dragging{cursor:grabbing}
.worldmap-canvas-large{width:245%;height:245%;left:-72.5%;top:-72.5%;transform-origin:center center}
.map-village.map-neutral .map-castle{filter:sepia(.75) saturate(.55);font-size:1.6rem}
.map-village.map-neutral .map-village-label{border-color:#9d8b66;background:rgba(30,27,22,.93);color:#e7d6b2}
.map-village.map-neutral .map-village-label em{color:#c5b48e}
.legend-dot.neutral{background:#a99a7b}
.map-village.map-neutral:hover .map-village-label{border-color:#d6b56d;box-shadow:0 0 0 1px rgba(214,181,109,.25)}
@media(max-width:1100px){.worldmap-scene-large{min-height:620px}}
.map-village{pointer-events:auto;cursor:pointer}.map-village *{pointer-events:none}.map-attack-hint{display:block;margin-top:3px;color:#f6d98a;font-size:11px}.map-neutral:hover .map-village-label,.map-neutral:focus .map-village-label{outline:1px solid rgba(246,217,138,.65)}
/* V9 – Mehrwelt & Admin */
.login-card{max-width:620px}.login-card select{background:#171713;color:#ead9b5;border:1px solid #72552a}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.admin-actions form{margin:0}.card label{display:block;font-weight:bold}.card label input,.card label select{font-weight:normal}
/* ===== Visual V10: buildings, recruitment, reports ===== */
.v10-wrap{max-width:1500px;margin:0 auto;padding:18px}.v10-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:13px 18px;background:linear-gradient(180deg,#28241b,#11120f);border:1px solid #72552a}.v10-title h1{margin:0;color:#e5c36d}.v10-title p{margin:4px 0 0;color:#b8aa89}.v10-link,.v10-badge{padding:9px 13px;border:1px solid #8c692f;background:#191811;color:#e5c36d;text-decoration:none}.v10-village{position:relative;aspect-ratio:2.15/1;overflow:hidden;border:3px solid #6c5028;background:#171912;box-shadow:inset 0 0 40px #000,0 4px 16px #0008}.v10-village>img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.72)}.v10-building-pin{position:absolute;transform:translate(-50%,-50%);padding:5px 10px;background:#0c0d0bd9;border:1px solid #c29338;color:#f0d99e;text-decoration:none;box-shadow:0 2px 8px #000;white-space:nowrap}.v10-building-pin:hover{background:#684619;transform:translate(-50%,-50%) scale(1.06)}.v10-building-pin b,.v10-building-pin span{display:block;text-align:center}.v10-building-pin span{font-size:11px;color:#c9b27e}.v10-queue{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:12px 16px;background:#171813;border:1px solid #6e542d;color:#e5d3aa}.v10-building-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:14px}.v10-build-card,.v10-unit,.v10-queue-panel{background:linear-gradient(#dfcca2,#c6ad7d);color:#2b2216;border:3px solid #6c4e27;padding:14px;box-shadow:0 3px 10px #0007}.v10-build-card h2,.v10-unit h2,.v10-queue-panel h2{color:#3a2a15;margin:0}.v10-build-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #967846;padding-bottom:10px}.v10-build-icon{font-size:38px}.v10-cost{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.v10-cost span{background:#2b271f;color:#f0d49a;padding:5px 8px;border:1px solid #6f542c}.v10-effect{min-height:42px}.v10-lock{padding:9px;margin:10px 0;background:#4e2823;color:#ffe0b4;border:1px solid #8e4b3c}.v10-unit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:10px}.v10-unit{text-align:center}.v10-unit.noble{border-color:#6c4b87;background:linear-gradient(#d4c0df,#b59dc4)}.v10-unit-art{height:105px;display:grid;place-items:center;font-size:70px;background:radial-gradient(circle,#6f5a35,#201d16);border:1px solid #6e512a;margin-bottom:10px}.v10-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px}.v10-stats span{padding:4px;background:#2c281f;color:#f0d7a2}.v10-unit input{max-width:100px;text-align:center}.v10-queue-panel{margin-top:14px}.v10-recruit-row{display:grid;grid-template-columns:minmax(150px,1fr) 2fr 100px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #9c8050}.v10-recruit-row small{display:block}.v10-progress{height:15px;background:#2b281f;border:1px solid #6b512b}.v10-progress i{display:block;height:100%;background:linear-gradient(90deg,#416f31,#91a642)}.v10-report-list{display:grid;gap:10px}.v10-report{display:grid;grid-template-columns:75px 1fr;background:#dfcda8;color:#2e2518;border:3px solid #6c5028;box-shadow:0 3px 12px #0006}.v10-report-icon{display:grid;place-items:center;font-size:36px;background:#29251d;border-right:1px solid #6d542f}.v10-report>div:last-child{padding:13px 16px}.v10-report h2{margin:0 0 5px;color:#493518}.v10-report p{margin:4px 0 8px}.v10-report time{color:#786442;font-size:12px}.v10-report.win{border-left-color:#55783d}.v10-report.loss{border-left-color:#8a3e31}.v10-report.conquest{border-left-color:#c19632}.v10-report.spy{border-left-color:#465f78}.v10-report.empty{display:block;padding:18px}.locked{filter:saturate(.45)}
@media(max-width:800px){.v10-village{aspect-ratio:1.25/1}.v10-building-pin{font-size:10px;padding:3px 5px}.v10-queue{grid-template-columns:1fr}.v10-recruit-row{grid-template-columns:1fr}.v10-title{align-items:flex-start;flex-direction:column}}
/* V10.1 klickbare Kampfberichte */
.v10-report-link{display:block;color:inherit;text-decoration:none}.v10-report-link .v10-report{transition:transform .15s ease,border-color .15s ease,background .15s ease}.v10-report-link:hover .v10-report{transform:translateY(-1px);border-color:#c69b47;background:#211c14}.v10-open-report{display:inline-block;margin-top:8px;color:#d6ad59;font-weight:700}.report-hero{min-height:170px;border:1px solid #6f572d;background:linear-gradient(90deg,rgba(10,9,7,.94),rgba(10,9,7,.45)),radial-gradient(circle at 75% 45%,rgba(174,128,48,.35),transparent 35%),#17130e;display:flex;align-items:center;padding:28px;margin-bottom:18px}.report-hero.loss{filter:saturate(.75)}.report-result{display:flex;flex-direction:column;gap:5px}.report-result span{font-size:13px;letter-spacing:.22em;color:#d6ad59;font-weight:800}.report-result strong{font-size:30px;color:#f4e6c1}.report-result small{color:#c7b894}.report-detail-grid,.report-armies{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.v10-card{background:#15120e;border:1px solid #4f4128;padding:18px}.v10-card h2{margin-top:0;color:#e1bb67}.report-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.report-stats div{border-bottom:1px solid #342b1e;padding:8px 0}.report-stats dt{color:#9f927b;font-size:12px}.report-stats dd{margin:3px 0 0;font-weight:700}.resource-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.resource-detail div,.unit-report-grid div{background:#0f0d0a;border:1px solid #332a1d;padding:10px;display:flex;justify-content:space-between;gap:12px}.resource-detail span{color:#988b73}.loot-line{display:flex;flex-wrap:wrap;gap:10px}.loot-line span{background:#241d11;border:1px solid #6d5427;padding:8px 12px}.unit-report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.unit-report-grid b{font-weight:500}.unit-report-grid strong{color:#e3bd6c}.conquest-banner{margin:18px 0;padding:16px;border:1px solid #a77a29;background:#31230f;color:#f0ce83;font-size:18px;font-weight:800;text-align:center}.muted{color:#998c76}@media(max-width:800px){.report-detail-grid,.report-armies{grid-template-columns:1fr}.report-stats{grid-template-columns:1fr}.unit-report-grid{grid-template-columns:1fr}.report-hero{min-height:120px}.report-result strong{font-size:23px}}
/* V13 Support-/Ticketsystem */
.support-hero,.ticket-detail-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 22px;padding:22px 26px;border:1px solid #725426;background:linear-gradient(135deg,rgba(35,26,16,.96),rgba(77,54,27,.92));border-radius:8px}.support-hero h1,.ticket-detail-head h1{margin:.2rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:#d8b86b}.support-stats{text-align:center;min-width:110px}.support-stats b{display:block;font-size:2.1rem;color:#e2c06f}.support-stats small{color:#c9b995}.support-layout{display:grid;grid-template-columns:minmax(280px,38%) minmax(0,62%);gap:20px;align-items:start}.support-new label,.support-filter label,.support-admin-grid label{display:block;margin:.75rem 0}.support-new input,.support-new select,.support-new textarea,.support-filter select,.support-admin-grid select,.ticket-reply textarea{width:100%;box-sizing:border-box}.ticket-list{display:flex;flex-direction:column;gap:8px}.ticket-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid #5e482c;border-radius:6px;background:rgba(25,21,17,.72);text-decoration:none;color:inherit}.ticket-row:hover{border-color:#b98a3d;background:rgba(63,47,29,.78)}.ticket-id{font-weight:700;color:#d9b461}.ticket-main{min-width:0}.ticket-main b,.ticket-main small{display:block}.ticket-main small{margin-top:4px;color:#aa9a7d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-status,.ticket-priority{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;border:1px solid #6d604e}.status-open{background:#3e2c15}.status-in_progress{background:#20364a}.status-waiting_player{background:#4b3c17}.status-closed{background:#2b2b2b;color:#aaa}.priority-urgent{border-color:#a94442;color:#ffb1ac}.priority-high{color:#e7b364}.ticket-count{color:#bcae94}.ticket-thread{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.ticket-message{max-width:82%;padding:14px 16px;border-radius:8px;border:1px solid #665238;background:rgba(25,22,18,.86)}.ticket-message.staff{margin-left:auto;border-color:#9e7737;background:rgba(79,59,29,.7)}.ticket-message header{display:flex;justify-content:space-between;gap:14px;margin-bottom:8px;color:#dec27f}.ticket-message time{font-size:.78rem;color:#a69a85}.ticket-reply textarea{margin-bottom:10px}.support-filter{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.support-filter label{min-width:180px;margin:0}.support-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.support-admin-grid aside{display:flex;flex-direction:column;gap:14px}@media(max-width:850px){.support-layout,.support-admin-grid{grid-template-columns:1fr}.ticket-row{grid-template-columns:60px minmax(0,1fr);}.ticket-status,.ticket-priority,.ticket-count{justify-self:start}.ticket-message{max-width:100%}.support-hero,.ticket-detail-head{align-items:flex-start;flex-direction:column}}
.build-slots{margin-top:7px;border:1px solid #66502d;background:#12130f}
.build-slots h3{margin:0;padding:9px 12px;background:linear-gradient(#2b2920,#171815);border-bottom:1px solid #604a29;color:#e9d3a0}
.build-slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;padding:10px}
.build-slot{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:10px;text-decoration:none;border:1px dashed #84662f;background:linear-gradient(#25231c,#171812);color:#ead7a8}
.build-slot:hover{border-style:solid;background:#332713}
.build-slot.ready{border-color:#a87a2e}
.build-slot.locked{opacity:.72;cursor:default}
.build-slot-icon{font-size:27px;color:#e2b959}
.build-slot small{display:block;color:#aa9b7c;line-height:1.25}
.report-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:999px;background:#b92d2d;color:#fff;font-size:12px;font-weight:900;line-height:1;vertical-align:middle;border:1px solid rgba(255,255,255,.28);box-shadow:0 0 0 1px rgba(0,0,0,.25)}
/* V18.5 report archive/actions/preferences */
.report-toolbar{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;margin:14px 0}.report-toolbar .btn.active{outline:2px solid rgba(226,184,89,.55)}.report-settings{position:relative}.report-settings summary{list-style:none;cursor:pointer}.report-settings summary::-webkit-details-marker{display:none}.report-settings-card{position:absolute;z-index:30;top:48px;left:0;width:min(620px,86vw);padding:18px}.report-pref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.report-pref-grid label{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid rgba(213,173,82,.25);border-radius:8px;background:rgba(0,0,0,.16)}.v10-report{display:flex!important;align-items:stretch;gap:12px}.v10-report-main{display:flex;gap:14px;flex:1;min-width:0;color:inherit;text-decoration:none}.report-actions{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:10px}.btn.small{padding:7px 10px;font-size:.85rem}.btn.danger{border-color:#773a36!important;background:linear-gradient(#6d332d,#3b1b19)!important;color:#ffd8d1!important}.report-detail-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.report-detail-actions form{margin:0}.flash{padding:10px 13px;margin:10px 0;border:1px solid rgba(214,176,86,.35);background:rgba(90,67,25,.25);border-radius:8px}@media(max-width:700px){.report-pref-grid{grid-template-columns:1fr}.report-settings-card{position:static;width:auto;margin-top:8px}.v10-report{flex-direction:column}.report-actions{flex-direction:row;justify-content:flex-end;flex-wrap:wrap}}
/* V18.6 – funktionales linkes Dorfmenü in der Gebäudeübersicht */
.building-page-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;align-items:start;max-width:1500px;margin:18px auto;padding:0 18px}.building-side-panel{position:sticky;top:82px;background:linear-gradient(180deg,#21190f,#120e09);border:1px solid #6f5227;border-radius:10px;padding:12px;box-shadow:0 8px 24px rgba(0,0,0,.28)}.building-side-title{font-weight:900;color:#f2cc75;padding:7px 8px 12px;border-bottom:1px solid rgba(218,174,88,.25);margin-bottom:8px}.building-side-nav{display:flex;flex-direction:column;gap:5px}.building-side-nav a{display:flex;align-items:center;gap:8px;text-decoration:none;padding:10px 11px;border-radius:7px;color:#e8dcc5;background:rgba(255,255,255,.025);border:1px solid transparent}.building-side-nav a:hover,.building-side-nav a:focus{background:rgba(208,162,73,.12);border-color:#705323;color:#ffe09a}.building-side-nav a.active{background:linear-gradient(90deg,#6f4f1e,#3b2912);border-color:#b88a3d;color:#fff0bc}.building-side-nav a.not-built{opacity:.72}.building-side-nav a small{margin-left:auto;font-size:.68rem;color:#b9a47d}.building-side-info{margin-top:12px;padding:10px;border-top:1px solid rgba(218,174,88,.2);display:flex;flex-direction:column;color:#e7d5ae}.building-side-info small{color:#9e8d6c}.building-page-main{min-width:0}.building-page-main .v10-wrap{margin-top:0}
@media(max-width:900px){.building-page-layout{grid-template-columns:1fr}.building-side-panel{position:static}.building-side-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.building-side-nav{grid-template-columns:1fr}.building-page-layout{padding:0 10px}}
/* V18.7 - Eingehende Angriffswarnungen */
.village-title-danger{border-color:#b94032;background:linear-gradient(#4a1f18,#1c100d);box-shadow:0 0 15px #8f211b88}
.incoming-mini-badge{display:inline-block;margin-left:8px;padding:3px 7px;border-radius:12px;background:#9d291f;color:#fff5d9;font-size:12px;font-weight:bold;animation:attackPulse 1.6s infinite}
.incoming-attack-alert{max-width:1540px;margin:7px auto 10px;padding:12px 15px;display:flex;gap:13px;align-items:center;background:linear-gradient(90deg,#5c1e18,#2a100e);border:2px solid #c24b38;box-shadow:0 0 18px #a52d2355;color:#ffe7c4}
.incoming-attack-icon{font-size:34px;animation:attackPulse 1.3s infinite}
.incoming-attack-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.incoming-attack-main strong{font-size:18px;color:#ffd58b}.incoming-attack-main span{color:#f0cbb0}
.incoming-attack-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;background:#8f2b20;border:1px solid #e08a55;color:#fff;text-decoration:none;white-space:nowrap}.incoming-attack-btn:hover{background:#b13a2c}
.attacked-villages-strip{max-width:1540px;margin:0 auto 8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 10px;background:#18120f;border:1px solid #65301f}.attacked-villages-strip>strong{color:#f0a06d;margin-right:4px}.attacked-village-link{display:inline-flex;gap:5px;align-items:center;padding:5px 8px;text-decoration:none;background:#351613;border:1px solid #7d3026;color:#f5d0b4}.attacked-village-link span{display:grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:#a52a20;color:white;font-weight:bold;font-size:11px}.attacked-village-link small{color:#f0b67e}.attacked-village-link.active{outline:2px solid #d78245;background:#5a211a}
@keyframes attackPulse{0%,100%{opacity:1}50%{opacity:.5}}
@media (prefers-reduced-motion:reduce){.incoming-mini-badge,.incoming-attack-icon{animation:none}}
@media(max-width:820px){.incoming-attack-alert{align-items:flex-start;flex-wrap:wrap}.incoming-attack-btn{width:100%}}
/* ===== V19 klassische Gebäudeübersicht ===== */
.classic-build-wrap{max-width:1180px;margin:0 auto}.classic-build-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:15px 18px;background:linear-gradient(#2a2117,#17120d);border:1px solid #74552c;border-radius:4px 4px 0 0}.classic-build-header h1{margin:0;color:#f0cf7d}.classic-build-header p{margin:4px 0 0;color:#bda982}.classic-build-header a{color:#efd080;text-decoration:none;padding:8px 11px;border:1px solid #6c512d;background:#17130e}.classic-alert{margin:10px 0;padding:11px 14px;background:#71342b;color:#fff1d3;border:1px solid #a45a47}.classic-statusbar{display:grid;grid-template-columns:1.4fr 1.5fr repeat(3,1fr);background:#d7c39a;color:#302518;border:1px solid #7a5b31;border-top:0}.classic-statusbar>div{padding:10px 13px;border-right:1px solid #a58b5a;display:flex;flex-direction:column}.classic-statusbar>div:last-child{border-right:0}.classic-statusbar small{font-size:11px;text-transform:uppercase;color:#725f3f}.classic-statusbar b{font-size:18px}.classic-statusbar span{font-size:11px;color:#705c3c}.classic-queue-box{margin:12px 0;background:#e0cca1;color:#302518;border:1px solid #796036}.classic-queue-box h2{margin:0;padding:9px 13px;background:#4b3820;color:#f2d58e;font-size:16px}.classic-queue-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 13px;border-top:1px solid #b29a6c}.classic-queue-row small{display:block;color:#745f3e}.classic-section-title{margin:16px 0 6px;padding:8px 12px;background:#3a2b19;border:1px solid #6d512b;color:#ebca78;font-size:17px}.classic-building-list{display:flex;flex-direction:column;border:1px solid #806339;border-bottom:0}.classic-building-row{display:grid;grid-template-columns:82px minmax(0,1fr) 185px;gap:12px;align-items:center;background:linear-gradient(#e4d2aa,#cbb383);color:#302518;border-bottom:1px solid #81663d;min-height:105px}.classic-building-row:nth-child(even){background:linear-gradient(#ddc99e,#c1a976)}.classic-building-art{height:100%;min-height:104px;display:grid;place-items:center;font-size:44px;background:radial-gradient(circle,#6d5a38,#2a241b);border-right:1px solid #6d5634}.classic-building-main{padding:10px 0}.classic-building-name{display:flex;align-items:baseline;gap:10px}.classic-building-name h3{margin:0;color:#513b1d;font-size:18px}.classic-building-name span{font-weight:700;color:#7d653f}.classic-building-main p{margin:5px 0 8px}.classic-cost-line{display:flex;gap:6px;flex-wrap:wrap}.classic-cost-line span{padding:4px 7px;background:#2b251b;color:#f0d49b;border:1px solid #725733;font-size:12px}.classic-building-action{height:100%;padding:11px;border-left:1px solid #9b8054;display:flex;flex-direction:column;justify-content:center;gap:7px;text-align:center}.classic-building-action small{color:#745d3d}.classic-building-action form{margin:0}.classic-building-action button{width:100%;padding:10px 7px;background:linear-gradient(#6f8d3d,#3f632b);border:1px solid #273f1b;color:#fff5d4;font-weight:bold;cursor:pointer}.classic-building-action button:hover:not(:disabled){filter:brightness(1.12)}.classic-building-action button:disabled{background:#7d7667;color:#d4cbb7;border-color:#5d574c;cursor:not-allowed}.classic-max{color:#5f4928}.classic-locked{color:#893b31}.classic-requirements{display:inline-block;padding:6px 8px;background:#6b332d;color:#ffe2bd;border:1px solid #934b3e}.locked-row{filter:none;opacity:.78}.classic-empty{margin:0;padding:15px;background:#d8c49b;color:#554329;border-bottom:1px solid #806339}.new-buildings .classic-building-row{background:linear-gradient(#d5c5a7,#b8a27d)}
@media(max-width:850px){.classic-statusbar{grid-template-columns:repeat(2,1fr)}.classic-building-row{grid-template-columns:64px minmax(0,1fr)}.classic-building-art{font-size:34px}.classic-building-action{grid-column:1/-1;border-left:0;border-top:1px solid #9b8054;height:auto}.classic-build-header{flex-direction:column}}
/* V19.2 – Bauwarteschlange als rechte Seitenleiste */
.classic-build-content-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
}
.classic-build-main-column{min-width:0}
.classic-build-queue-sidebar{
position:sticky;
top:18px;
border:1px solid rgba(180,142,75,.36);
background:linear-gradient(180deg,rgba(40,31,22,.96),rgba(24,19,15,.98));
border-radius:10px;
overflow:hidden;
box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.classic-build-queue-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:14px 14px 12px;
border-bottom:1px solid rgba(180,142,75,.25);
}
.classic-build-queue-head h2{margin:0;font-size:1.05rem}
.classic-build-queue-head small{display:block;opacity:.65;margin-top:2px}
.classic-queue-counter{
padding:5px 9px;
border-radius:999px;
background:rgba(180,142,75,.13);
border:1px solid rgba(180,142,75,.32);
font-weight:700;
white-space:nowrap;
}
.classic-build-queue-list{padding:9px}
.classic-build-queue-item{
display:grid;
grid-template-columns:40px minmax(0,1fr);
gap:9px;
align-items:center;
padding:9px;
border:1px solid rgba(255,255,255,.06);
border-radius:8px;
background:rgba(255,255,255,.025);
}
.classic-build-queue-item + .classic-build-queue-item{margin-top:8px}
.classic-build-queue-icon{
width:40px;height:40px;border-radius:7px;
display:grid;place-items:center;
font-size:1.35rem;
background:rgba(180,142,75,.09);
border:1px solid rgba(180,142,75,.18);
}
.classic-build-queue-copy{min-width:0}
.classic-build-queue-copy b,
.classic-build-queue-copy small,
.classic-build-queue-copy strong{display:block}
.classic-build-queue-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.classic-build-queue-copy small{opacity:.67;margin:2px 0 4px}
.classic-build-queue-copy strong{font-variant-numeric:tabular-nums}
.classic-build-queue-empty{
padding:28px 18px;
text-align:center;
opacity:.78;
}
.classic-build-queue-empty span{
display:grid;place-items:center;
width:42px;height:42px;margin:0 auto 8px;
border-radius:50%;
border:1px solid rgba(180,142,75,.28);
background:rgba(180,142,75,.08);
font-size:1.25rem;
}
.classic-build-queue-empty b,
.classic-build-queue-empty small{display:block}
.classic-build-queue-slots{
padding:12px 14px 14px;
border-top:1px solid rgba(180,142,75,.2);
}
.classic-build-queue-slots b,
.classic-build-queue-slots span,
.classic-build-queue-slots small{display:block}
.classic-build-queue-slots span{margin-top:3px}
.classic-build-queue-slots small{margin-top:5px;opacity:.65;line-height:1.35}
@media (max-width:1100px){
.classic-build-content-grid{grid-template-columns:1fr}
.classic-build-queue-sidebar{position:static;order:2}
}
/* V19.3 – einheitlich ausgerichtete Gebäudeübersicht */
.classic-building-layout{
align-items:start !important;
}
.building-page-main{
min-width:0;
}
.classic-build-wrap{
margin:0 !important;
padding:0 !important;
}
.v193-build-layout{
display:grid;
grid-template-columns:minmax(0,1fr) 310px;
gap:16px;
align-items:start;
margin-top:14px;
}
.v193-build-main{
min-width:0;
}
.v193-build-layout .classic-build-queue-sidebar{
position:sticky;
top:12px;
align-self:start;
margin:0 !important;
width:auto !important;
max-width:none !important;
}
.classic-section-title{
margin:0 0 6px !important;
padding:10px 12px !important;
min-height:0 !important;
}
.classic-building-list{
margin:0 0 14px !important;
padding:0 !important;
border:1px solid rgba(180,142,75,.30);
border-radius:0 0 8px 8px;
overflow:hidden;
}
.classic-building-row{
display:grid !important;
grid-template-columns:72px minmax(0,1fr) 176px !important;
gap:0 !important;
align-items:stretch !important;
min-height:92px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-bottom:1px solid rgba(111,84,44,.28) !important;
border-radius:0 !important;
}
.classic-building-row:last-child{
border-bottom:0 !important;
}
.classic-building-art{
min-height:92px !important;
width:auto !important;
height:auto !important;
display:grid !important;
place-items:center !important;
border-right:1px solid rgba(111,84,44,.24);
border-radius:0 !important;
font-size:2rem !important;
}
.classic-building-main{
padding:12px 14px !important;
min-width:0;
}
.classic-building-name{
display:flex !important;
align-items:baseline !important;
gap:8px !important;
flex-wrap:wrap;
}
.classic-building-name h3{
margin:0 !important;
font-size:1.05rem !important;
}
.classic-building-name span{
white-space:nowrap;
}
.classic-building-main p{
margin:4px 0 8px !important;
}
.classic-cost-line{
display:flex !important;
flex-wrap:wrap;
gap:6px 16px !important;
margin-top:5px !important;
}
.classic-building-action{
display:flex !important;
flex-direction:column;
justify-content:center;
align-items:stretch;
gap:6px;
padding:12px !important;
border-left:1px solid rgba(111,84,44,.24);
text-align:center;
}
.classic-building-action form{
margin:0 !important;
}
.classic-building-action button{
width:100%;
}
.classic-max{
display:flex !important;
min-height:58px;
align-items:center;
justify-content:center;
}
.classic-statusbar{
margin-bottom:0 !important;
}
.classic-build-header{
margin-bottom:0 !important;
}
.v193-build-layout .classic-build-queue-head{
padding:12px 13px;
}
.v193-build-layout .classic-build-queue-list{
max-height:620px;
overflow:auto;
}
.v193-build-layout .classic-build-queue-item{
min-height:72px;
}
.v193-build-layout .classic-build-queue-slots{
margin-top:0;
}
/* alte V19.2-Grid-Regeln neutralisieren */
.classic-build-content-grid{
display:block !important;
margin:0 !important;
}
.classic-build-main-column{
display:block !important;
}
@media (max-width:1180px){
.v193-build-layout{
grid-template-columns:minmax(0,1fr) 280px;
gap:12px;
}
.classic-building-row{
grid-template-columns:64px minmax(0,1fr) 158px !important;
}
}
@media (max-width:980px){
.v193-build-layout{
grid-template-columns:1fr;
}
.v193-build-layout .classic-build-queue-sidebar{
position:static;
order:2;
}
}
@media (max-width:700px){
.classic-building-row{
grid-template-columns:56px minmax(0,1fr) !important;
}
.classic-building-action{
grid-column:1 / -1;
border-left:0;
border-top:1px solid rgba(111,84,44,.24);
}
}
/* V19.4 – sauber neu aufgebaute Gebäudeübersicht */
.v194-build-grid{
display:grid !important;
grid-template-columns:minmax(0,1fr) 320px !important;
gap:16px !important;
align-items:start !important;
margin-top:14px !important;
}
.v194-build-center{min-width:0 !important}
.v194-queue{
position:sticky !important;
top:12px !important;
margin:0 !important;
width:auto !important;
max-width:none !important;
align-self:start !important;
}
.classic-build-wrap > .classic-statusbar{margin-bottom:0 !important}
.v194-build-center > .classic-section-title:first-child{margin-top:0 !important}
.v194-build-center .classic-building-list{margin-bottom:14px !important}
@media (max-width:1080px){
.v194-build-grid{grid-template-columns:1fr !important}
.v194-queue{position:static !important}
}
/* V19.5 – Bau abbrechen & Gebäude abreißen */
.queue-cancel-form{margin-top:7px}
.queue-cancel-btn,
.demolish-btn{
width:100%;
border:1px solid rgba(176,74,57,.55);
background:rgba(110,39,29,.24);
color:#e7c8bb;
border-radius:5px;
padding:7px 9px;
cursor:pointer;
}
.queue-cancel-btn:hover,
.demolish-btn:hover{background:rgba(130,45,32,.38)}
.queue-cancel-btn:disabled,
.demolish-btn:disabled{opacity:.38;cursor:not-allowed}
.demolish-form{margin-top:6px!important}
.classic-info-box{
display:flex;
gap:10px;
align-items:flex-start;
padding:10px 12px;
margin:0 0 10px;
border:1px solid rgba(180,142,75,.28);
background:rgba(180,142,75,.06);
border-radius:7px;
}
.classic-info-box b{white-space:nowrap}
.classic-info-box span{opacity:.78;line-height:1.35}
/* V19.7 battle losses */
.unit-report-grid .loss-count{display:block;color:#d58b78;margin-top:4px;font-weight:700}
.unit-report-grid div > small:last-child{display:block;opacity:.72;margin-top:2px}
.battle-loss-total{margin:12px 0 0;padding-top:10px;border-top:1px solid rgba(180,142,75,.22)}
/* V19.8 Login-Ankündigungen */
.login-news-layout{display:grid;grid-template-columns:minmax(320px,460px) minmax(0,1fr);gap:18px;align-items:start;max-width:1100px;margin:22px auto}
.login-announcement-panel h2{margin-top:0}
.login-announcement-card{border:1px solid rgba(180,142,75,.28);background:rgba(40,31,22,.92);border-radius:8px;padding:14px;margin-bottom:12px}
.login-announcement-card.pinned{border-color:rgba(210,170,85,.6)}
.login-announcement-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.login-announcement-head h3{margin:0}
.login-announcement-head small{opacity:.65;white-space:nowrap}
@media(max-width:850px){.login-news-layout{grid-template-columns:1fr;margin:14px}}
/* V19.11 – Kingdoms of Valor Startseite */
.kov-start-body{
margin:0;
min-height:100vh;
background:
radial-gradient(circle at 20% 10%,rgba(168,117,43,.12),transparent 32%),
radial-gradient(circle at 80% 20%,rgba(90,58,25,.18),transparent 30%),
linear-gradient(180deg,#17120d 0%,#21180f 48%,#15110d 100%);
color:#e8ddc9;
}
.kov-start-topbar{
position:sticky;
top:0;
z-index:20;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:16px clamp(18px,5vw,80px);
background:rgba(18,14,10,.92);
border-bottom:1px solid rgba(191,148,73,.25);
backdrop-filter:blur(12px);
}
.kov-start-brand{
text-decoration:none;
font-size:1.05rem;
letter-spacing:.12em;
font-weight:900;
color:#e8c77b;
}
.kov-start-topbar nav{display:flex;gap:18px;flex-wrap:wrap}
.kov-start-topbar nav a{color:#d8cbb7;text-decoration:none}
.kov-start-topbar nav a:hover{color:#f1d28e}
.kov-start-page{
width:min(1400px,calc(100% - 32px));
margin:0 auto;
}
.kov-hero{
min-height:690px;
display:grid;
grid-template-columns:minmax(0,1.3fr) minmax(330px,440px);
gap:48px;
align-items:center;
padding:70px 0 60px;
position:relative;
}
.kov-hero:before{
content:"";
position:absolute;
inset:40px 0;
z-index:-1;
border:1px solid rgba(190,146,67,.13);
background:
linear-gradient(90deg,rgba(31,23,15,.12),rgba(31,23,15,.65)),
radial-gradient(circle at 28% 50%,rgba(186,126,45,.10),transparent 34%);
border-radius:18px;
}
.kov-kicker,.kov-section-heading>span,.kov-start-cta span{
color:#c9a45f;
font-weight:800;
letter-spacing:.14em;
font-size:.78rem;
}
.kov-hero-copy{padding:30px clamp(10px,3vw,42px)}
.kov-hero-copy h1{
font-family:Georgia,"Times New Roman",serif;
font-size:clamp(3rem,6vw,5.8rem);
line-height:.95;
letter-spacing:-.035em;
margin:18px 0 24px;
color:#f1e3c8;
text-shadow:0 8px 28px rgba(0,0,0,.4);
}
.kov-hero-copy h1 span{color:#d3a852}
.kov-hero-copy>p{
max-width:720px;
font-size:1.08rem;
line-height:1.7;
color:#c9bdac;
}
.kov-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.kov-primary-btn,.kov-secondary-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:13px 20px;
border-radius:7px;
text-decoration:none;
font-weight:800;
}
.kov-primary-btn{
color:#19120b;
background:linear-gradient(180deg,#e1bc68,#b98236);
border:1px solid #e9cf96;
box-shadow:0 7px 20px rgba(105,68,22,.22);
}
.kov-secondary-btn{
color:#e3d6c3;
background:rgba(255,255,255,.035);
border:1px solid rgba(220,190,135,.28);
}
.kov-hero-stats{
display:flex;
gap:30px;
margin-top:38px;
flex-wrap:wrap;
}
.kov-hero-stats div{display:flex;flex-direction:column}
.kov-hero-stats b{font-size:1.5rem;color:#e3c47f}
.kov-hero-stats span{opacity:.68;font-size:.82rem;margin-top:2px}
.kov-login-panel{
position:relative;
padding:30px;
border:1px solid rgba(210,169,91,.35);
background:linear-gradient(180deg,rgba(52,38,24,.96),rgba(30,23,17,.98));
border-radius:12px;
box-shadow:0 24px 60px rgba(0,0,0,.35);
}
.kov-login-seal{
width:58px;height:58px;
display:grid;place-items:center;
border-radius:50%;
margin:-58px auto 12px;
font-size:1.8rem;
background:#2b2015;
border:1px solid rgba(215,176,96,.48);
box-shadow:0 8px 25px rgba(0,0,0,.35);
}
.kov-login-panel h2{
text-align:center;
font-family:Georgia,"Times New Roman",serif;
font-size:1.9rem;
margin:8px 0;
}
.kov-login-panel>p{text-align:center;color:#bcb09f}
.kov-login-error{
margin:14px 0;
padding:10px 12px;
border:1px solid rgba(180,70,55,.45);
background:rgba(113,42,30,.22);
border-radius:6px;
}
.kov-start-login-form{display:grid;gap:12px;margin-top:20px}
.kov-start-login-form label{display:grid;gap:6px;font-weight:700;font-size:.9rem}
.kov-start-login-form input,.kov-start-login-form select{
width:100%;
box-sizing:border-box;
background:#1b1510;
border:1px solid rgba(191,153,87,.35);
color:#eee3d1;
border-radius:6px;
padding:12px 13px;
}
.kov-start-login-form button{
margin-top:5px;
padding:13px;
font-weight:900;
cursor:pointer;
border-radius:6px;
border:1px solid #e1bf78;
background:linear-gradient(180deg,#d9ae58,#a8702d);
color:#171009;
}
.kov-login-footer{
margin-top:17px;
padding-top:15px;
border-top:1px solid rgba(190,153,91,.18);
text-align:center;
color:#b9ae9d;
}
.kov-login-footer a{color:#e3bd6f}
.kov-start-section{padding:74px 0}
.kov-section-heading{text-align:center;max-width:760px;margin:0 auto 34px}
.kov-section-heading h2{
font-family:Georgia,"Times New Roman",serif;
font-size:clamp(2rem,4vw,3.4rem);
margin:12px 0 8px;
color:#efe1c5;
}
.kov-section-heading p{color:#ab9f8f}
.kov-feature-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}
.kov-feature-grid article,.kov-start-news-card{
padding:22px;
background:linear-gradient(180deg,rgba(48,35,23,.78),rgba(31,24,18,.88));
border:1px solid rgba(186,143,71,.22);
border-radius:9px;
}
.kov-feature-grid article>div{font-size:2rem}
.kov-feature-grid h3{margin:12px 0 8px;color:#e3c47f}
.kov-feature-grid p,.kov-start-news-card p{color:#baaf9f;line-height:1.6}
.kov-start-news-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.kov-start-news-card.pinned{border-color:rgba(215,174,90,.55)}
.kov-news-meta{
display:flex;
justify-content:space-between;
gap:10px;
font-size:.78rem;
color:#ad9470;
}
.kov-start-news-card h3{font-size:1.25rem;color:#ead6ac}
.kov-start-cta{
margin:40px 0 80px;
padding:34px;
display:flex;
align-items:center;
justify-content:space-between;
gap:28px;
border-radius:12px;
background:
linear-gradient(90deg,rgba(93,61,28,.48),rgba(40,29,19,.88));
border:1px solid rgba(201,155,75,.35);
}
.kov-start-cta h2{
margin:9px 0 0;
font-family:Georgia,"Times New Roman",serif;
font-size:clamp(1.6rem,3vw,2.6rem);
}
.kov-start-footer{
display:flex;
justify-content:center;
gap:24px;
flex-wrap:wrap;
padding:26px 20px;
border-top:1px solid rgba(190,148,77,.18);
background:#120e0a;
color:#8e8376;
}
.kov-start-footer a{color:#bca16d}
@media(max-width:960px){
.kov-hero{grid-template-columns:1fr;padding-top:85px}
.kov-login-panel{max-width:560px;width:100%;box-sizing:border-box;margin:0 auto}
.kov-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
.kov-start-topbar{align-items:flex-start}
.kov-start-topbar nav{display:none}
.kov-start-page{width:min(100% - 20px,1400px)}
.kov-hero-copy{padding-inline:4px}
.kov-hero-copy h1{font-size:3rem}
.kov-feature-grid,.kov-start-news-grid{grid-template-columns:1fr}
.kov-start-cta{flex-direction:column;align-items:flex-start}
}
/* V19.13 – öffentliche Startseiten-News */
.kov-home-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kov-home-news-card{padding:22px;background:linear-gradient(180deg,rgba(48,35,23,.82),rgba(31,24,18,.9));border:1px solid rgba(186,143,71,.24);border-radius:9px}
.kov-home-news-card.featured{grid-column:span 2;border-color:rgba(220,177,91,.58);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.kov-home-news-card h3{font-size:1.35rem;color:#ead6ac;margin:12px 0 8px}
.kov-home-news-card>div:last-child{color:#b9ae9d;line-height:1.65}
.kov-news-teaser{font-weight:700;color:#d0b781!important}
@media(max-width:900px){.kov-home-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kov-home-news-card.featured{grid-column:span 2}}
@media(max-width:650px){.kov-home-news-grid{grid-template-columns:1fr}.kov-home-news-card.featured{grid-column:auto}}
/* V19.14 Welt-Timer */
.world-close-ingame{
padding:10px 16px;
text-align:center;
background:linear-gradient(90deg,rgba(112,44,25,.96),rgba(79,29,20,.96));
border-top:1px solid rgba(231,160,92,.45);
border-bottom:1px solid rgba(231,160,92,.45);
color:#f4d5b2;
font-weight:700;
}
.world-close-ingame span{color:#ffd67f;font-variant-numeric:tabular-nums}
.world-close-timer{padding:9px 11px;border:1px solid rgba(190,134,70,.28);background:rgba(142,75,31,.12);border-radius:6px}
.world-delete-form{margin-top:12px;padding:12px;border:1px solid rgba(165,57,43,.4);background:rgba(110,35,27,.10);border-radius:7px}
.world-delete-form button{margin-top:8px}
/* V19.15 geplante Weltlöschung */
.world-delete-ingame{
padding:10px 16px;
text-align:center;
background:linear-gradient(90deg,rgba(125,25,22,.98),rgba(73,16,17,.98));
border-top:1px solid rgba(243,103,80,.55);
border-bottom:1px solid rgba(243,103,80,.55);
color:#ffd1c8;
font-weight:800;
}
.world-delete-ingame span{color:#ffd06f;font-variant-numeric:tabular-nums}
.world-delete-timer{
margin:10px 0;
padding:10px 12px;
border:1px solid rgba(190,62,48,.45);
background:rgba(120,30,25,.14);
border-radius:7px;
}
.world-delete-timer p{margin:0 0 8px}
.world-immediate-delete{
margin-top:10px;
padding:10px;
border:1px dashed rgba(190,62,48,.35);
}
.world-immediate-delete summary{cursor:pointer;color:#d9a29a;font-weight:700}
/* V19.16 world timer cancel */
.world-close-timer form,.world-delete-timer form{margin-top:8px}
.world-close-timer button,.world-delete-timer button{width:auto}
/* V19.18 Admin-Gebäudeverwaltung */
.admin-building-editor{
margin:10px 0 20px;
padding:14px;
border:1px solid rgba(180,142,75,.28);
border-radius:8px;
background:rgba(180,142,75,.05);
}
.admin-building-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:10px;
}
.admin-building-grid label{
display:grid;
gap:4px;
padding:10px;
border:1px solid rgba(180,142,75,.18);
border-radius:6px;
background:rgba(0,0,0,.08);
}
.admin-building-grid label span{font-weight:700}
.admin-building-grid label small{opacity:.65}
.admin-building-grid input{width:100%;box-sizing:border-box}
/* V19.20 Admin-Dorfdropdown */
.admin-village-filter form{max-width:420px}
.admin-village-selector,.admin-barbarian-selector{margin-bottom:16px}
.admin-player-village-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
.admin-player-village-row{margin:0;padding:11px;border:1px solid rgba(180,142,75,.18);border-radius:7px;background:rgba(0,0,0,.08)}
.admin-player-village-row label{display:grid;gap:7px;margin:0}
.admin-player-village-row label>span{font-weight:800;color:#d8bd85}
.admin-player-village-row select,.admin-barbarian-selector select,.admin-village-filter select{width:100%;box-sizing:border-box}
.admin-village-empty{text-align:center;padding:30px}
/* V19.21 Rally troop selector */
.rally-troop-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 12px}
.rally-troop-tools #selected-troop-count{margin-left:auto;font-weight:800;color:#d8bd85}
#rally-troop-table .rally-unit-all{padding:6px 10px;min-width:58px}
@media(max-width:650px){.rally-troop-tools #selected-troop-count{width:100%;margin-left:0}}
/* V19.22 Spielerübersicht Rangliste */
.ranking-player-link{font-weight:800;color:#d8bd85;text-decoration:none}
.ranking-player-link:hover{text-decoration:underline}
.ranking-self{background:rgba(180,142,75,.08)}
.player-profile-wrap{display:grid;gap:14px}
.player-profile-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.player-profile-head h1{margin:8px 0 4px}
.player-profile-stats{display:flex;gap:10px;flex-wrap:wrap}
.player-profile-stats>div{min-width:120px;padding:11px 14px;border:1px solid rgba(180,142,75,.22);border-radius:7px;background:rgba(0,0,0,.09);display:grid;gap:4px}
.player-profile-stats small{opacity:.65}
.player-profile-stats strong{font-size:1.25rem;color:#d8bd85}
.player-village-list{display:grid;gap:9px}
.player-village-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px;border:1px solid rgba(180,142,75,.18);border-radius:8px;background:rgba(0,0,0,.07)}
.player-village-entry h3{margin:0 0 6px}
.player-village-meta{display:flex;gap:14px;flex-wrap:wrap}
.player-village-actions{display:flex;gap:8px;flex-wrap:wrap}
.player-village-actions .attack-button{border-color:rgba(173,72,53,.55);background:rgba(112,38,27,.22)}
@media(max-width:700px){.player-village-entry{align-items:flex-start;flex-direction:column}.player-village-actions{width:100%}.player-village-actions .button{flex:1;text-align:center}}
/* V19.24 Separate Dorfliste */
.village-list-page{display:grid;gap:14px}
.village-list-header{
display:flex;
justify-content:space-between;
gap:20px;
align-items:center;
flex-wrap:wrap;
}
.village-list-header h1{margin:0 0 6px}
.village-list-header p{margin:0;opacity:.72}
.village-list-summary{display:flex;gap:10px;flex-wrap:wrap}
.village-list-summary>div{
min-width:130px;
padding:10px 14px;
border:1px solid rgba(180,142,75,.22);
border-radius:7px;
background:rgba(0,0,0,.09);
display:grid;
gap:4px;
}
.village-list-summary small{opacity:.65}
.village-list-summary strong{font-size:1.25rem;color:#d8bd85}
.standalone-village-list{display:grid;gap:9px}
.standalone-village-list .current-village{
border-color:rgba(216,189,133,.55);
background:rgba(180,142,75,.08);
}
.current-village-badge{
display:inline-flex;
align-items:center;
padding:7px 10px;
border-radius:999px;
border:1px solid rgba(180,142,75,.28);
color:#e0c384;
font-weight:800;
white-space:nowrap;
}
@media(max-width:700px){
.village-list-header{align-items:flex-start}
.village-list-summary{width:100%}
.village-list-summary>div{flex:1}
}
/* V19.26 Weltkarten-Navigation */
.map-navigation-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;background:linear-gradient(#1d1c16,#11120f);border-bottom:1px solid #594421;flex-wrap:wrap}
.map-coordinate-jump{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:0}.map-coordinate-jump label{display:grid;gap:3px;font-size:11px;color:#cdbb94}.map-coordinate-jump input{width:82px}.map-coordinate-jump select{min-width:120px}
.map-step-navigation{display:grid;grid-template-columns:repeat(5,38px);gap:4px}.map-step-navigation a,.map-home-button{height:34px;display:grid;place-items:center;text-decoration:none;border:1px solid #8a6a34;background:#17150f;color:#e5c777;border-radius:3px;font-weight:900}.map-home-button{width:40px}.map-step-navigation a:hover,.map-home-button:hover{background:#302819}
.map-barbarian-browser select{width:100%;margin:8px 0}.map-barbarian-browser button{width:100%;margin:0}
/* V19.28 Changelog */
.changelog-page{display:grid;gap:12px}
.changelog-head h1{margin:0 0 6px}
.changelog-entry{overflow:hidden}
.changelog-entry-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid rgba(180,142,75,.18);padding-bottom:10px;margin-bottom:12px}
.changelog-entry-head>div{display:flex;gap:11px;align-items:center}.changelog-entry-head h2{margin:2px 0 0}.changelog-entry-head small{opacity:.65}.changelog-entry-head time{white-space:nowrap;opacity:.65}
.changelog-icon{font-size:1.7rem}.changelog-body{line-height:1.7;color:#c9bdac}
.kov-changelog-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kov-changelog-preview-card{padding:20px;background:linear-gradient(180deg,rgba(48,35,23,.82),rgba(31,24,18,.9));border:1px solid rgba(186,143,71,.24);border-radius:9px}
.kov-changelog-preview-card h3{color:#ead6ac;margin:12px 0 8px}.kov-changelog-preview-card p{color:#b9ae9d;line-height:1.6;white-space:normal}
@media(max-width:700px){.kov-changelog-preview{grid-template-columns:1fr}.changelog-entry-head{flex-direction:column}}
/* V19.29 Recruit resource max */
.recruit-amount-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-bottom:7px}
.recruit-amount-row input{width:100%;box-sizing:border-box}
.recruit-max-btn{min-width:58px}
/* V19.30 */
.village-rename-details{margin-top:6px}.village-rename-details summary{cursor:pointer}.village-rename-form{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.messages-page{display:grid;gap:14px}.messages-head{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.messages-tabs{display:flex;gap:8px}.messages-tabs a{padding:8px 10px;border:1px solid rgba(180,142,75,.22);border-radius:6px;text-decoration:none}.messages-tabs a.active{background:rgba(180,142,75,.12)}
.messages-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px}.message-compose{display:grid;gap:9px}.message-compose label{display:grid;gap:4px}.messages-list{display:grid}.message-row{display:flex;justify-content:space-between;gap:12px;padding:10px;border-bottom:1px solid rgba(180,142,75,.12);text-decoration:none;color:inherit}.message-row.unread{background:rgba(180,142,75,.1)}.message-row small{display:block;opacity:.65}.message-open-head{display:flex;justify-content:space-between}.message-open-body{padding:14px 0;line-height:1.7}.message-open-actions{display:flex;gap:8px}
@media(max-width:800px){.messages-layout{grid-template-columns:1fr}}
/* V19.31 Support Team-Inbox */
.staff-support-inbox{margin-top:14px}.staff-support-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.staff-support-head h2{margin:4px 0}.staff-ticket-count{min-width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#7d2d23;color:#fff;font-weight:900;font-size:1.15rem}.ticket-row.ticket-new{border-left:4px solid #b64a36;background:rgba(142,49,36,.08)}
/* V19.32 Profil-Lesbarkeit */
.profile-readable{
color:#f2e6cf;
}
.profile-readable .card{
background:linear-gradient(180deg,rgba(48,36,24,.98),rgba(29,22,17,.99));
border-color:rgba(205,164,91,.36);
box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.profile-readable .player-profile-head h1{
color:#fff0c9;
font-size:2rem;
text-shadow:0 2px 8px rgba(0,0,0,.45);
}
.profile-readable .profile-subline,
.profile-readable .card>p{
color:#d8cab6;
opacity:1;
font-size:1rem;
}
.profile-readable .player-profile-stats>div{
background:rgba(18,14,10,.72);
border-color:rgba(211,171,94,.34);
}
.profile-readable .player-profile-stats small{
color:#d8cab6;
opacity:1;
font-size:.85rem;
font-weight:700;
}
.profile-readable .player-profile-stats strong{
color:#f3d58f;
font-size:1.35rem;
}
.profile-readable .player-village-entry{
background:rgba(18,14,10,.68);
border-color:rgba(211,171,94,.28);
}
.profile-readable .player-village-entry h3{
color:#ffe2a0;
font-size:1.2rem;
}
.profile-readable .player-village-meta{
color:#e6d9c7;
font-size:.98rem;
}
.profile-readable .player-village-meta span{
opacity:1;
font-weight:600;
}
.profile-readable .player-village-actions .button{
color:#fff0d0;
background:rgba(79,58,35,.9);
border-color:rgba(220,178,99,.42);
font-weight:800;
}
.profile-readable .player-village-actions .button:hover{
background:rgba(104,75,42,.96);
}
.profile-readable .player-village-actions .attack-button{
color:#ffe3db;
background:rgba(122,43,31,.82);
border-color:rgba(220,99,76,.62);
}
.profile-readable a{
color:#f0c66f;
}
.profile-readable a:hover{
color:#ffe0a0;
}
.profile-readable .card h2{
color:#f3dfb6;
font-size:1.35rem;
}
@media(max-width:700px){
.profile-readable .player-profile-head h1{font-size:1.65rem}
.profile-readable .player-village-meta{font-size:.94rem}
}
/* V19.33 Rangliste – Spielernamen schwarz */
.ranking-table a[href*="rankings.php?player="],
.ranking-table a[href*="?player="],
.rankings-table a[href*="rankings.php?player="],
.rankings-table a[href*="?player="],
.ranking-player-name,
.ranking-player-name a{
color:#000 !important;
text-shadow:none !important;
}
.ranking-table a[href*="rankings.php?player="]:hover,
.ranking-table a[href*="?player="]:hover,
.rankings-table a[href*="rankings.php?player="]:hover,
.rankings-table a[href*="?player="]:hover,
.ranking-player-name a:hover{
color:#222 !important;
}
/* V19.34 Rangliste – tatsächliche Spielernamen hart auf Schwarz setzen */
a.ranking-player-black,
span.ranking-player-black,
.ranking-player-black,
table a.ranking-player-black,
table span.ranking-player-black{
color:#000000 !important;
-webkit-text-fill-color:#000000 !important;
text-shadow:none !important;
opacity:1 !important;
}
a.ranking-player-black:link,
a.ranking-player-black:visited,
a.ranking-player-black:hover,
a.ranking-player-black:active,
a.ranking-player-black:focus{
color:#000000 !important;
-webkit-text-fill-color:#000000 !important;
}
/* V19.34 definitive selector from rankings.php */
.ranking-player-link,
a.ranking-player-link,
.ranking-table .ranking-player-link,
.rankings-table .ranking-player-link{
color:#000 !important;
-webkit-text-fill-color:#000 !important;
text-shadow:none !important;
}
.ranking-player-link:link,.ranking-player-link:visited,.ranking-player-link:hover,.ranking-player-link:active{
color:#000 !important;
-webkit-text-fill-color:#000 !important;
}
/* V19.35 Profil – Rang, Dörfer und Punkte klar lesbar */
.player-profile-stats,
.profile-readable .player-profile-stats{
background:#efe1c4 !important;
border:2px solid #8b6837 !important;
border-radius:8px !important;
padding:12px !important;
}
.player-profile-stats > div,
.profile-readable .player-profile-stats > div{
background:#f8edd7 !important;
border:1px solid #a47c42 !important;
color:#111 !important;
opacity:1 !important;
}
.player-profile-stats small,
.profile-readable .player-profile-stats small,
.player-profile-stats .label,
.profile-readable .player-profile-stats .label{
color:#111 !important;
-webkit-text-fill-color:#111 !important;
opacity:1 !important;
font-size:15px !important;
font-weight:800 !important;
text-shadow:none !important;
}
.player-profile-stats strong,
.profile-readable .player-profile-stats strong,
.player-profile-stats .value,
.profile-readable .player-profile-stats .value{
color:#000 !important;
-webkit-text-fill-color:#000 !important;
opacity:1 !important;
font-size:24px !important;
font-weight:900 !important;
line-height:1.2 !important;
text-shadow:none !important;
}
.player-profile-stats *{
text-shadow:none !important;
}
/* V19.37 Balancing */
.balance-note{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px;padding:10px 13px;border:1px solid rgba(186,143,71,.32);background:rgba(113,78,35,.10);border-radius:7px}
.balance-note strong{color:#d8bd85}.balance-note span{opacity:.78}
/* V19.39 Rangliste – Spielernamen dauerhaft schwarz */
html body .ranking-table a.ranking-player-link,
html body .rankings-table a.ranking-player-link,
html body a.ranking-player-link,
html body a.ranking-player-black{
color:#000000 !important;
-webkit-text-fill-color:#000000 !important;
text-shadow:none !important;
opacity:1 !important;
}
html body a.ranking-player-link:link,
html body a.ranking-player-link:visited,
html body a.ranking-player-link:hover,
html body a.ranking-player-link:focus,
html body a.ranking-player-link:active{
color:#000000 !important;
-webkit-text-fill-color:#000000 !important;
text-shadow:none !important;
}
/* V19.41 – grüne Wiesenkarte mit sichtbaren Dörfern */
.worldmap-canvas-large{background:#6f983e !important}
.grass-world{
position:absolute;inset:0;overflow:hidden;pointer-events:none;
background:
radial-gradient(ellipse at 20% 25%,rgba(191,214,105,.24) 0 7%,transparent 8%),
radial-gradient(ellipse at 72% 62%,rgba(183,207,91,.20) 0 9%,transparent 10%),
radial-gradient(ellipse at 46% 78%,rgba(55,105,38,.17) 0 7%,transparent 8%),
linear-gradient(135deg,#7da64a 0%,#719943 42%,#82aa4e 70%,#6f963f 100%);
}
.grass-world:before{
content:"";position:absolute;inset:0;opacity:.20;
background-image:
repeating-linear-gradient(20deg,transparent 0 24px,rgba(42,84,31,.25) 25px,transparent 26px),
repeating-linear-gradient(110deg,transparent 0 38px,rgba(209,226,130,.20) 39px,transparent 40px);
}
.tree-cluster{
position:absolute;color:#285c2b;font-size:28px;line-height:.72;
text-shadow:2px 2px 0 #173d1c,-1px -1px 0 #4f843c;
transform:scaleX(.8);
}
.tc1{left:8%;top:13%;transform:scale(.9)} .tc2{left:28%;top:7%;transform:scale(.65)}
.tc3{left:74%;top:15%;transform:scale(1.05)} .tc4{left:89%;top:44%;transform:scale(.78)}
.tc5{left:57%;top:34%;transform:scale(.58)} .tc6{left:13%;top:72%;transform:scale(.9)}
.tc7{left:68%;top:80%;transform:scale(.82)} .tc8{left:39%;top:61%;transform:scale(.55)}
.grass-detail{position:absolute;width:80px;height:28px;border-radius:50%;border-top:3px solid rgba(50,101,35,.24)}
.gd1{left:18%;top:47%;transform:rotate(-14deg)}.gd2{left:48%;top:18%;transform:rotate(12deg)}
.gd3{left:79%;top:67%;transform:rotate(-8deg)}.gd4{left:31%;top:86%;transform:rotate(18deg)}
.map-routes{opacity:.32}
.map-village{z-index:5}
.map-village-art{
position:relative;display:block;width:48px;height:38px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.38));
transform:scale(.86);transform-origin:center bottom;
}
.map-village-art .v-house,.map-village-art .v-tower{
position:absolute;bottom:7px;background:#b58a54;border:1px solid #49351f;
}
.map-village-art .v-house:before,.map-village-art .v-tower:before{
content:"";position:absolute;left:-3px;right:-3px;top:-7px;height:8px;
background:#6f3828;clip-path:polygon(50% 0,100% 100%,0 100%);
}
.map-village-art .h1{left:4px;width:15px;height:12px}
.map-village-art .h2{left:27px;width:14px;height:11px}
.map-village-art .v-tower{left:18px;width:11px;height:21px;background:#9b815e}
.map-village-art .v-tower:before{top:-8px}
.map-village-art .v-path{
position:absolute;left:19px;bottom:0;width:18px;height:10px;
background:#b99b67;clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);
}
.map-village.map-neutral .map-village-art{filter:sepia(.25) brightness(.92) drop-shadow(0 3px 2px rgba(0,0,0,.38))}
.map-village.map-own .map-village-art{filter:drop-shadow(0 0 4px #d9f27e) drop-shadow(0 3px 2px rgba(0,0,0,.38))}
.map-village.map-ally .map-village-art{filter:drop-shadow(0 0 4px #7fb7ed) drop-shadow(0 3px 2px rgba(0,0,0,.38))}
.map-village.map-enemy .map-village-art{filter:drop-shadow(0 0 4px #c45a45) drop-shadow(0 3px 2px rgba(0,0,0,.38))}
.map-village:hover .map-village-art{transform:scale(1.05)}
.map-village-label{
background:rgba(35,25,15,.92) !important;border:1px solid rgba(224,190,116,.55) !important;
padding:4px 7px !important;border-radius:4px;color:#f4e5c3 !important;
text-shadow:0 1px 2px #000;
}
/* V19.42 – programmierte helle Landschaftskarte */
.worldmap-canvas-large{background:#9bcf55 !important}
.grass-world{
background:
radial-gradient(circle at 18% 21%,rgba(214,239,127,.34) 0 6%,transparent 7%),
radial-gradient(circle at 73% 67%,rgba(207,233,115,.28) 0 8%,transparent 9%),
linear-gradient(135deg,#a9d960 0%,#98cd52 48%,#addd63 100%) !important;
}
.grass-world:before{opacity:.12 !important}
.tree-cluster{color:#326b2d !important;font-size:36px !important;text-shadow:2px 3px 0 #21491f,-1px -1px 0 #659b48 !important}
.tc1{left:5%;top:8%}.tc2{left:24%;top:14%}.tc3{left:76%;top:8%}.tc4{left:88%;top:37%}.tc5{left:54%;top:26%}.tc6{left:10%;top:70%}.tc7{left:67%;top:76%}.tc8{left:39%;top:58%}
.map-village{width:92px;height:74px;transform:translate(-50%,-50%);z-index:8}
.map-village-click{width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;overflow:visible;color:#21180e}
.map-village-art{position:absolute;left:50%;top:0;width:70px;height:48px;transform:translateX(-50%) !important;filter:drop-shadow(0 4px 2px rgba(0,0,0,.32))}
.map-village-art .v-house{bottom:10px;background:#c29a5f;border:1px solid #49351f}
.map-village-art .h1{left:8px;width:17px;height:14px}.map-village-art .h2{left:29px;width:19px;height:17px}.map-village-art .h3{left:50px;width:14px;height:12px}
.map-village-art .v-tower{left:28px;bottom:10px;width:13px;height:29px;background:#a58b64;border:1px solid #49351f}
.map-village-art .v-wall{position:absolute;bottom:7px;width:30px;height:7px;background:#927c5d;border:1px solid #4a3a28}
.map-village-art .v-wall.left{left:2px;transform:rotate(8deg)}.map-village-art .v-wall.right{right:2px;transform:rotate(-8deg)}
.map-village-art .v-tree{position:absolute;bottom:8px;width:8px;height:13px;background:#3d722d;border-radius:50% 50% 40% 40%;border:1px solid #285020}
.map-village-art .vt1{left:0}.map-village-art .vt2{right:0}
.map-village-caption{position:absolute;top:48px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:2px 5px;border-radius:4px;background:rgba(248,236,197,.9);border:1px solid rgba(91,65,31,.45);font-size:11px;line-height:1.15}
.map-village-caption b,.map-village-caption small{display:block;color:#24190e !important;text-shadow:none}
.map-village:hover .map-village-art{filter:drop-shadow(0 0 6px #f3dc78) drop-shadow(0 4px 2px rgba(0,0,0,.32))}
.map-village-popup{position:absolute;right:18px;top:18px;width:260px;padding:14px;background:#f1dfb2;border:2px solid #72532e;border-radius:7px;box-shadow:0 8px 25px rgba(0,0,0,.38);z-index:100;color:#25190d}
.map-village-popup[hidden]{display:none}.map-popup-close{position:absolute;right:7px;top:5px;border:0;background:none;font-size:25px;color:#3a2816;cursor:pointer}
.map-village-popup h3{margin:0 30px 9px 0;color:#2d1d0e}
.map-popup-village-preview{height:88px;position:relative;background:linear-gradient(#b8dd70,#8ec552);border:1px solid #927548;margin-bottom:10px;overflow:hidden}
.popup-house,.popup-tower{position:absolute;bottom:22px;background:#b98d55;border:2px solid #5b4128}.popup-house:before,.popup-tower:before{content:"";position:absolute;left:-4px;right:-4px;top:-10px;height:11px;background:#75422c;clip-path:polygon(50% 0,100% 100%,0 100%)}
.ph1{left:48px;width:38px;height:27px}.ph2{right:45px;width:34px;height:24px}.popup-tower{left:112px;width:25px;height:48px}
.map-popup-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(92,65,35,.18)}
.map-popup-actions{display:flex;gap:7px;margin-top:11px}.map-popup-actions a{flex:1;justify-content:center;align-items:center;padding:8px;text-decoration:none;border-radius:4px;font-weight:800}
.map-popup-open{background:#80643d;color:#fff}.map-popup-attack{background:#7e2f23;color:#fff}
/* V19.44 – robuste Dorf-Klickfläche */
.map-village{
pointer-events:auto !important;
z-index:20 !important;
}
.map-village-click{
position:absolute !important;
inset:0 !important;
display:block !important;
cursor:pointer !important;
pointer-events:auto !important;
z-index:25 !important;
background:transparent !important;
outline:none;
}
.map-village-click:focus .map-village-art,
.map-village-click:hover .map-village-art{
filter:drop-shadow(0 0 7px #f6dc72) drop-shadow(0 4px 2px rgba(0,0,0,.32)) !important;
}
.map-village-popup{
pointer-events:auto !important;
z-index:999 !important;
}
.map-village-popup a,
.map-village-popup button{
pointer-events:auto !important;
position:relative;
z-index:1000;
}
/* V19.45 – Dorf-Klick direkt am Wrapper */
.map-village{
cursor:pointer !important;
pointer-events:auto !important;
}
.map-village *{
pointer-events:none !important;
}
.map-village-popup,
.map-village-popup *{
pointer-events:auto !important;
}
/* V19.46 Hard-Fix: Popup liegt außerhalb der transformierten Kartenszene */
.worldmap-canvas-large{position:relative!important}
.worldmap-canvas-large>.map-village-popup{position:absolute!important;right:18px!important;top:70px!important;left:auto!important;transform:none!important;z-index:9999!important;pointer-events:auto!important}
.worldmap-canvas-large>.map-village-popup[hidden]{display:none!important}
a.map-village-click{position:absolute!important;inset:0!important;display:block!important;z-index:50!important;pointer-events:auto!important;text-decoration:none!important}
a.map-village-click *{pointer-events:none!important}
/* V19.47 – schönere programmierte Weltkarte */
.worldmap-canvas-large{
border:2px solid #6d512d!important;
border-radius:10px!important;
box-shadow:inset 0 0 35px rgba(54,86,28,.25),0 5px 18px rgba(0,0,0,.22)!important;
overflow:hidden;
}
.grass-world{
background:
radial-gradient(ellipse at 15% 20%,rgba(226,244,151,.42) 0 7%,transparent 8%),
radial-gradient(ellipse at 78% 26%,rgba(224,242,143,.30) 0 8%,transparent 9%),
radial-gradient(ellipse at 47% 74%,rgba(84,142,55,.17) 0 11%,transparent 12%),
radial-gradient(ellipse at 88% 78%,rgba(213,238,127,.30) 0 8%,transparent 9%),
linear-gradient(145deg,#b7df72 0%,#9fd25c 30%,#acd968 58%,#96ca54 100%)!important;
}
.grass-world:after{
content:"";position:absolute;inset:0;opacity:.16;
background-image:
radial-gradient(circle,#467a35 0 1px,transparent 1.5px),
radial-gradient(circle,#d5ec9b 0 1px,transparent 1.5px);
background-size:31px 29px,43px 41px;
background-position:0 0,15px 12px;
}
.tree-cluster{
font-size:42px!important;color:#2f702f!important;
filter:drop-shadow(2px 4px 1px rgba(30,62,23,.35));
}
.map-pond{position:absolute;width:100px;height:42px;border-radius:50%;background:radial-gradient(ellipse,#8bc8c5 0 55%,#6aa8a6 57% 67%,#78a852 69% 76%,transparent 78%);opacity:.8}
.pond1{left:20%;top:57%;transform:rotate(-12deg) scale(.8)}.pond2{left:80%;top:17%;transform:rotate(9deg) scale(.55)}
.map-rock{position:absolute;color:#7d806d;text-shadow:2px 2px #555b4e;font-size:18px}.rock1{left:34%;top:31%}.rock2{left:61%;top:64%}.rock3{left:84%;top:51%}
.map-bush{position:absolute;color:#397a32;font-size:24px;text-shadow:1px 2px #255b26}.bush1{left:17%;top:34%}.bush2{left:51%;top:47%}.bush3{left:73%;top:86%}
.map-flower{position:absolute;color:#f4e5a5;font-size:12px;text-shadow:0 1px #66873f}.flower1{left:43%;top:19%}.flower2{left:26%;top:81%}
.map-village{transition:filter .15s ease}
.map-village-art{width:78px!important;height:53px!important}
.map-village-art .v-house{background:linear-gradient(#d2ad72,#b98a52)!important}
.map-village-art .v-house:before,.map-village-art .v-tower:before{background:linear-gradient(#8b5035,#673522)!important}
.map-village-art .v-tower{background:linear-gradient(#b39b76,#927956)!important}
.map-village-art .v-wall{background:linear-gradient(#a89472,#817055)!important}
.map-village-art .v-path{background:#c4a46d!important;opacity:.9}
.map-village-caption{
top:53px!important;background:rgba(255,245,210,.94)!important;
border:1px solid #87683e!important;box-shadow:0 2px 5px rgba(0,0,0,.18);
}
.map-village.map-own .map-village-caption{border-color:#397a38!important;box-shadow:0 0 0 1px rgba(63,145,72,.25),0 2px 5px rgba(0,0,0,.18)}
.map-village.map-neutral .map-village-caption{background:rgba(239,230,196,.94)!important}
.map-village:hover{z-index:80!important;filter:brightness(1.06)}
.map-village:hover .map-village-caption{transform:translateX(-50%) translateY(-2px)}
.worldmap-controls{background:rgba(54,40,24,.86)!important;padding:5px!important;border-radius:7px!important}
.worldmap-controls button{background:#ead7aa!important;color:#342313!important;border:1px solid #72552f!important}
.map-pan-help{background:rgba(46,66,29,.82)!important;color:#f5edcf!important;border-radius:5px!important;padding:5px 9px!important}
.worldmap-canvas-large>.map-village-popup{
background:linear-gradient(#f8eac5,#e7ce96)!important;
border:2px solid #654723!important;border-radius:9px!important;
box-shadow:0 10px 30px rgba(0,0,0,.38)!important;
}
.map-popup-village-preview{
background:
radial-gradient(ellipse at 20% 75%,rgba(218,238,137,.4),transparent 30%),
linear-gradient(#bce17b,#91c855)!important;
border-radius:5px;
}
.map-popup-attack{background:linear-gradient(#984638,#6e2a22)!important;box-shadow:0 2px 4px rgba(0,0,0,.25)}
.map-popup-open{background:linear-gradient(#8a7048,#665033)!important;box-shadow:0 2px 4px rgba(0,0,0,.25)}
/* V19.49 Strategie-Update */
.strategy-minimap{height:170px;position:relative;overflow:hidden;border:2px solid #654a29;border-radius:5px;background:linear-gradient(145deg,#addb67,#8fc650);box-shadow:inset 0 0 18px rgba(34,74,26,.25)}
.mini-dot{position:absolute;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(0,0,0,.55)}
.mini-dot.map-own{background:#39a34b}.mini-dot.map-ally{background:#3b78c0}.mini-dot.map-enemy{background:#c84c3d}.mini-dot.map-neutral{background:#eee1bd}
.mini-legend{font-size:11px;margin-top:6px;opacity:.85}
/* V19.51 – Changelog im eingeloggten Bereich besser lesbar */
.changelog-page,
.changelog-page .card,
.changelog-page .changelog-entry,
.changelog-page .changelog-body,
.changelog-page .changelog-entry-head,
.changelog-page .changelog-entry-head h1,
.changelog-page .changelog-entry-head h2,
.changelog-page .changelog-entry-head h3,
.changelog-page .changelog-entry-head small,
.changelog-page .changelog-entry-head time,
.changelog-page p,
.changelog-page span,
.changelog-page strong,
.changelog-page b,
.changelog-page li{
color:#000000 !important;
-webkit-text-fill-color:#000000 !important;
text-shadow:none !important;
opacity:1 !important;
}
.changelog-page a{
color:#111111 !important;
-webkit-text-fill-color:#111111 !important;
}
.changelog-page a:hover{
color:#333333 !important;
}
.changelog-page .card,
.changelog-page .changelog-entry{
background:#ead8b0 !important;
border-color:#8a6a3d !important;
}
.changelog-page .changelog-entry-head{
border-bottom-color:rgba(80,55,25,.28) !important;
}
/* V19.53 Gesamt-Balancing */
.balance-note{border-color:rgba(186,143,71,.40)}
/* V19.54 Sicherheitsmeldungen */
.security-alert-badge{display:inline-flex;min-width:18px;height:18px;padding:0 5px;margin-left:4px;align-items:center;justify-content:center;border-radius:10px;background:#a8322a;color:#fff!important;font-size:11px;font-weight:900;vertical-align:middle}
/* V19.56 Stamm & Stammesforum */
.tribe-apply{padding:10px 0;border-bottom:1px solid rgba(120,85,40,.2)}
.tribe-apply textarea{width:100%;box-sizing:border-box;margin:6px 0}
.tribe-forum-post{margin:10px 0;padding:12px;background:rgba(239,220,180,.75);border:1px solid rgba(106,76,38,.35);border-radius:6px;color:#1f160d}
.tribe-forum-post header{display:flex;justify-content:space-between;margin-bottom:8px}
.tribe-forum-post textarea,.tribe-forum-section textarea{width:100%;box-sizing:border-box}
.tribe-forum-section details{margin-top:10px;padding-top:8px;border-top:1px solid rgba(110,78,39,.2)}
/* V19.57 – Spieler- & Stammesrangliste integriert */
.ranking-tabs{display:flex;gap:8px;margin:12px 0 16px;flex-wrap:wrap}
.ranking-tab{padding:9px 15px;border:1px solid #80613a;background:#d7c096;color:#21160d;font-weight:900;border-radius:5px;cursor:pointer}
.ranking-tab.active{background:#654826;color:#fff}
.ranking-panel{display:none}
.ranking-panel.active{display:block}
.tribe-ranking-table td,.tribe-ranking-table th{color:#000!important;-webkit-text-fill-color:#000!important}
.tribe-ranking-name{color:#000!important;-webkit-text-fill-color:#000!important}
/* V19.58 – Stammesprofil */
.tribe-profile-wrap{display:grid;gap:12px}
.tribe-profile-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}
.tribe-profile-stats{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px;min-width:min(100%,520px)}
.tribe-profile-stats>div{background:#f8edd7;border:1px solid #9a7748;border-radius:6px;padding:9px;text-align:center}
.tribe-profile-stats small,.tribe-profile-stats strong{display:block;color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important}
.tribe-profile-stats strong{font-size:22px;margin-top:3px}
.tribe-member-profile{padding:12px 0;border-bottom:1px solid rgba(110,78,39,.22)}
.tribe-member-profile:last-child{border-bottom:0}
.tribe-member-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.tribe-member-head h3{margin:0}
.tribe-member-head h3 a{color:#000!important;-webkit-text-fill-color:#000!important}
.tribe-member-head p{margin:4px 0;color:#2a1d10!important}
.tribe-member-villages{display:grid;gap:6px;margin-top:9px}
.tribe-village-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;background:#ead8b0;border:1px solid #9a7748;border-radius:5px;color:#1f160d}
.tribe-village-row strong,.tribe-village-row small{display:block;color:#000!important;-webkit-text-fill-color:#000!important}
.tribe-village-row small{margin-top:2px}
.tribe-village-actions{display:flex;gap:5px;flex-wrap:wrap}
.tribe-ranking-name{color:#000!important;-webkit-text-fill-color:#000!important;font-weight:900;text-decoration:none}
.tribe-ranking-name:hover{text-decoration:underline}
.tribe-profile-button{margin-left:8px}
@media(max-width:700px){.tribe-profile-stats{grid-template-columns:repeat(2,1fr)}.tribe-village-row{align-items:flex-start;flex-direction:column}}
/* V19.60 – Dörfer-Reiter: Lesbarkeit */
.villages-list,
.villages-list *,
.village-list,
.village-list *,
.villages-overview,
.villages-overview *,
.village-overview,
.village-overview *,
.village-switcher,
.village-switcher *,
.village-dropdown,
.village-dropdown *,
.village-points,
.villages-points,
.total-points,
.village-total-points,
[data-villages-list],
[data-villages-list] * {
color:#000000 !important;
-webkit-text-fill-color:#000000 !important;
text-shadow:none !important;
}
.villages-list a,
.village-list a,
.villages-overview a,
.village-overview a,
.village-switcher a,
.village-dropdown a,
[data-villages-list] a {
color:#000000 !important;
-webkit-text-fill-color:#000000 !important;
}
/* V19.61 – exakter Fix für Statistikboxen im Reiter Dörfer */
.villages-stat-black,
.villages-stat-black *,
.villages-overview .stat,
.villages-overview .stat *,
.villages-overview .metric,
.villages-overview .metric *,
.villages-overview .summary,
.villages-overview .summary *,
body .villages-overview strong,
body .villages-overview b {
color:#000000 !important;
-webkit-text-fill-color:#000000 !important;
text-shadow:none !important;
}
/* V19.62 Belagerung & Moral */
.siege-target-box{margin:12px 0;padding:12px;background:#ead8b0;border:1px solid #8c6a3e;border-radius:6px;color:#21160d}
.siege-target-box h3{margin:0 0 6px;color:#21160d}
.siege-target-box select{min-width:240px}
.morale-info{padding:9px 11px;background:#efe0b8;border-left:4px solid #8e6937;color:#21160d!important}
/* V19.63 – Admin Truppeneditor */
.admin-troop-current{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}
.admin-troop-current span{padding:7px 9px;background:#ead8b0;border:1px solid #9a7748;border-radius:5px;color:#18100a}
.admin-troop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:10px 0}
.admin-troop-grid label{display:flex;flex-direction:column;gap:4px;padding:9px;background:#f0dfb8;border:1px solid #9a7748;border-radius:6px;color:#18100a}
.admin-troop-grid span,.admin-troop-grid small{color:#18100a!important;-webkit-text-fill-color:#18100a!important}
.admin-troop-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}
.admin-troop-set-form{margin-top:14px;padding-top:12px;border-top:1px solid rgba(100,70,35,.25)}
/* V19.64 – Premium-Shop: Kaufbuttons auf gleicher Höhe */
.premium-product-grid,
.premium-coin-grid{
align-items:stretch;
}
.premium-product-card,
.premium-coin-card{
display:flex !important;
flex-direction:column !important;
height:100%;
box-sizing:border-box;
}
.premium-product-card > h3,
.premium-coin-card > h3{
margin-top:0;
}
.premium-product-card > p,
.premium-coin-card > p{
margin-bottom:8px;
}
.premium-buy-form,
.premium-coin-form{
margin-top:auto !important;
padding-top:12px;
}
.premium-buy-form button,
.premium-coin-form button{
width:100%;
min-height:42px;
}
.premium-coin-form select{
width:100%;
margin-bottom:8px;
}
/* V19.65 – Premiumkarten komplett einheitlich */
.premium-product-grid{
display:grid !important;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;
gap:12px !important;
align-items:stretch !important;
}
.premium-product-card{
display:grid !important;
grid-template-rows:
minmax(52px,auto)
minmax(88px,1fr)
auto
auto !important;
min-height:215px !important;
height:100% !important;
box-sizing:border-box !important;
padding:16px !important;
}
.premium-card-title{
display:flex;
align-items:flex-start;
}
.premium-card-title h3{
margin:0 !important;
line-height:1.08 !important;
}
.premium-card-description{
padding-top:10px;
}
.premium-card-description p{
margin:0 !important;
}
.premium-card-price{
align-self:end;
padding-top:10px;
}
.premium-card-price p{
margin:0 !important;
}
.premium-buy-form{
margin-top:10px !important;
align-self:end !important;
}
.premium-buy-form button{
display:block !important;
width:100% !important;
min-height:38px !important;
margin:0 !important;
box-sizing:border-box !important;
}
/* Auch 30-Tage-Produkte und mehrzeilige Titel behalten exakt dieselbe Kartenstruktur */
.premium-product-card > :last-child{
margin-bottom:0 !important;
}
@media (min-width:1100px){
.premium-product-grid{
grid-template-columns:repeat(5,minmax(0,1fr)) !important;
}
}
.template-row{padding:9px 0;border-bottom:1px solid rgba(100,70,35,.2)}
.notice-item{padding:12px;border-bottom:1px solid rgba(100,70,35,.25)}.notice-item.unread{font-weight:700;background:rgba(255,215,100,.16)}
/* =========================================================
V19.71 – Adminbereich Redesign
========================================================= */
body.admin-page{
margin:0;
min-height:100vh;
background:
radial-gradient(circle at 85% 0%,rgba(164,116,51,.12),transparent 32rem),
linear-gradient(180deg,#17120d 0,#21180f 100%);
color:#e9dcc7;
}
.admin-page .admin-topbar{
position:sticky;
top:0;
z-index:50;
display:flex;
align-items:center;
justify-content:space-between;
min-height:64px;
padding:0 22px;
background:rgba(20,15,10,.96);
border-bottom:1px solid rgba(196,151,79,.28);
box-shadow:0 8px 24px rgba(0,0,0,.28);
backdrop-filter:blur(10px);
}
.admin-brand{
display:flex;
align-items:center;
gap:11px;
}
.admin-brand-icon{
display:grid;
place-items:center;
width:40px;
height:40px;
border:1px solid #8c6738;
border-radius:9px;
background:linear-gradient(145deg,#4a341d,#24180e);
font-size:21px;
}
.admin-brand strong,.admin-brand small{display:block}
.admin-brand strong{letter-spacing:.07em;color:#f0d49a}
.admin-brand small{font-size:11px;color:#9e8a70;margin-top:1px;text-transform:uppercase;letter-spacing:.12em}
.admin-top-actions{
display:flex!important;
align-items:center;
gap:8px;
flex-wrap:wrap;
}
.admin-top-actions a,.admin-role-chip{
padding:7px 10px;
border-radius:6px;
color:#e8d7bb!important;
text-decoration:none;
font-size:13px;
border:1px solid rgba(160,119,65,.28);
background:rgba(255,255,255,.025);
}
.admin-top-actions a:hover{background:rgba(194,147,74,.13);border-color:#9e7540}
.admin-shell{
display:grid;
grid-template-columns:220px minmax(0,1fr);
min-height:calc(100vh - 65px);
}
.admin-sidebar{
padding:18px 12px 30px;
background:#17110c;
border-right:1px solid rgba(184,137,68,.20);
}
.admin-sidebar-title{
padding:15px 10px 6px;
color:#796a57;
font-size:10px;
font-weight:900;
letter-spacing:.16em;
text-transform:uppercase;
}
.admin-sidebar a{
display:flex;
align-items:center;
min-height:38px;
padding:0 11px;
margin:2px 0;
color:#cbbba3!important;
text-decoration:none;
border-radius:6px;
font-size:13px;
font-weight:700;
}
.admin-sidebar a:hover,.admin-sidebar a.active{
background:linear-gradient(90deg,rgba(169,119,56,.22),rgba(169,119,56,.05));
color:#f1d39b!important;
}
.admin-sidebar a.active{box-shadow:inset 3px 0 #b98442}
.admin-main{
width:100%;
max-width:1500px;
box-sizing:border-box;
padding:28px 32px 48px;
margin:0 auto;
}
.admin-hero{
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
margin-bottom:20px;
padding:24px 26px;
border:1px solid rgba(181,134,68,.27);
border-radius:12px;
background:
linear-gradient(105deg,rgba(64,43,23,.92),rgba(31,23,16,.96)),
#21170f;
box-shadow:0 16px 40px rgba(0,0,0,.18);
}
.admin-hero h1{margin:3px 0 5px;color:#f0d6a1;font-size:30px}
.admin-hero p{margin:0;color:#bca990}
.admin-eyebrow{color:#a98450;font-size:10px;font-weight:900;letter-spacing:.16em}
.admin-hero-role{
min-width:180px;
padding:12px 15px;
border-radius:8px;
border:1px solid rgba(191,143,72,.25);
background:rgba(0,0,0,.18);
}
.admin-hero-role small,.admin-hero-role strong,.admin-hero-role span{display:block}
.admin-hero-role small{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#907c64}
.admin-hero-role strong{margin:3px 0;color:#f1dfbd}
.admin-hero-role span{font-size:12px;color:#b99d78}
.admin-stat-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(175px,1fr));
gap:10px;
margin-bottom:26px;
}
.admin-stat-card{
display:flex;
align-items:center;
gap:13px;
min-height:72px;
padding:12px 15px;
border-radius:9px;
border:1px solid rgba(178,132,67,.22);
background:#241a12;
text-decoration:none!important;
box-shadow:0 6px 18px rgba(0,0,0,.12);
}
.admin-stat-card>span{font-size:24px}
.admin-stat-card small,.admin-stat-card strong{display:block}
.admin-stat-card small{color:#9e8b72;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.admin-stat-card strong{margin-top:2px;color:#f0d7a8;font-size:22px}
.admin-stat-card:hover{transform:translateY(-1px);border-color:#9b713d;background:#2a1e14}
.admin-stat-card.attention{border-color:rgba(209,154,59,.55)}
.admin-stat-card.danger{border-color:rgba(189,71,57,.65)}
.admin-section{margin-top:24px}
.admin-section-head{
display:flex;
justify-content:space-between;
align-items:flex-end;
margin-bottom:9px;
padding-bottom:8px;
border-bottom:1px solid rgba(173,128,64,.17);
}
.admin-section-head small{color:#846f54;font-size:9px;font-weight:900;letter-spacing:.16em}
.admin-section-head h2{margin:2px 0 0;color:#dfc18e;font-size:18px}
.admin-module-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:10px;
}
.admin-module-card{
display:grid;
grid-template-columns:42px 1fr 20px;
align-items:center;
gap:11px;
min-height:82px;
padding:13px 14px;
border-radius:9px;
border:1px solid rgba(167,124,62,.20);
background:linear-gradient(145deg,#251a12,#21170f);
color:#e5d5bd!important;
text-decoration:none!important;
transition:.15s ease;
}
.admin-module-card:hover{
transform:translateY(-2px);
border-color:#9e723d;
background:linear-gradient(145deg,#2d2015,#241910);
box-shadow:0 9px 22px rgba(0,0,0,.18);
}
.admin-module-card .icon{
display:grid;
place-items:center;
width:39px;height:39px;
border-radius:8px;
background:rgba(183,133,65,.11);
font-size:21px;
}
.admin-module-card h3{margin:0 0 3px;color:#ead0a0;font-size:14px}
.admin-module-card p{margin:0;color:#9f8d75;font-size:12px;line-height:1.35}
.admin-module-card .arrow{font-size:25px;color:#88683f}
/* Unterseiten: bestehendes Markup optisch vereinheitlichen */
body.admin-page>main{
max-width:1450px;
margin:0 auto;
padding:26px 28px 48px;
box-sizing:border-box;
}
.admin-page>header:not(.admin-topbar),
.admin-page .admin-topbar{
color:#e8d7bd;
}
.admin-page .card{
border-radius:9px;
border-color:rgba(165,122,62,.30);
box-shadow:0 8px 22px rgba(0,0,0,.12);
}
.admin-page h1{color:#edd09b}
.admin-page h2,.admin-page h3{color:#d9b77e}
.admin-page table{
width:100%;
border-collapse:separate;
border-spacing:0;
overflow:hidden;
border-radius:7px;
}
.admin-page th{
background:#2a1d13;
color:#d6b77e!important;
font-size:11px;
text-transform:uppercase;
letter-spacing:.05em;
}
.admin-page td{background:rgba(238,217,177,.96);color:#18110b!important}
.admin-page tr:nth-child(even) td{background:rgba(229,203,157,.96)}
.admin-page input,.admin-page select,.admin-page textarea{
border-radius:5px;
}
.admin-page button,.admin-page .button,.admin-page .btn{
border-radius:6px;
}
@media(max-width:900px){
.admin-shell{grid-template-columns:1fr}
.admin-sidebar{
position:relative;
display:flex;
overflow-x:auto;
gap:4px;
padding:8px;
border-right:0;
border-bottom:1px solid rgba(184,137,68,.20);
}
.admin-sidebar-title{display:none}
.admin-sidebar a{white-space:nowrap}
.admin-main{padding:18px 14px 36px}
.admin-hero{align-items:flex-start;flex-direction:column}
.admin-hero-role{min-width:0;width:100%;box-sizing:border-box}
.admin-module-grid{grid-template-columns:1fr}
}
/* =========================================================
V19.72 – Admin-Unterseiten
========================================================= */
.admin-subpage>main{
max-width:1500px!important;
padding-top:22px!important;
}
.admin-subpage-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:16px;
margin:0 0 12px;
padding:18px 20px;
border:1px solid rgba(177,130,65,.28);
border-radius:10px;
background:linear-gradient(115deg,#342315,#21170f);
box-shadow:0 10px 28px rgba(0,0,0,.16);
}
.admin-subpage-head h1{
margin:4px 0 0!important;
font-size:24px!important;
color:#efd29c!important;
}
.admin-breadcrumb{
display:block;
color:#9c8669;
font-size:11px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
}
.admin-breadcrumb a{color:#b89765!important;text-decoration:none}
.admin-back-btn{
flex:0 0 auto;
padding:8px 11px;
border:1px solid rgba(190,142,72,.34);
border-radius:6px;
background:rgba(0,0,0,.15);
color:#dec49b!important;
text-decoration:none!important;
font-size:12px;
font-weight:800;
}
.admin-back-btn:hover{background:rgba(187,137,65,.12);border-color:#a5793f}
.admin-subnav{
display:flex;
gap:6px;
overflow-x:auto;
margin-bottom:16px;
padding:7px;
border:1px solid rgba(172,126,62,.19);
border-radius:8px;
background:#1c140e;
scrollbar-width:thin;
}
.admin-subnav a{
flex:0 0 auto;
padding:7px 10px;
border-radius:5px;
color:#bfa98b!important;
text-decoration:none!important;
font-size:11px;
font-weight:800;
white-space:nowrap;
}
.admin-subnav a:hover{background:#332316;color:#efd09a!important}
.admin-old-title{display:none!important}
.admin-subpage .card{
margin-bottom:12px;
padding:16px 18px;
background:linear-gradient(145deg,rgba(246,229,195,.98),rgba(226,200,154,.98));
color:#1d150e!important;
}
.admin-subpage .card h2,
.admin-subpage .card h3{
color:#5c3b1f!important;
}
.admin-subpage .card p,
.admin-subpage .card label,
.admin-subpage .card small{
color:#3b2b1d;
}
.admin-subpage .card a:not(.button):not(.btn){
color:#704315;
}
.admin-subpage form{
display:flex;
flex-wrap:wrap;
gap:9px;
align-items:end;
}
.admin-subpage form label{
display:flex;
flex-direction:column;
gap:4px;
min-width:150px;
}
.admin-subpage input,
.admin-subpage select,
.admin-subpage textarea{
box-sizing:border-box;
min-height:36px;
padding:7px 9px;
border:1px solid #a88a61;
background:#fffaf0;
color:#21170e;
}
.admin-subpage textarea{min-height:90px;min-width:260px}
.admin-subpage button,
.admin-subpage .button,
.admin-subpage .btn{
min-height:36px;
padding:8px 12px;
font-weight:800;
cursor:pointer;
}
.admin-subpage table{
margin-top:10px;
font-size:13px;
}
.admin-subpage th{
position:sticky;
top:64px;
z-index:2;
padding:10px 9px;
}
.admin-subpage td{padding:9px}
.admin-subpage .card table a{font-weight:800}
.admin-subpage .grid{
gap:12px!important;
}
.admin-subpage details{
margin:8px 0;
border:1px solid rgba(112,72,30,.25);
border-radius:7px;
overflow:hidden;
}
.admin-subpage summary{
padding:10px 12px;
cursor:pointer;
font-weight:800;
background:rgba(106,69,31,.08);
}
/* visually separate dangerous/destructive actions */
.admin-subpage button[name*="delete"],
.admin-subpage button[value="delete"],
.admin-subpage .danger{
border-color:#9a4b3f!important;
}
/* Long management tables stay usable */
.admin-subpage .card{
overflow-x:auto;
}
.admin-subpage .card>h2,
.admin-subpage .card>h3,
.admin-subpage .card>p,
.admin-subpage .card>form{
min-width:0;
}
@media(max-width:760px){
.admin-subpage-head{align-items:flex-start;flex-direction:column}
.admin-subpage form{display:grid;grid-template-columns:1fr;width:100%}
.admin-subpage form label,.admin-subpage textarea{min-width:0;width:100%}
.admin-subpage input,.admin-subpage select,.admin-subpage textarea,.admin-subpage button{width:100%}
}
/* V19.73 – Dorfansicht: ausschließlich echte Gebäudestufen */
.village-scene .building-pin .lvl{
min-width:auto !important;
padding:3px 7px !important;
white-space:nowrap;
font-size:11px !important;
font-weight:900 !important;
}
/* V19.74 – Bauwarteschlange in der Dorfübersicht */
.village-build-queue-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
.village-build-queue-count{
display:inline-flex;
align-items:center;
min-height:24px;
padding:2px 8px;
border-radius:999px;
background:rgba(154,111,55,.14);
border:1px solid rgba(154,111,55,.28);
font-size:11px;
font-weight:900;
}
.village-build-queue-dropdown{
margin-top:8px;
border:1px solid rgba(131,90,43,.28);
border-radius:7px;
overflow:hidden;
background:rgba(255,248,232,.7);
}
.village-build-queue-dropdown>summary{
list-style:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:11px 12px;
color:#23170d;
}
.village-build-queue-dropdown>summary::-webkit-details-marker{display:none}
.village-build-queue-summary-main strong,
.village-build-queue-summary-main small{
display:block;
color:#23170d!important;
}
.village-build-queue-summary-main small{
margin-top:3px;
font-size:11px;
}
.village-build-queue-summary-action{
flex:0 0 auto;
font-size:11px;
font-weight:900;
}
.village-build-queue-dropdown[open] .village-build-queue-summary-action{
font-size:0;
}
.village-build-queue-dropdown[open] .village-build-queue-summary-action::after{
content:"Einklappen ▴";
font-size:11px;
}
.village-build-queue-list{
border-top:1px solid rgba(131,90,43,.20);
}
.village-build-queue-item{
display:grid;
grid-template-columns:36px minmax(0,1fr) auto;
align-items:center;
gap:9px;
padding:9px 11px;
border-bottom:1px solid rgba(131,90,43,.14);
}
.village-build-queue-item:last-child{border-bottom:0}
.village-build-queue-position{
display:grid;
place-items:center;
width:30px;
height:30px;
border-radius:50%;
background:rgba(113,76,34,.12);
font-size:11px;
font-weight:900;
color:#3a2714;
}
.village-build-queue-info strong,
.village-build-queue-info small{
display:block;
color:#23170d!important;
}
.village-build-queue-info small{
margin-top:2px;
font-size:11px;
}
.village-build-queue-time{
font-size:11px;
color:#5c442d;
white-space:nowrap;
}
@media(max-width:650px){
.village-build-queue-item{
grid-template-columns:32px minmax(0,1fr);
}
.village-build-queue-time{
grid-column:2;
}
}
/* V19.77 – Erfolge */
.achievements-page{max-width:1180px;margin:0 auto}
.achievement-hero{display:flex;justify-content:space-between;align-items:center;gap:24px}
.achievement-kicker{font-size:11px;font-weight:900;letter-spacing:.14em}
.achievement-hero h1{margin:.35rem 0}
.achievement-level-box{min-width:145px;text-align:center;padding:14px;border:1px solid rgba(120,80,35,.25);border-radius:12px;background:rgba(255,247,226,.6)}
.achievement-level-box small,.achievement-level-box span{display:block}
.achievement-level-box strong{display:block;font-size:38px;line-height:1.1;margin:4px 0}
.achievement-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}
.achievement-overview .card{text-align:center;margin:0}
.achievement-overview small,.achievement-overview strong{display:block}
.achievement-overview strong{font-size:22px;margin-top:3px}
.achievement-level-progress{margin-bottom:14px}
.achievement-level-progress>div:first-child{display:flex;justify-content:space-between;gap:12px}
.achievement-progress{height:8px;border-radius:999px;background:rgba(55,38,22,.15);overflow:hidden;margin:8px 0 5px}
.achievement-progress i{display:block;height:100%;background:linear-gradient(90deg,#9b6a2d,#d9ad58);border-radius:inherit}
.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.achievement-card{display:flex;gap:13px;padding:15px;border:1px solid rgba(120,80,35,.25);border-radius:12px;background:rgba(255,248,232,.88)}
.achievement-card.locked{opacity:.68;filter:saturate(.55)}
.achievement-card.unlocked{box-shadow:0 4px 18px rgba(91,60,24,.10)}
.achievement-icon{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:25px;background:rgba(154,111,55,.14)}
.achievement-card-main{min-width:0;flex:1}
.achievement-card-title{display:flex;justify-content:space-between;align-items:center;gap:8px}
.achievement-card-title span{font-size:10px;font-weight:900;padding:3px 7px;border-radius:999px;background:rgba(98,120,50,.16)}
.achievement-card p{margin:6px 0;font-size:13px}
.achievement-card small,.achievement-card time{display:block;font-size:11px}
.achievement-card time{margin-top:5px;font-weight:700}
@media(max-width:760px){.achievement-overview{grid-template-columns:repeat(2,1fr)}.achievement-grid{grid-template-columns:1fr}.achievement-hero{align-items:flex-start;flex-direction:column}.achievement-level-box{width:100%}}
/* V19.78 – Erfolge: Schrift wieder schwarz */
.achievements-page,
.achievements-page h1,
.achievements-page h2,
.achievements-page h3,
.achievements-page p,
.achievements-page strong,
.achievements-page small,
.achievements-page span,
.achievements-page time,
.achievement-card,
.achievement-card-main,
.achievement-card-title,
.achievement-card-title strong,
.achievement-level-box,
.achievement-overview .card,
.achievement-level-progress{
color:#111 !important;
}
/* V19.79 – Erfolgsbelohnungen */
.achievement-reward{margin-top:9px;padding:8px 10px;border-radius:8px;background:rgba(113,76,34,.09);border:1px solid rgba(113,76,34,.16);color:#111!important}
.achievement-reward strong,.achievement-reward span{display:block;color:#111!important}
.achievement-reward span{margin-top:3px;font-size:11px;line-height:1.45}
.achievement-claim-form{margin-top:8px!important;display:block!important}
.achievement-claim-form button{width:100%;cursor:pointer;font-weight:900}
.achievement-claimed{margin-top:8px;padding:6px 8px;border-radius:7px;background:rgba(74,120,51,.14);font-size:11px;font-weight:900;color:#111!important}
.achievement-reward-message{margin-bottom:12px;color:#111!important;font-weight:800}
.achievement-reward-message.error{border-color:rgba(160,45,35,.5)}
.achievement-reward-message.success{border-color:rgba(68,120,50,.5)}
/* V19.80 – Globaler Wartungsmodus */
.maintenance-login-banner{max-width:980px;margin:18px auto;padding:18px 20px;display:flex;gap:16px;align-items:center;border:2px solid #9d722f;border-radius:12px;background:#fff3cf;color:#111;box-shadow:0 8px 28px rgba(0,0,0,.12)}
.maintenance-login-banner h2,.maintenance-login-banner p,.maintenance-login-banner strong{color:#111!important;margin-top:0}
.maintenance-login-banner p{margin-bottom:6px}
.maintenance-login-icon{font-size:38px}
.admin-maintenance-strip{display:flex;align-items:center;gap:13px;margin:0 0 15px;padding:13px 16px;border-radius:10px;text-decoration:none}
.admin-maintenance-strip span{font-size:24px}
.admin-maintenance-strip div{flex:1}
.admin-maintenance-strip small,.admin-maintenance-strip strong{display:block}
.admin-maintenance-strip.active{background:#ffe4df;border:1px solid #a94635;color:#42140d}
.admin-maintenance-strip.inactive{background:#e9f3df;border:1px solid #688d4b;color:#1f3514}
.maintenance-admin-status{display:flex;gap:16px;align-items:center}
.maintenance-admin-status.is-active{border:2px solid #a94635;background:#fff0ec}
.maintenance-admin-status.is-off{border:2px solid #688d4b;background:#f0f7e9}
.maintenance-status-icon{font-size:34px}
.maintenance-admin-status h2,.maintenance-admin-status p,.maintenance-admin-status small{color:#111!important}
.maintenance-admin-form{display:grid!important;gap:14px!important}
.maintenance-admin-form label{display:grid;gap:6px;font-weight:800}
.maintenance-admin-form input[type=text],.maintenance-admin-form textarea{width:100%}
.maintenance-switch-row{display:flex!important;justify-content:space-between;align-items:center;gap:20px;padding:13px;border:1px solid rgba(110,75,35,.25);border-radius:9px}
.maintenance-switch-row span{display:grid;gap:4px}
.maintenance-switch-row small{font-weight:400}
.maintenance-switch-row input[type=checkbox]{width:24px;height:24px;flex:0 0 auto}
.maintenance-warning{padding:12px;border-radius:8px;background:#fff3cf;border:1px solid #c89b48;color:#111}
@media(max-width:650px){.maintenance-login-banner,.maintenance-admin-status,.maintenance-switch-row,.admin-maintenance-strip{align-items:flex-start}.maintenance-switch-row{flex-direction:column}.admin-maintenance-strip b{display:none}}
/* V19.81 – Berichtszentrale */
.report-toolbar-main{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.report-filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:12px 0}
.report-filter-bar label{display:grid;gap:5px;min-width:170px;font-weight:700}
.report-filter-bar input,.report-filter-bar select{width:100%}
.report-bulk-bar{position:sticky;top:68px;z-index:12;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0;padding:10px 12px}
.report-select-all{display:flex;align-items:center;gap:7px;margin-right:auto}
.report-select-all input,.report-row-checkbox{width:18px;height:18px}
.report-bulk-bar select{min-width:190px}
.v10-report-list .v10-report{display:flex;align-items:stretch}
.report-checkbox-wrap{display:flex;align-items:flex-start;padding:22px 5px 0 14px}
.report-checkbox-wrap + .v10-report-main{flex:1}
.report-archive-footer{display:flex;justify-content:flex-end;margin-top:12px}
.report-settings-card input[type=text]{width:100%}
@media(max-width:760px){
.report-filter-bar{display:grid;grid-template-columns:1fr}
.report-filter-bar label{min-width:0}
.report-bulk-bar{top:0}
.report-bulk-bar select,.report-bulk-bar button{width:100%}
.report-select-all{width:100%}
}
/* V19.83 – Startseiten-Redesign */
.kov-start-body{background:
radial-gradient(circle at 50% -10%,rgba(153,111,47,.18),transparent 34%),
linear-gradient(180deg,#090806 0,#12100c 34%,#0b0a08 100%);color:#e8dfd0}
.kov-start-topbar{background:rgba(11,10,8,.92)!important;backdrop-filter:blur(12px);border-bottom:1px solid rgba(211,168,82,.25);box-shadow:0 8px 28px rgba(0,0,0,.28)}
.kov-start-brand{letter-spacing:.08em;text-shadow:0 0 22px rgba(211,168,82,.25)}
.kov-start-topbar nav a{padding:8px 2px;position:relative}
.kov-start-topbar nav a:not(.kov-nav-play):after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:#d3a852;transition:.2s}
.kov-start-topbar nav a:hover:after{right:0}
.kov-nav-play{padding:9px 15px!important;border:1px solid #b98a3f;border-radius:7px;background:linear-gradient(#d5aa5a,#9c6e2e);color:#171008!important;font-weight:900;box-shadow:0 4px 16px rgba(0,0,0,.3)}
.kov-start-page{width:min(100% - 36px,1460px)!important}
.kov-hero{min-height:690px!important;border:1px solid rgba(211,168,82,.22);border-radius:0 0 22px 22px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.34)}
.kov-hero:before{background:
linear-gradient(90deg,rgba(9,8,6,.98) 0%,rgba(9,8,6,.86) 43%,rgba(9,8,6,.45) 68%,rgba(9,8,6,.72) 100%),
radial-gradient(circle at 67% 42%,rgba(207,157,72,.20),transparent 27%)!important}
.kov-hero-copy{position:relative;z-index:2;max-width:790px}
.kov-kicker{display:inline-flex;padding:7px 10px;border:1px solid rgba(211,168,82,.35);border-radius:999px;background:rgba(211,168,82,.08)}
.kov-hero-copy h1{font-size:clamp(3.2rem,5.4vw,6rem)!important;line-height:.94!important;letter-spacing:-.045em;margin:22px 0!important;text-shadow:0 5px 25px rgba(0,0,0,.55)}
.kov-hero-copy>p{font-size:1.08rem!important;max-width:670px}
.kov-primary-btn,.kov-secondary-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding-inline:20px!important}
.kov-primary-btn{box-shadow:0 9px 28px rgba(169,118,43,.25)}
.kov-hero-stats{display:grid!important;grid-template-columns:repeat(4,minmax(90px,1fr));max-width:650px;border-top:1px solid rgba(220,188,126,.18);padding-top:20px!important}
.kov-hero-stats div{padding-right:18px;border-right:1px solid rgba(220,188,126,.16)}
.kov-hero-stats div:last-child{border-right:0}
.kov-hero-worlds{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.kov-world-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);font-size:.78rem}
.kov-world-pill i,.kov-login-topline i{width:8px;height:8px;border-radius:50%;display:inline-block}
.kov-world-pill.online i,.kov-login-topline i.online{background:#72bd61;box-shadow:0 0 10px #72bd61}
.kov-world-pill.maintenance i,.kov-login-topline i.maintenance{background:#d69a47;box-shadow:0 0 10px #d69a47}
.kov-login-panel{position:relative!important;z-index:3!important;margin:55px 35px 55px 0!important;align-self:center!important;border:1px solid rgba(224,183,100,.35)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(34,29,21,.96),rgba(18,16,12,.98))!important;box-shadow:0 24px 60px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05)!important}
.kov-login-panel:before{content:"";position:absolute;inset:8px;border:1px solid rgba(211,168,82,.09);border-radius:11px;pointer-events:none}
.kov-login-topline{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;font-weight:900;letter-spacing:.14em;color:#bda575;margin-bottom:8px}
.kov-login-seal{filter:drop-shadow(0 5px 12px rgba(0,0,0,.5))}
.kov-start-login-form input,.kov-start-login-form select{background:#0f0e0b!important;border:1px solid rgba(211,168,82,.25)!important;min-height:45px}
.kov-start-login-form input:focus,.kov-start-login-form select:focus{border-color:#d3a852!important;box-shadow:0 0 0 3px rgba(211,168,82,.11);outline:none}
.kov-start-login-form button{min-height:48px;font-weight:900;letter-spacing:.03em}
.kov-home-maintenance{display:flex;align-items:center;gap:14px;margin:18px 0 0;padding:13px 16px;border:1px solid #a87332;background:#fff0c8;color:#21160b;border-radius:10px}
.kov-home-maintenance>span{font-size:28px}.kov-home-maintenance div{flex:1}.kov-home-maintenance p{margin:3px 0;color:#21160b}
.kov-kingdom-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:32px 0 0;border:1px solid rgba(211,168,82,.2);background:rgba(18,16,12,.8);border-radius:12px;overflow:hidden}
.kov-kingdom-strip>div{padding:22px 24px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;border-right:1px solid rgba(211,168,82,.15)}
.kov-kingdom-strip>div:last-child{border-right:0}.kov-kingdom-strip span{grid-row:1/3;font-family:serif;font-size:1.7rem;color:#d3a852;opacity:.7}.kov-kingdom-strip strong{font-size:1rem;color:#ead6ac}.kov-kingdom-strip small{color:#9f9587;margin-top:3px}
.kov-start-section{position:relative}
.kov-section-heading{max-width:760px;margin-inline:auto;text-align:center}
.kov-section-heading h2{font-size:clamp(2rem,3vw,3.2rem);margin:8px 0 10px}
.kov-feature-grid{gap:15px!important}
.kov-feature-grid article{position:relative;overflow:hidden;min-height:210px;padding:26px!important;border:1px solid rgba(211,168,82,.16)!important;background:linear-gradient(145deg,rgba(39,33,24,.9),rgba(20,18,14,.95))!important;transition:transform .2s,border-color .2s,box-shadow .2s}
.kov-feature-grid article:hover{transform:translateY(-4px);border-color:rgba(211,168,82,.48)!important;box-shadow:0 18px 35px rgba(0,0,0,.25)}
.kov-feature-grid article>div:first-child{font-size:2rem;margin-bottom:18px}
.kov-feature-grid article:after{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(211,168,82,.08);border-radius:50%;right:-45px;bottom:-50px}
.kov-home-news-card,.kov-start-news-card,.kov-changelog-preview-card{border:1px solid rgba(211,168,82,.16)!important;background:linear-gradient(145deg,rgba(35,30,22,.94),rgba(18,16,13,.98))!important;border-radius:12px!important;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.kov-start-cta{border:1px solid rgba(211,168,82,.28)!important;border-radius:15px!important;background:radial-gradient(circle at 85% 50%,rgba(211,168,82,.15),transparent 30%),linear-gradient(135deg,#211b13,#100e0b)!important;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.kov-start-footer{border-top:1px solid rgba(211,168,82,.17)!important;background:#090806!important}
@media(max-width:980px){
.kov-login-panel{margin:20px!important}
.kov-kingdom-strip{grid-template-columns:repeat(2,1fr)}
.kov-kingdom-strip>div:nth-child(2){border-right:0}
.kov-kingdom-strip>div:nth-child(-n+2){border-bottom:1px solid rgba(211,168,82,.15)}
}
@media(max-width:620px){
.kov-start-page{width:min(100% - 18px,1460px)!important}
.kov-hero-copy h1{font-size:2.75rem!important}
.kov-hero-stats{grid-template-columns:repeat(2,1fr)}
.kov-hero-stats div:nth-child(2){border-right:0}
.kov-kingdom-strip{grid-template-columns:1fr}
.kov-kingdom-strip>div{border-right:0!important;border-bottom:1px solid rgba(211,168,82,.15)!important}
.kov-kingdom-strip>div:last-child{border-bottom:0!important}
.kov-home-maintenance{align-items:flex-start;flex-wrap:wrap}
}
/* V19.84 – Royal Landing Page + Login-Navigation */
html{scroll-behavior:smooth}
#login{scroll-margin-top:100px}
.kov-start-body{
background:
radial-gradient(ellipse at 50% -5%,rgba(187,132,50,.20),transparent 31%),
radial-gradient(circle at 8% 28%,rgba(116,78,31,.10),transparent 24%),
linear-gradient(180deg,#070706 0,#100e0b 31%,#090806 100%)!important;
}
.kov-start-topbar{min-height:72px!important}
.kov-start-topbar:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;background:linear-gradient(90deg,transparent,rgba(211,168,82,.55),transparent);opacity:.55}
.kov-start-brand{font-family:Georgia,serif;font-size:1.05rem!important}
.kov-start-brand:before{content:"♛";margin-right:8px;color:#d6aa55;font-size:1.15rem}
.kov-start-topbar nav{gap:20px!important}
.kov-nav-login{
border:1px solid rgba(211,168,82,.42)!important;
border-radius:7px;
padding:8px 13px!important;
background:rgba(211,168,82,.06);
color:#ead4a7!important;
font-weight:900!important;
}
.kov-nav-login:hover{background:rgba(211,168,82,.14)!important;box-shadow:0 0 20px rgba(211,168,82,.10)}
.kov-nav-login:after,.kov-nav-play:after{display:none!important}
.kov-hero{
position:relative;
min-height:735px!important;
border-radius:0 0 28px 28px!important;
border-color:rgba(217,172,83,.30)!important;
box-shadow:0 32px 90px rgba(0,0,0,.48),inset 0 -1px rgba(230,190,112,.10)!important;
}
.kov-hero:after{
content:"";position:absolute;inset:0;pointer-events:none;
background:
linear-gradient(180deg,rgba(255,213,124,.035),transparent 22%),
radial-gradient(ellipse at 67% 45%,transparent 0 18%,rgba(0,0,0,.13) 52%,rgba(0,0,0,.42) 100%);
}
.kov-hero-copy{padding-left:clamp(26px,5vw,76px)!important}
.kov-kicker{font-size:.72rem!important;letter-spacing:.19em!important;text-transform:uppercase}
.kov-hero-copy h1{
font-family:Georgia,"Times New Roman",serif!important;
font-weight:700!important;
background:linear-gradient(180deg,#fff8e7 10%,#e8d2a1 58%,#b98b42 100%);
-webkit-background-clip:text;background-clip:text;color:transparent!important;
filter:drop-shadow(0 5px 13px rgba(0,0,0,.6));
}
.kov-hero-copy>p{color:#d2c8b8!important;line-height:1.8!important}
.kov-hero-actions{gap:12px!important;margin-top:26px!important}
.kov-primary-btn{background:linear-gradient(180deg,#e0b663,#a8762f)!important;border:1px solid #efcd83!important;color:#160f07!important;box-shadow:0 10px 28px rgba(159,107,37,.28),inset 0 1px rgba(255,255,255,.35)!important}
.kov-secondary-btn{border:1px solid rgba(223,185,108,.38)!important;background:rgba(14,12,9,.6)!important;color:#e4d3b1!important}
.kov-hero-stats{margin-top:34px!important}
.kov-hero-stats b{font-family:Georgia,serif;font-size:1.55rem!important;color:#e0b25b!important}
.kov-hero-stats span{font-size:.68rem!important;text-transform:uppercase;letter-spacing:.08em;color:#9f9585!important}
.kov-login-panel{
width:min(400px,calc(100% - 40px))!important;
padding:30px!important;
border:1px solid rgba(225,181,94,.45)!important;
border-radius:18px!important;
background:
radial-gradient(circle at 50% 0,rgba(211,168,82,.10),transparent 35%),
linear-gradient(180deg,rgba(35,29,20,.985),rgba(14,13,10,.99))!important;
box-shadow:0 30px 80px rgba(0,0,0,.58),0 0 0 6px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.07)!important;
}
.kov-login-panel:after{content:"";position:absolute;left:25%;right:25%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#f0ca7b,transparent)}
.kov-login-panel h2{font-family:Georgia,serif!important;font-size:1.65rem!important;color:#ead6ad!important;margin-bottom:4px!important}
.kov-login-panel>p{color:#a99d8b!important}
.kov-login-seal{width:60px!important;height:60px!important;border:1px solid rgba(231,192,113,.36);border-radius:50%;display:grid!important;place-items:center;margin-inline:auto;background:rgba(211,168,82,.07)}
.kov-start-login-form label{color:#b8a98f!important;font-size:.72rem!important;letter-spacing:.06em;text-transform:uppercase}
.kov-start-login-form input,.kov-start-login-form select{border-radius:7px!important;background:rgba(6,6,5,.72)!important}
.kov-start-login-form button{border-radius:7px!important;background:linear-gradient(#dcb15d,#9e6d2b)!important;color:#140e07!important;border:1px solid #e8c372!important}
.kov-ornament-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:30px auto 0;width:min(580px,80%);color:#b98b43;opacity:.75}
.kov-ornament-divider i{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(211,168,82,.65))}
.kov-ornament-divider i:last-child{background:linear-gradient(90deg,rgba(211,168,82,.65),transparent)}
.kov-ornament-divider span{font-size:.75rem}
.kov-kingdom-strip{margin-top:24px!important;background:linear-gradient(180deg,rgba(29,25,18,.94),rgba(13,12,9,.96))!important;box-shadow:0 16px 40px rgba(0,0,0,.2)}
.kov-kingdom-strip>div{transition:background .2s}
.kov-kingdom-strip>div:hover{background:rgba(211,168,82,.055)}
.kov-kingdom-strip strong{font-family:Georgia,serif;font-size:1.08rem!important}
.kov-section-heading .kov-kicker{background:transparent!important;border:0!important;padding:0!important;color:#bd9148!important}
.kov-section-heading h2{font-family:Georgia,serif!important;color:#ead9b8!important}
.kov-feature-grid article{border-radius:14px!important}
.kov-feature-grid article h3{font-family:Georgia,serif!important;color:#e8d4ac!important;font-size:1.25rem!important}
.kov-feature-grid article p{color:#aaa092!important;line-height:1.65}
.kov-home-news-card,.kov-start-news-card,.kov-changelog-preview-card{transition:transform .2s,border-color .2s}
.kov-home-news-card:hover,.kov-start-news-card:hover,.kov-changelog-preview-card:hover{transform:translateY(-3px);border-color:rgba(211,168,82,.4)!important}
.kov-start-cta{position:relative;overflow:hidden;padding:38px!important}
.kov-start-cta:before{content:"♛";position:absolute;right:6%;top:50%;transform:translateY(-50%);font-size:9rem;color:rgba(211,168,82,.055);font-family:Georgia,serif}
.kov-start-cta h2{font-family:Georgia,serif!important;font-size:clamp(1.8rem,3vw,3rem)!important;color:#ead5ad!important}
@media(max-width:1080px){.kov-start-topbar nav{gap:11px!important}.kov-nav-login{padding:7px 9px!important}}
@media(max-width:760px){
.kov-start-topbar nav{display:flex!important;overflow-x:auto;padding-bottom:5px}
.kov-start-topbar nav a{white-space:nowrap}
.kov-login-panel{width:auto!important}
}
/* V19.85 – Königliche Registrierungsseite */
.kov-register-body{
margin:0;min-height:100vh;color:#e8ddc7;
background:
radial-gradient(circle at 18% 10%,rgba(185,132,53,.17),transparent 27%),
radial-gradient(circle at 82% 40%,rgba(118,77,30,.11),transparent 26%),
linear-gradient(180deg,#080706 0,#12100c 48%,#080706 100%);
}
.kov-register-topbar{
position:sticky;top:0;z-index:50;min-height:72px;padding:0 clamp(18px,4vw,58px);
display:flex;align-items:center;justify-content:space-between;gap:24px;
background:rgba(9,8,6,.94);backdrop-filter:blur(12px);
border-bottom:1px solid rgba(211,168,82,.25);box-shadow:0 8px 30px rgba(0,0,0,.3)
}
.kov-register-topbar:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:linear-gradient(90deg,transparent,rgba(211,168,82,.5),transparent)}
.kov-register-brand{display:flex;gap:10px;align-items:center;color:#ecd7ad!important;text-decoration:none;font-family:Georgia,serif;font-weight:900;letter-spacing:.08em}
.kov-register-brand:first-letter{color:#d8aa54}
.kov-register-topbar nav{display:flex;align-items:center;gap:20px}
.kov-register-topbar nav a{color:#b9ad9a;text-decoration:none;font-size:.88rem;font-weight:700}
.kov-register-topbar nav a:hover{color:#e3c98f}
.kov-register-login-link{border:1px solid rgba(211,168,82,.38);padding:8px 12px;border-radius:7px;color:#ead4a7!important;background:rgba(211,168,82,.06)}
.kov-register-page{width:min(1380px,calc(100% - 36px));margin:0 auto;padding:54px 0 35px}
.kov-register-shell{
display:grid;grid-template-columns:minmax(0,1.2fr) minmax(370px,.72fr);min-height:680px;
border:1px solid rgba(211,168,82,.25);border-radius:24px;overflow:hidden;
background:linear-gradient(115deg,rgba(20,17,12,.97),rgba(8,8,6,.98));
box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.04)
}
.kov-register-story{
position:relative;overflow:hidden;padding:clamp(45px,6vw,86px);
background:
linear-gradient(90deg,rgba(8,7,5,.94),rgba(10,9,7,.72)),
radial-gradient(circle at 75% 32%,rgba(211,168,82,.17),transparent 28%);
}
.kov-register-story:before{content:"♜";position:absolute;right:4%;bottom:-10%;font-family:Georgia,serif;font-size:25rem;color:rgba(211,168,82,.035);line-height:1}
.kov-register-story:after{content:"";position:absolute;inset:14px;border:1px solid rgba(211,168,82,.08);border-radius:17px;pointer-events:none}
.kov-register-kicker{display:inline-block;color:#c99b4e;font-size:.72rem;font-weight:900;letter-spacing:.2em}
.kov-register-crown{font-size:2.5rem;color:#d3a852;margin:26px 0 8px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}
.kov-register-story h1{margin:0;font-family:Georgia,serif;font-size:clamp(3rem,5vw,5.7rem);line-height:.96;letter-spacing:-.04em;background:linear-gradient(#fff7e4,#e0c58f 60%,#b7853e);-webkit-background-clip:text;background-clip:text;color:transparent}
.kov-register-story>p{position:relative;z-index:2;max-width:660px;margin:24px 0 32px;color:#bdb19f;font-size:1.05rem;line-height:1.8}
.kov-register-roadmap{position:relative;z-index:2;display:grid;gap:11px;max-width:640px}
.kov-register-roadmap>div{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding:11px 14px;border:1px solid rgba(211,168,82,.12);background:rgba(0,0,0,.2);border-radius:9px}
.kov-register-roadmap>div>span{font-family:Georgia,serif;font-size:1.3rem;color:#c89748}
.kov-register-roadmap strong,.kov-register-roadmap small{display:block}.kov-register-roadmap strong{color:#e5d2ac}.kov-register-roadmap small{margin-top:3px;color:#8f8679}
.kov-register-features{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}
.kov-register-features span{padding:6px 9px;border-radius:999px;border:1px solid rgba(211,168,82,.14);background:rgba(211,168,82,.045);font-size:.75rem;color:#b9aa90}
.kov-register-panel{position:relative;padding:clamp(30px,4vw,52px);background:radial-gradient(circle at 50% 0,rgba(211,168,82,.105),transparent 31%),linear-gradient(180deg,#221d15,#100e0b)}
.kov-register-panel:before{content:"";position:absolute;left:28%;right:28%;top:0;height:1px;background:linear-gradient(90deg,transparent,#e4bc70,transparent)}
.kov-register-panel-head{text-align:center;margin-bottom:28px}
.kov-register-seal{display:grid;width:64px;height:64px;place-items:center;margin:0 auto 15px;border-radius:50%;border:1px solid rgba(225,184,101,.35);background:rgba(211,168,82,.06);font-size:1.65rem;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.kov-register-panel-head small{color:#b68a42;font-weight:900;letter-spacing:.18em}
.kov-register-panel-head h2{font-family:Georgia,serif;color:#ecd8af;font-size:2rem;margin:7px 0 5px}
.kov-register-panel-head p{color:#948a7d;margin:0}
.kov-register-form{display:grid;gap:17px}
.kov-register-form>label{display:grid;gap:6px}.kov-register-form>label>span{font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#b7aa92}
.kov-register-form>label>small{color:#7f776b;font-size:.72rem}
.kov-register-field{display:flex;align-items:center;border:1px solid rgba(211,168,82,.22);border-radius:8px;background:rgba(5,5,4,.65);transition:border-color .2s,box-shadow .2s}
.kov-register-field:focus-within{border-color:#cc9c4e;box-shadow:0 0 0 3px rgba(211,168,82,.09)}
.kov-register-field>i{width:42px;text-align:center;font-style:normal;opacity:.76}
.kov-register-field input{flex:1;min-width:0;height:46px;border:0!important;outline:0!important;background:transparent!important;color:#eee3d1!important;padding:0 8px!important;box-shadow:none!important}
.kov-register-field input::placeholder{color:#6f685e}
.kov-password-toggle{width:42px;height:42px;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;font-size:1rem;opacity:.7;cursor:pointer}
.kov-password-strength{height:4px;border-radius:999px;overflow:hidden;background:#28231b;margin-top:1px}.kov-password-strength i{display:block;width:0;height:100%;background:#b07931;transition:.25s}
#strengthText[data-strength="strong"]{color:#8fb474}.kov-register-security{display:flex;gap:9px;align-items:flex-start;padding:11px;border-radius:8px;background:rgba(88,112,67,.08);border:1px solid rgba(119,151,88,.17);font-size:.75rem;color:#9b9d8d}
.kov-register-submit{display:flex;justify-content:center;align-items:center;gap:8px;min-height:49px;width:100%;border:1px solid #e3bd70!important;border-radius:8px;background:linear-gradient(#dfb55f,#9c6b2b)!important;color:#150e07!important;text-decoration:none!important;font-weight:900!important;box-shadow:0 9px 25px rgba(135,89,31,.22)!important;cursor:pointer}
.kov-register-submit:hover{filter:brightness(1.08)}
.kov-register-login-note{text-align:center;margin-top:19px;padding-top:17px;border-top:1px solid rgba(211,168,82,.12);color:#887f72;font-size:.82rem}.kov-register-login-note a{color:#d4ac64}
.kov-register-message{padding:11px 13px;margin-bottom:18px;border-radius:8px;font-size:.85rem}.kov-register-message.error{background:#371c18;border:1px solid #81443b;color:#ecc5ba}.kov-register-message.success{background:#172718;border:1px solid #4d714d;color:#c2ddbc}
.kov-register-success-card{text-align:center}.kov-register-success-card>div{font-size:3.2rem}.kov-register-success-card h3{font-family:Georgia,serif;color:#e6c98f;font-size:1.6rem;margin:12px 0 5px}.kov-register-success-card p{color:#999083;margin:0 0 18px}
.kov-register-maintenance{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid #9c7437;background:#fff0c8;color:#21160b;border-radius:9px}.kov-register-maintenance>span{font-size:1.5rem}.kov-register-maintenance p{color:#21160b;margin:4px 0}.kov-register-muted{color:#968b7b;text-align:center}
.kov-register-ornament{display:flex;align-items:center;justify-content:center;gap:12px;width:min(600px,80%);margin:28px auto 0;color:#a77b38}.kov-register-ornament i{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(211,168,82,.52))}.kov-register-ornament i:last-child{background:linear-gradient(90deg,rgba(211,168,82,.52),transparent)}
.kov-register-footer-note{text-align:center;color:#6e6558;font-size:.67rem;letter-spacing:.16em}
@media(max-width:960px){.kov-register-shell{grid-template-columns:1fr}.kov-register-story{padding:45px}.kov-register-story h1{font-size:3.6rem}.kov-register-panel{padding:38px}.kov-register-topbar{position:relative}}
@media(max-width:650px){.kov-register-page{width:calc(100% - 18px);padding-top:20px}.kov-register-topbar{padding:14px 15px;align-items:flex-start;flex-direction:column}.kov-register-topbar nav{width:100%;overflow-x:auto;padding-bottom:4px}.kov-register-topbar nav a{white-space:nowrap}.kov-register-shell{border-radius:15px}.kov-register-story{padding:32px 25px}.kov-register-story h1{font-size:2.8rem}.kov-register-roadmap>div{grid-template-columns:42px 1fr}.kov-register-panel{padding:30px 22px}}
/* V19.86 – Meldesystem & Moderationszentrale */
.message-report-box{display:inline-block;min-width:260px;border:1px solid #9b6d34;border-radius:8px;background:#241b12}
.message-report-box summary{cursor:pointer;padding:9px 12px;font-weight:800;color:#e7c27a}
.message-report-box form{display:grid;gap:10px;padding:12px;border-top:1px solid rgba(215,171,84,.18)}
.message-report-box label{display:grid;gap:5px}.message-report-box select,.message-report-box textarea{width:100%}
.moderation-sidebar-badge,.moderation-card-badge,.moderation-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#a9342d;color:#fff;font-size:.72rem;font-weight:900}
.moderation-filters form{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.moderation-filters label{display:grid;gap:5px;min-width:160px}.moderation-filters label:nth-child(3){flex:1}
.moderation-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.45fr);gap:14px;align-items:start}
.moderation-report-list{display:grid;gap:7px;max-height:1100px;overflow:auto}
.moderation-report-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;border:1px solid #d1c2a3;border-left:4px solid #8a8173;border-radius:8px;background:#fffaf0;color:#201b15;text-decoration:none}
.moderation-report-row:hover,.moderation-report-row.active{border-color:#af8440;background:#fff4db}
.moderation-report-row.status-open{border-left-color:#b93b31}.moderation-report-row.status-in_progress{border-left-color:#c78e24}.moderation-report-row.status-resolved{border-left-color:#4f8a4a}.moderation-report-row.status-rejected{border-left-color:#777}
.moderation-report-row strong,.moderation-report-row span,.moderation-report-row small,.moderation-report-row time{display:block;color:#201b15}.moderation-report-row span{margin:4px 0;font-size:.82rem}.moderation-report-row small,.moderation-report-row time{font-size:.72rem;opacity:.7}.moderation-report-row>div:last-child{text-align:right}
.moderation-detail-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.moderation-detail-head h2{margin:3px 0}
.moderation-status{padding:7px 10px;border-radius:999px;font-weight:900;font-size:.75rem}.moderation-status.status-open{background:#f4c2bd;color:#702019}.moderation-status.status-in_progress{background:#f6deb0;color:#6f4d0f}.moderation-status.status-resolved{background:#cbe5c8;color:#245a25}.moderation-status.status-rejected{background:#ddd;color:#444}
.moderation-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.moderation-meta>div{padding:10px;background:#f7f0e3;border:1px solid #dfd0b5;border-radius:7px}.moderation-meta small,.moderation-meta strong{display:block;color:#211b15}.moderation-meta small{font-size:.7rem;opacity:.66;margin-bottom:3px}
.moderation-evidence{padding:14px;border:2px solid #ad874c;background:#17130e;color:#f2e5cd;border-radius:9px}.moderation-evidence strong{display:block;color:#f2c875;margin-bottom:10px}.moderation-evidence pre{white-space:pre-wrap;word-break:break-word;margin:0;color:#f4eee3;font-family:inherit;line-height:1.55}
.moderation-player-comment{margin-top:10px;padding:12px;border-left:4px solid #8275a8;background:#eee9f5;color:#251e32}.moderation-player-comment p{color:#251e32}
.moderation-actions-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:16px}.moderation-form{display:grid!important;gap:9px!important;padding:12px!important;border:1px solid #dfcfb4;border-radius:8px;background:#faf4e8}.moderation-form label{display:grid;gap:5px}.moderation-form.warning{margin-top:10px;border-color:#d5a94d;background:#fff6dd}.moderation-form.danger{margin-top:10px;border-color:#c65b52;background:#fff0ef}.moderation-form.danger button{background:#8e2d28!important}.moderation-account-link{display:block;text-align:center;margin-top:10px}
.moderation-history{display:grid;gap:7px}.moderation-history>div{padding:10px;border:1px solid #ded0b7;background:#faf5ea;border-radius:7px}.moderation-history strong,.moderation-history span,.moderation-history small{display:block;color:#241d15}.moderation-history span{margin:5px 0}.moderation-history small{opacity:.65}
.moderation-empty{text-align:center;padding:70px 30px!important}.moderation-empty>div{font-size:3rem}
@media(max-width:1000px){.moderation-layout{grid-template-columns:1fr}.moderation-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.moderation-actions-grid{grid-template-columns:1fr}.moderation-meta{grid-template-columns:1fr}.moderation-report-row{grid-template-columns:1fr}.moderation-report-row>div:last-child{text-align:left}}
/* V19.87 – Impressum CMS */
.kov-legal-body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(188,133,50,.14),transparent 30%),linear-gradient(#090806,#13100c 45%,#090806);color:#e9dfcd}
.kov-legal-page{width:min(980px,calc(100% - 32px));margin:0 auto;padding:60px 0}
.kov-legal-hero{text-align:center;margin-bottom:25px}.kov-legal-hero>span{font-size:.7rem;font-weight:900;letter-spacing:.2em;color:#c89748}.kov-legal-hero h1{font-family:Georgia,serif;font-size:clamp(2.7rem,6vw,5rem);margin:10px 0;background:linear-gradient(#fff4dc,#d8b56f);-webkit-background-clip:text;background-clip:text;color:transparent}.kov-legal-hero p{color:#a89c89}
.kov-legal-card{position:relative;padding:clamp(25px,5vw,55px);border:1px solid rgba(211,168,82,.28);border-radius:16px;background:linear-gradient(145deg,rgba(35,29,20,.97),rgba(15,13,10,.99));box-shadow:0 24px 60px rgba(0,0,0,.35)}
.kov-legal-card:before{content:"⚖";display:grid;place-items:center;width:58px;height:58px;margin:0 auto 28px;border:1px solid rgba(211,168,82,.3);border-radius:50%;font-size:1.6rem;color:#d5a957}
.kov-legal-content{white-space:normal;color:#e6ddcf;line-height:1.75;word-break:break-word}.kov-legal-empty{text-align:center;color:#a79b89}.kov-legal-back{display:inline-block;margin-top:18px;color:#d5ae68;text-decoration:none}
.legal-admin-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);gap:14px;align-items:start}.legal-admin-form{display:grid!important;gap:14px!important}.legal-admin-form label{display:grid;gap:6px}.legal-admin-form textarea{width:100%;min-height:500px;font-family:inherit;line-height:1.55}.legal-publish-toggle{grid-template-columns:auto 1fr!important;align-items:start!important;padding:12px;border:1px solid #d9c9ab;border-radius:8px;background:#faf4e7}.legal-publish-toggle input{margin-top:4px}.legal-publish-toggle strong,.legal-publish-toggle small{display:block}.legal-publish-toggle small{margin-top:3px;opacity:.65}.legal-admin-help ul{padding-left:20px;line-height:1.7}
@media(max-width:850px){.legal-admin-grid{grid-template-columns:1fr}.kov-legal-page{padding-top:35px}}
/* V19.90 – Sichtbarkeit Rechtliches */
.kov-legal-links-section{border-top:1px solid rgba(205,164,82,.14);border-bottom:1px solid rgba(205,164,82,.14)}
.kov-legal-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1100px;margin:0 auto}
.kov-legal-link-grid>a{display:grid;gap:5px;padding:22px;border:1px solid rgba(208,166,82,.25);border-radius:12px;background:linear-gradient(145deg,rgba(37,30,20,.95),rgba(15,13,10,.98));text-decoration:none;text-align:center;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.kov-legal-link-grid>a:hover{transform:translateY(-2px);border-color:rgba(220,178,91,.55)}
.kov-legal-link-grid span{font-size:1.7rem}.kov-legal-link-grid strong{color:#e4c27d;font-family:Georgia,serif;font-size:1.15rem}.kov-legal-link-grid small{color:#a99b85}
.login-legal-links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:20px 0}.login-legal-links a{color:#b99860}
@media(max-width:760px){.kov-legal-link-grid{grid-template-columns:1fr}}
/* V19.91 – Cookie Consent */
html.kov-cookie-open,html.kov-cookie-open body{overflow:hidden}
.kov-cookie-consent[hidden]{display:none!important}.kov-cookie-consent{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:18px}
.kov-cookie-backdrop{position:absolute;inset:0;background:rgba(4,3,2,.82);backdrop-filter:blur(7px)}
.kov-cookie-modal{position:relative;width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:30px;border:1px solid rgba(219,176,87,.42);border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(185,129,43,.14),transparent 34%),linear-gradient(145deg,#241d13,#0f0d09 72%);box-shadow:0 30px 100px rgba(0,0,0,.75);color:#eee3d0;text-align:center}
.kov-cookie-seal{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 14px;border:1px solid rgba(218,173,84,.38);border-radius:50%;background:rgba(207,158,69,.08);font-size:1.8rem}
.kov-cookie-eyebrow{color:#cda65d;font-size:.68rem;font-weight:900;letter-spacing:.2em}.kov-cookie-modal h2{margin:8px 0 12px;color:#f1d49b;font:700 clamp(1.7rem,5vw,2.4rem) Georgia,serif}.kov-cookie-modal>p{color:#c9beaa;line-height:1.65}
.kov-cookie-types{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;text-align:left}.kov-cookie-types>div{padding:14px;border:1px solid rgba(205,164,82,.18);border-radius:10px;background:rgba(255,255,255,.025)}.kov-cookie-types b{display:block;color:#e2c17e;margin-bottom:5px}.kov-cookie-types small{display:block;color:#a99e8d;line-height:1.45}
.kov-cookie-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.kov-cookie-actions button,.kov-cookie-settings-btn{cursor:pointer;border:1px solid #9c7739;border-radius:8px;padding:11px 17px;background:#211a10;color:#e5c786;font-weight:800}.kov-cookie-actions .kov-cookie-primary{background:linear-gradient(#d1a757,#9b6d27);color:#130e07;border-color:#e2bd70}.kov-cookie-links{font-size:.83rem!important;margin:17px 0 0!important}.kov-cookie-links a{color:#d3ad68}.kov-cookie-settings-btn{margin:18px 0 0 10px}
@media(max-width:600px){.kov-cookie-modal{padding:23px 18px}.kov-cookie-types{grid-template-columns:1fr}.kov-cookie-actions{display:grid}.kov-cookie-actions button{width:100%}}
/* V19.92 – Kontaktformular */
.kov-contact-page{width:min(1100px,calc(100% - 32px));margin:auto;padding:55px 0}.kov-contact-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.55fr);gap:16px;align-items:start}.kov-contact-card:before{content:"✉"}.kov-contact-form{display:grid;gap:15px}.kov-contact-form label{display:grid;gap:7px;color:#d9c7a7;font-weight:800}.kov-contact-form input,.kov-contact-form textarea{box-sizing:border-box;width:100%;border:1px solid rgba(208,166,82,.27);border-radius:8px;padding:12px;background:#0e0c09;color:#eee3d0;font:inherit}.kov-contact-form textarea{resize:vertical}.kov-contact-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kov-contact-privacy{display:flex;gap:10px;padding:12px;border:1px solid rgba(208,166,82,.16);border-radius:9px;background:rgba(255,255,255,.025);color:#aa9e89}.kov-contact-privacy p{margin:0;line-height:1.5}.kov-contact-privacy a{color:#d7b36e}.kov-contact-submit{cursor:pointer;padding:13px;border:1px solid #dfb966;border-radius:8px;background:linear-gradient(#d1a757,#946623);color:#160f06;font-weight:900}.kov-contact-side{display:grid;gap:12px}.kov-contact-side>div{padding:20px;border:1px solid rgba(208,166,82,.2);border-radius:12px;background:linear-gradient(145deg,rgba(34,28,19,.95),rgba(15,13,10,.98));color:#bbae99}.kov-contact-side span{font-size:1.6rem}.kov-contact-side h3{color:#dfbf7d;margin:8px 0}.kov-contact-side p{margin:0;line-height:1.55}.kov-contact-success{padding:12px;border:1px solid rgba(100,180,100,.35);border-radius:8px;background:rgba(60,130,60,.12);color:#bfe0b8}.kov-contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-admin-filter{display:flex!important;gap:8px!important;margin-bottom:12px}.contact-admin-filter input{flex:1}.contact-admin-layout{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);gap:14px;align-items:start}.contact-admin-row{display:flex;justify-content:space-between;gap:12px;padding:12px;margin:7px 0;border:1px solid #ddcfb5;border-radius:8px;text-decoration:none;color:inherit;background:#fffaf0}.contact-admin-row.new{border-left:5px solid #b98732}.contact-admin-row span{display:grid;gap:4px}.contact-admin-row span:last-child{text-align:right}.contact-admin-detail .contact-admin-status{display:inline-block;padding:5px 9px;border-radius:999px;background:#efe2c9;font-weight:800}.contact-message-body{margin:15px 0;padding:18px;border:1px solid #dfd1b9;border-radius:8px;background:#fffdf8;line-height:1.65;white-space:normal}
@media(max-width:850px){.kov-contact-grid,.contact-admin-layout{grid-template-columns:1fr}.kov-contact-two{grid-template-columns:1fr}}