@import url("/assets/v24.css");

/* V25: Daro kartiert das unbekannte Portal, ohne die Heimat zu verlassen. */
.daro-summary__next{position:relative;display:block;width:100%;min-height:44px;margin-top:8px;padding:9px 10px;border:1px solid rgba(126,222,213,.28);border-radius:10px;background:rgba(4,20,25,.62);color:#efffff;text-align:left;cursor:pointer}
.daro-summary__next span{display:block;margin-top:3px;color:#9fc9c5;font-size:8px;letter-spacing:.04em}
.daro-summary__next:hover{background:rgba(13,48,51,.72)}

.recon-panel,.recon-summary{position:absolute;z-index:32;right:max(18px,env(safe-area-inset-right));top:50%;width:min(440px,49vw);max-height:calc(100% - max(18px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)));overflow:auto;box-sizing:border-box;padding:15px 17px;transform:translateY(-50%);border:1px solid rgba(127,218,211,.5);border-radius:16px;background:linear-gradient(150deg,rgba(4,17,23,.988),rgba(8,31,36,.98));color:#efffff;box-shadow:0 22px 60px rgba(0,0,0,.62);backdrop-filter:blur(14px)}
.recon-panel[hidden],.recon-summary[hidden],.recon-actions[hidden],.recon-status[hidden],.recon-abort[hidden]{display:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.recon-panel>small,.recon-summary>small{display:block;color:#82d6cf;font-size:8px;font-weight:780;letter-spacing:.18em}
.recon-panel>strong,.recon-summary>strong{display:block;margin-top:5px;font-size:18px;line-height:1.15}
.recon-panel>p{margin:7px 0 10px;color:#bdd3d1;font-size:10px;line-height:1.4}
.recon-ledger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.recon-ledger span{padding:7px 8px;border:1px solid rgba(127,211,207,.17);border-radius:9px;background:rgba(2,12,17,.4)}
.recon-ledger b,.recon-ledger small{display:block}.recon-ledger b{font-size:12px}.recon-ledger small{margin-top:2px;color:#8ecbc7;font-size:6px;letter-spacing:.1em}
.recon-warning{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;margin-top:8px;padding:8px 9px;border:1px solid rgba(139,204,194,.2);border-radius:10px;background:rgba(8,27,30,.58)}
.recon-warning>i{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(184,235,222,.35);border-radius:50%;background:rgba(88,180,167,.1);color:#a8e8dd;font-style:normal}
.recon-warning b,.recon-warning small{display:block}.recon-warning b{font-size:10px}.recon-warning small{margin-top:2px;color:#9fbcb9;font-size:8px}
.recon-actions{display:grid;grid-template-columns:.7fr 1.3fr;gap:7px;margin-top:10px}
.recon-actions button,.recon-summary>button{min-height:44px;padding:10px 13px;border-radius:999px;font-size:11px;font-weight:820;cursor:pointer}
.recon-actions__later{border:1px solid rgba(151,203,199,.25);background:rgba(7,22,27,.55);color:#b9cecc}
.recon-actions__start,.recon-summary>button{border:1px solid rgba(170,237,226,.46);background:linear-gradient(135deg,#b8ead7,#78c6c6);color:#06171b}
.recon-status{margin-top:10px;padding:9px 10px;border:1px solid rgba(128,216,205,.2);border-radius:10px;background:rgba(3,13,18,.45)}
.recon-status>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.recon-status small{color:#9dcac6;font-size:7px;letter-spacing:.1em}.recon-status b{font-size:11px}
.recon-status__bar{height:6px;margin-top:7px;overflow:hidden;border-radius:999px;background:rgba(111,174,174,.18)}
.recon-status__bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5faeaa,#c2f4df);box-shadow:0 0 10px rgba(104,219,207,.45);transition:width .35s linear}
.recon-abort{width:100%;min-height:44px;margin-top:7px;padding:9px 12px;border:1px solid rgba(206,180,155,.24);border-radius:999px;background:rgba(25,20,20,.46);color:#d7c6bc;font-size:9px;font-weight:730;cursor:pointer}

.recon-summary blockquote{margin:9px 0;padding:8px 10px;border-left:2px solid rgba(128,226,211,.52);background:rgba(5,22,26,.5);color:#d9ebe7;font-size:10px;line-height:1.4}
.recon-summary cite{display:block;margin-top:3px;color:#87c7c0;font-size:8px;font-style:normal}
.recon-summary__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.recon-summary__facts span{padding:7px;border:1px solid rgba(135,210,200,.17);border-radius:8px;background:rgba(2,13,17,.4)}
.recon-summary__facts b,.recon-summary__facts small{display:block}.recon-summary__facts b{font-size:9px}.recon-summary__facts small{margin-top:2px;color:#a8d5cf;font-size:6px;letter-spacing:.07em}
.mission-preview{margin-top:8px;padding:9px 10px;border:1px solid rgba(185,201,177,.2);border-radius:10px;background:linear-gradient(135deg,rgba(45,59,52,.38),rgba(5,17,22,.48))}
.mission-preview>span{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.mission-preview>span small{color:#9abeb8;font-size:7px;letter-spacing:.09em}.mission-preview>span b{font-size:9px;white-space:nowrap}
.mission-preview>strong{display:block;margin-top:7px;padding-top:7px;border-top:1px solid rgba(155,204,195,.14);font-size:10px}
.mission-preview>p{display:grid;grid-template-columns:auto auto 1fr;gap:6px;align-items:center;margin:5px 0 0}.mission-preview>p b{padding:4px 6px;border-radius:6px;background:rgba(127,191,181,.1);font-size:8px}.mission-preview>p small{color:#d1bca0;text-align:right;font-size:7px}
.recon-summary>button{width:100%;margin-top:9px}

.recon-trace{display:none;position:absolute;z-index:6;left:60%;top:54%;width:23%;height:2px;transform:rotate(-16deg);transform-origin:left center;pointer-events:none}
.recon-trace i:first-child{position:absolute;inset:0;border-radius:999px;background:linear-gradient(90deg,rgba(98,218,203,0),rgba(117,236,220,.88),rgba(159,247,229,.22));box-shadow:0 0 8px rgba(102,225,210,.48)}
.recon-trace i:nth-child(2),.recon-trace i:nth-child(3){position:absolute;top:50%;width:6px;height:6px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(190,255,241,.8);background:#65c9bd;box-shadow:0 0 10px rgba(100,231,214,.72)}
.recon-trace i:nth-child(2){left:3%}.recon-trace i:nth-child(3){left:98%}

.game[data-stage="recon-brief"] .building--resonance,.game[data-stage="recon-active"] .building--resonance,.game[data-stage="recon-result"] .building--resonance,.game[data-stage="recon-ready"] .building--resonance{display:block}
.game[data-stage="recon-brief"] .resident--daro,.game[data-stage="recon-result"] .resident--daro,.game[data-stage="recon-ready"] .resident--daro{display:block}
.game[data-stage="recon-active"] .resident--daro{display:none}
.game[data-stage="recon-active"] .recon-trace{display:block}
.game[data-stage="recon-active"] .recon-trace i:first-child{animation:trace-grow 2.8s ease-out both}
.game[data-stage="recon-active"] .portal span{animation:portal-answer 3s 2.4s ease-out 1 both}
.game[data-stage="recon-result"] .portal,.game[data-stage="recon-ready"] .portal{opacity:.82;filter:saturate(.9) drop-shadow(0 0 10px rgba(93,222,210,.35))}
.game[data-stage="recon-brief"] .world--sleeping,.game[data-stage="recon-active"] .world--sleeping,.game[data-stage="recon-result"] .world--sleeping,.game[data-stage="recon-ready"] .world--sleeping{opacity:.08;filter:saturate(.4) brightness(.5)}
.game[data-stage="recon-brief"] .world--awake,.game[data-stage="recon-active"] .world--awake,.game[data-stage="recon-result"] .world--awake,.game[data-stage="recon-ready"] .world--awake{opacity:.94;filter:saturate(.92) brightness(.79);transform:scale(1.02)}
.game[data-stage="recon-brief"] .aurora,.game[data-stage="recon-active"] .aurora,.game[data-stage="recon-result"] .aurora,.game[data-stage="recon-ready"] .aurora{opacity:.38}
.game[data-stage="recon-brief"] .building--nest,.game[data-stage="recon-active"] .building--nest,.game[data-stage="recon-result"] .building--nest,.game[data-stage="recon-ready"] .building--nest{display:block}
.game[data-stage="recon-brief"] .building--storage,.game[data-stage="recon-active"] .building--storage,.game[data-stage="recon-result"] .building--storage,.game[data-stage="recon-ready"] .building--storage{opacity:.82;filter:none}
.game[data-stage="recon-brief"] .topbar,.game[data-stage="recon-active"] .topbar,.game[data-stage="recon-result"] .topbar,.game[data-stage="recon-ready"] .topbar,.game[data-stage="recon-brief"] .objective,.game[data-stage="recon-active"] .objective,.game[data-stage="recon-result"] .objective,.game[data-stage="recon-ready"] .objective{opacity:1;transform:none}
.game[data-stage="recon-brief"] .world-ui button,.game[data-stage="recon-active"] .world-ui button,.game[data-stage="recon-result"] .world-ui button,.game[data-stage="recon-ready"] .world-ui button{pointer-events:none}
.game[data-stage="recon-brief"] .world-response,.game[data-stage="recon-active"] .world-response,.game[data-stage="recon-result"] .world-response,.game[data-stage="recon-ready"] .world-response{opacity:0;animation:none}
.game[data-stage="recon-brief"] .vela,.game[data-stage="recon-active"] .vela,.game[data-stage="recon-result"] .vela{display:none}
.game[data-stage="recon-ready"] .vela{display:flex}
.game[data-stage="recon-brief"] .energy-cycle strong,.game[data-stage="recon-active"] .energy-cycle strong,.game[data-stage="recon-result"] .energy-cycle strong,.game[data-stage="recon-ready"] .energy-cycle strong{overflow:visible;text-overflow:clip;white-space:normal;font-size:10px;line-height:1.18}

@keyframes trace-grow{from{clip-path:inset(0 100% 0 0);opacity:.25}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes portal-answer{0%{transform:scale(.94);filter:brightness(.75)}42%{transform:scale(1.06);filter:brightness(1.35)}100%{transform:scale(1);filter:brightness(1)}}

.daro-summary__next:focus-visible,.recon-panel:focus-visible,.recon-status:focus-visible,.recon-abort:focus-visible,.recon-summary:focus-visible,.recon-actions button:focus-visible,.recon-summary>button:focus-visible{outline:2px solid #bdfff3;outline-offset:3px}

@media (max-height:430px){
  .daro-summary__next{min-height:44px;padding:7px 9px}
  .recon-panel,.recon-summary{right:max(13px,env(safe-area-inset-right));width:min(430px,50vw);padding:10px 12px}
  .recon-panel>strong,.recon-summary>strong{font-size:14px}.recon-panel>p{margin:4px 0 6px;font-size:8px}.recon-ledger span{padding:5px 6px}.recon-warning{margin-top:6px;padding:5px 7px}.recon-warning>i{width:27px;height:27px}.recon-actions{margin-top:7px}.recon-actions button,.recon-summary>button{min-height:44px;padding:8px 10px}.recon-status{margin-top:6px;padding:6px 8px}
  .recon-summary blockquote{margin:6px 0;padding:5px 7px}.recon-summary__facts span{padding:5px}.mission-preview{margin-top:6px;padding:6px 8px}.mission-preview>strong{margin-top:5px;padding-top:5px}.recon-summary>button{margin-top:6px}
}

@media (max-width:520px){
  .recon-panel,.recon-summary{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));width:auto}
  .recon-ledger,.recon-summary__facts{grid-template-columns:1fr}
  .mission-preview>span{align-items:flex-start;flex-direction:column}.mission-preview>span b{white-space:normal}.mission-preview>p{grid-template-columns:1fr 1fr}.mission-preview>p small{grid-column:1/-1;text-align:left}
}

@media (prefers-reduced-motion:reduce){
  .game[data-stage="recon-active"] .recon-trace i:first-child,.game[data-stage="recon-active"] .portal span{animation:none}
  .recon-status__bar i{transition:none}
}