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

/* V18: Die erste Entscheidung bleibt ruhig, lesbar und gleichwertig. */
.world-response{position:absolute;z-index:3;inset:0;pointer-events:none;opacity:0;transition:opacity .9s ease}
.world-response i{position:absolute;border-radius:50%;opacity:0}
.path-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.path-options[hidden]{display:none}
.choice:has(.path-options:not([hidden])){width:min(560px,78vw);border-color:rgba(126,222,238,.3)}
.choice:has(.path-options:not([hidden]))>p{margin-bottom:12px}
.choice .path-options button{display:flex;min-height:74px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:10px 11px;border:1px solid rgba(158,209,219,.28);background:linear-gradient(145deg,rgba(18,36,45,.94),rgba(9,18,29,.96));text-align:left;transition:border-color .2s ease,transform .2s ease,background .2s ease}
.choice .path-options button:active{transform:scale(.97)}
.choice .path-options i{font-style:normal;color:#a9dce6;font-size:14px}
.choice .path-options b{font-size:13px;letter-spacing:.03em}
.choice .path-options span{color:#91a9b2;font-size:9px;letter-spacing:.08em}
.choice .path-options button[data-path="nature"]:hover,.choice .path-options button[data-path="nature"]:focus-visible{border-color:#7bcf9a;background:linear-gradient(145deg,rgba(28,61,49,.94),rgba(9,23,28,.96))}
.choice .path-options button[data-path="supply"]:hover,.choice .path-options button[data-path="supply"]:focus-visible{border-color:#64c9df;background:linear-gradient(145deg,rgba(24,55,65,.94),rgba(9,21,31,.96))}
.choice .path-options button[data-path="protection"]:hover,.choice .path-options button[data-path="protection"]:focus-visible{border-color:#a99ad8;background:linear-gradient(145deg,rgba(47,41,73,.94),rgba(14,17,32,.96))}
.game[data-stage="decision"] .world--sleeping{opacity:.08;filter:saturate(.4) brightness(.5)}
.game[data-stage="decision"] .world--awake{opacity:.94;filter:saturate(.92) brightness(.79);transform:scale(1.02)}
.game[data-stage="decision"] .aurora{opacity:.38}
.game[data-stage="decision"] .building--nest{display:block}
.game[data-stage="decision"] .building--storage{opacity:.82;filter:none}
.game[data-stage="decision"] .portal{opacity:.42;filter:saturate(.58)}
.game[data-stage="decision"] .topbar{opacity:1}
.game[data-stage="decision"] .vela{width:min(500px,63vw)}
.game[data-stage="decision"] .objective{opacity:1;transform:none}
.game[data-path] .world-response{opacity:1}
.game[data-path="nature"] .world--awake{filter:saturate(1.18) brightness(.83)}
.game[data-path="nature"] .aurora{background:radial-gradient(ellipse at center,rgba(91,240,160,.72),transparent 62%);opacity:.52}
.game[data-path="nature"] .world-response i{opacity:.8;background:#65e69a;box-shadow:0 0 18px 7px rgba(80,225,140,.28);animation:nature-breathe 2.8s ease-in-out infinite}
.game[data-path="nature"] .world-response i:nth-child(1){left:31%;top:30%;width:7px;height:7px}
.game[data-path="nature"] .world-response i:nth-child(2){left:42%;top:60%;width:9px;height:9px;animation-delay:.6s}
.game[data-path="nature"] .world-response i:nth-child(3){left:68%;top:44%;width:6px;height:6px;animation-delay:1.1s}
.game[data-path="supply"] .building--storage{opacity:1;filter:saturate(1.25) brightness(1.12)}
.game[data-path="supply"] .storage-shape{border-color:#73e8f4;box-shadow:0 0 28px rgba(69,218,239,.45)}
.game[data-path="supply"] .storage-shape i{background:#77f1ff;box-shadow:0 0 24px 6px rgba(83,226,244,.7);animation:storage-charge 2.4s ease-in-out infinite}
.game[data-path="protection"] .portal{opacity:.88;filter:saturate(.88)}
.game[data-path="protection"] .portal span{border-color:#a291db;animation:none;box-shadow:inset 0 0 30px #453973,0 0 26px rgba(135,111,224,.42)}
.game[data-path="protection"] .portal span:after{content:"";position:absolute;inset:16px;border:1px solid rgba(200,188,255,.62);border-radius:50%;box-shadow:0 0 14px rgba(169,148,238,.42)}
@keyframes nature-breathe{0%,100%{transform:scale(.75);opacity:.35}50%{transform:scale(1.25);opacity:1}}
@keyframes storage-charge{0%,100%{transform:scale(.88);opacity:.72}50%{transform:scale(1.05);opacity:1}}
@media (max-height:520px){.choice:has(.path-options:not([hidden])){padding:10px 14px}.choice .path-options button{min-height:58px;padding:7px 9px}.choice .path-options i{display:none}}