/* Age of Settlements v0.12.19 – Pre-Launch: Ankündigungen, Starterziele, Systemstatus */
.aos-announcement-stack {
    width: calc(100% - 28px);
    margin: 14px auto 0;
    display: grid;
    gap: 10px;
}
.aos-game-content > .page-shell > .aos-announcement-stack,
.aos-game-content > main.page-shell > .aos-announcement-stack {
    width: 100%;
    margin: 0 0 18px;
}
.aos-game-content > .page-shell > .aos-impersonation-card + .aos-announcement-stack,
.aos-game-content > main.page-shell > .aos-impersonation-card + .aos-announcement-stack {
    margin-top: -8px;
}
.aos-announcement-card {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0,1fr) auto;
    gap: 12px;
    align-items: start;
    padding: 13px 14px;
    border: 1px solid rgba(190,151,83,.44);
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(39,31,23,.97), rgba(28,24,19,.98));
    color: #efe5d4;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 7px 18px rgba(0,0,0,.18);
}
.aos-announcement-card.is-success { border-color: rgba(105,176,112,.58); background: linear-gradient(145deg, rgba(24,62,34,.96), rgba(23,42,29,.98)); }
.aos-announcement-card.is-warning { border-color: rgba(221,168,63,.7); background: linear-gradient(145deg, rgba(83,57,14,.96), rgba(50,37,17,.98)); }
.aos-announcement-card.is-critical { border-color: rgba(226,91,91,.78); background: linear-gradient(145deg, rgba(91,20,23,.97), rgba(55,12,14,.98)); }
.aos-announcement-card__icon {
    width: 36px; height: 36px; display: grid; place-items: center;
    border: 1px solid rgba(255,255,255,.22); border-radius: 8px;
    background: rgba(0,0,0,.15); font-weight: 900; color: #f4d393;
}
.aos-announcement-card.is-success .aos-announcement-card__icon { color: #bce4bd; }
.aos-announcement-card.is-warning .aos-announcement-card__icon { color: #ffd983; }
.aos-announcement-card.is-critical .aos-announcement-card__icon { color: #ffc3c3; }
.aos-announcement-card__eyebrow { display:block; margin-bottom:2px; font-size:.63rem; letter-spacing:.1em; text-transform:uppercase; color:#bca47d; font-weight:800; }
.aos-announcement-card__copy strong { display:block; font-family:Georgia,'Times New Roman',serif; font-size:1rem; color:#fff8ea; }
.aos-announcement-card__copy p { margin:4px 0 0; font-size:.8rem; line-height:1.45; color:#ddd0bc; }
.aos-announcement-card__dismiss { margin:0; }
.aos-announcement-card__dismiss button { width:30px; height:30px; border:1px solid rgba(255,255,255,.2); border-radius:7px; background:rgba(0,0,0,.16); color:#f4e7d3; font-size:1.25rem; line-height:1; cursor:pointer; }
.aos-announcement-card__dismiss button:hover { background:rgba(255,255,255,.1); }

.starter-quest-panel {
    width: auto;
    margin: 0 clamp(22px, 3.2vw, 44px) 20px;
    border-color: rgba(216, 157, 54, .22);
    background:
        radial-gradient(circle at 92% -40%, rgba(218, 155, 48, .09), transparent 38%),
        linear-gradient(145deg, rgba(5, 18, 28, .88), rgba(7, 17, 25, .92));
    box-shadow: inset 0 1px rgba(255,255,255,.025), 0 12px 28px rgba(0,0,0,.16);
}
.starter-quest-panel-head {
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 13px;
    align-items: center;
    padding: 16px 18px 14px;
    border-bottom-color: rgba(218, 155, 48, .13);
}
.starter-quest-panel-icon {
    width: 34px;
    height: 34px;
    color: #dca03a;
}
.starter-quest-panel-icon svg {
    width: 28px;
    height: 28px;
}
.starter-quest-heading-copy {
    min-width: 0;
}
.starter-quest-kicker {
    display: block;
    margin-bottom: 2px;
    color: #d49a38;
    font-size: clamp(.58rem, .56vw, .66rem);
    font-weight: 800;
    letter-spacing: .105em;
    text-transform: uppercase;
}
.starter-quest-panel-head h2 {
    margin: 0;
    color: #efe3d1;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1rem, 1vw, 1.16rem);
    line-height: 1.15;
}
.starter-quest-panel-head p {
    max-width: 860px;
    margin: 4px 0 0;
    color: #9f9a91;
    font-size: clamp(.72rem, .68vw, .81rem);
    line-height: 1.42;
}
.starter-quest-progress {
    display: grid;
    min-width: 106px;
    gap: 1px;
    padding: 8px 11px;
    border: 1px solid rgba(218, 155, 48, .18);
    border-radius: 8px;
    background: rgba(3, 13, 21, .48);
    text-align: right;
}
.starter-quest-progress > span {
    color: #9f978c;
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.starter-quest-progress strong {
    color: #e6b04d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.08rem;
    line-height: 1.1;
}
.starter-quest-progress strong small {
    margin-left: 2px;
    color: #8f887d;
    font-family: ui-sans-serif, system-ui, sans-serif;
    font-size: .64rem;
    font-weight: 700;
}
.starter-quest-body {
    padding: 13px 16px 16px;
}
.starter-quest-progressline {
    position: relative;
    overflow: hidden;
    height: 4px;
    border-radius: 999px;
    background: rgba(255,255,255,.065);
}
.starter-quest-progressline > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #b97620, #e6b64d);
    box-shadow: 0 0 10px rgba(226, 170, 65, .24);
}
.starter-quest-summary {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 6px;
    color: #817b73;
    font-size: clamp(.61rem, .58vw, .68rem);
}
.starter-quest-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
    margin-top: 12px;
}
.starter-quest-item {
    display: flex;
    min-width: 0;
    min-height: 164px;
    flex-direction: column;
    padding: 11px;
    border: 1px solid rgba(176,145,92,.18);
    border-radius: 9px;
    background: linear-gradient(145deg, rgba(4,15,24,.61), rgba(2,10,16,.67));
    box-shadow: inset 0 1px rgba(255,255,255,.015);
}
.starter-quest-item.is-completed {
    border-color: rgba(93, 162, 101, .42);
    background: linear-gradient(145deg, rgba(12, 40, 27, .62), rgba(4, 22, 20, .68));
}
.starter-quest-item.is-claimed {
    border-color: rgba(255,255,255,.09);
    background: rgba(8, 16, 22, .48);
    opacity: .72;
}
.starter-quest-item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}
.starter-quest-step {
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(218, 155, 48, .22);
    border-radius: 7px;
    color: #dca03a;
    background: rgba(218, 155, 48, .055);
    font-family: Georgia, "Times New Roman", serif;
    font-size: .72rem;
    font-weight: 700;
}
.starter-quest-status {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 7px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 999px;
    color: #a69c8e;
    background: rgba(0,0,0,.17);
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.starter-quest-item.is-completed .starter-quest-status {
    border-color: rgba(102,169,108,.22);
    color: #bfe0ba;
    background: rgba(56,106,58,.24);
}
.starter-quest-item.is-claimed .starter-quest-status {
    color: #a8a29a;
    background: rgba(255,255,255,.035);
}
.starter-quest-copy {
    min-width: 0;
}
.starter-quest-copy h3 {
    margin: 0 0 4px;
    color: #e7dac6;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(.79rem, .75vw, .91rem);
    line-height: 1.22;
}
.starter-quest-copy p {
    margin: 0;
    color: #938b80;
    font-size: clamp(.66rem, .62vw, .74rem);
    line-height: 1.38;
}
.starter-quest-reward {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    padding-top: 10px;
}
.starter-quest-reward-icon {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(218,155,48,.14);
    border-radius: 7px;
    background: rgba(218,155,48,.045);
}
.starter-quest-reward-icon img {
    display: block;
    width: 21px;
    height: 21px;
    object-fit: contain;
}
.starter-quest-reward > span:last-child {
    min-width: 0;
    display: grid;
    gap: 1px;
}
.starter-quest-reward small {
    color: #817b73;
    font-size: .55rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.starter-quest-reward strong {
    overflow: hidden;
    color: #dcb05a;
    font-size: clamp(.67rem, .63vw, .75rem);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.starter-quest-actions {
    display: flex;
    gap: 7px;
    margin-top: 9px;
}
.starter-quest-actions form {
    display: flex;
    width: 100%;
    margin: 0;
}
.starter-quest-button,
.starter-quest-actions .btn,
.starter-quest-actions .shop-button {
    display: inline-flex;
    width: 100%;
    min-height: 31px;
    align-items: center;
    justify-content: center;
    padding: 6px 8px;
    font-size: clamp(.61rem, .58vw, .69rem);
    line-height: 1.1;
    text-align: center;
    white-space: normal;
}
.starter-quest-button.is-done {
    pointer-events: none;
    opacity: .72;
}
.starter-quest-done {
    margin: 0 clamp(22px, 3.2vw, 44px) 20px;
    padding: 12px 14px;
    border: 1px solid rgba(102,164,102,.44);
    border-radius: 9px;
    background: rgba(37,76,42,.22);
    color: #d6ead5;
}

@media (max-width: 1420px) {
    .starter-quest-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
    .starter-quest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .starter-quest-panel,
    .starter-quest-done { margin-inline: 18px; }
    .starter-quest-panel-head { grid-template-columns: 32px minmax(0,1fr); padding: 14px; }
    .starter-quest-panel-icon { width: 30px; height: 30px; }
    .starter-quest-panel-icon svg { width: 24px; height: 24px; }
    .starter-quest-progress { grid-column: 1 / -1; width: 100%; min-width: 0; grid-template-columns: 1fr auto; align-items: center; text-align: left; }
    .starter-quest-progress strong { font-size: 1rem; }
    .starter-quest-body { padding: 12px 14px 14px; }
    .starter-quest-summary { flex-wrap: wrap; }
    .starter-quest-grid { grid-template-columns: 1fr; gap: 8px; }
    .starter-quest-item { min-height: 0; }
}
.system-status-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:16px 0; }
.system-status-card { padding:15px; border:1px solid rgba(169,139,88,.28); border-radius:10px; background:rgba(24,20,16,.62); }
.system-status-card.is-ok { border-color:rgba(87,159,91,.5); }
.system-status-card.is-warning { border-color:rgba(212,158,59,.58); }
.system-status-card.is-error { border-color:rgba(205,82,82,.62); }
.system-status-card span { display:block; color:#a99b86; font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; }
.system-status-card strong { display:block; margin:5px 0; color:#f1dfbd; font-size:1.05rem; }
.system-status-card small { display:block; color:#b6aa98; line-height:1.4; }
.system-status-table-wrap { overflow-x:auto; }
.system-status-table { width:100%; border-collapse:collapse; }
.system-status-table th,.system-status-table td { padding:9px 10px; border-bottom:1px solid rgba(165,137,91,.17); text-align:left; font-size:.76rem; vertical-align:top; }
.system-status-table th { color:#cbb996; font-size:.66rem; text-transform:uppercase; letter-spacing:.05em; }
.system-pill { display:inline-flex; padding:3px 7px; border-radius:999px; font-size:.64rem; font-weight:800; }
.system-pill.is-ok { color:#bfe0ba; background:rgba(56,106,58,.28); }
.system-pill.is-warning { color:#f0cf86; background:rgba(118,83,27,.30); }
.system-pill.is-error { color:#f2aaaa; background:rgba(119,38,38,.32); }
.maintenance-quick-card { border-color:rgba(207,139,51,.42); }
.maintenance-quick-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }

@media (max-width: 1180px) {
    .system-status-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
    .aos-announcement-stack { width:calc(100% - 18px); margin-top:9px; }
    .aos-game-content > .page-shell > .aos-announcement-stack,
    .aos-game-content > main.page-shell > .aos-announcement-stack { width:100%; margin:0 0 14px; }
    .aos-announcement-card { grid-template-columns:34px minmax(0,1fr); gap:9px; padding:11px; }
    .aos-announcement-card__dismiss { position:absolute; right:8px; top:8px; }
    .aos-announcement-card__copy { padding-right:30px; }
    .system-status-grid { grid-template-columns:1fr; }
}

/* v0.12.21 – Einsteiger-Aufgaben direkt unter „Aktuelle Vorgänge“ */
.overview-hub-content > .starter-quest-panel {
    width: 100%;
    margin: 24px 0 0;
}

/* Links zum Öffnen einer Aufgabe verwenden exakt die gleiche Primärbutton-Klasse
   wie das Abholen einer fertigen Belohnung. */
.starter-quest-actions > a.shop-button {
    text-decoration: none;
}

@media (max-width: 620px) {
    .overview-hub-content > .starter-quest-panel {
        margin-top: 20px;
    }
}