.opening-hud{padding:16px 18px;background:linear-gradient(110deg,#2d5145,#172f35);border-bottom:1px solid #edc66f77}.opening-hud h2{font-size:21px;margin:4px 0 8px}.opening-dialogue{font-size:12px;line-height:1.6;margin:8px 0}.opening-dialogue strong{display:block;font-size:9px;letter-spacing:.1em;color:var(--gold)}.opening-timeline{list-style:none;padding:0;margin:12px 0;display:flex;gap:6px;flex-wrap:wrap;counter-reset:phase}.opening-timeline li{counter-increment:phase;font-size:10px;border:1px solid #91d9bf33;padding:7px 9px;border-radius:7px;color:#a9c0b9}.opening-timeline li:before{content:counter(phase) ' · '}.opening-timeline [aria-current]{color:#172d2d;background:var(--gold);border-color:var(--gold);font-weight:800}.opening-hud progress{width:100%;height:5px;accent-color:var(--mint)}.opening-score{font-size:11px;color:var(--mint);min-height:18px;margin:7px 0}.opening-skip{font-size:11px;padding:9px 12px;background:transparent;color:#e7dbb9;border-color:#afc3a455}.league-receipt{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#102b2b;padding:14px;border:1px solid #91d9bf55;border-radius:10px;margin:14px 0}.league-receipt span{color:var(--mint);font-size:12px}.league-name{font-size:11px;display:inline-flex;align-items:center;gap:10px;margin:0 8px 12px 0}.league-name input{width:240px;max-width:100%;border:1px solid #91d9bf55;background:#102b2b;color:#f8ebcf;padding:9px;border-radius:7px}.next-block-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.next-block-choice{text-align:left;background:#25433d;color:#fff0cf;border:1px solid #91d9bf55;padding:15px}.next-block-choice small{display:block;font-weight:400;font-size:11px;line-height:1.6;color:#b7cdc3;margin-top:6px}@media(max-width:760px){.opening-hud{padding:12px}.opening-hud h2{font-size:18px}.opening-timeline{gap:4px;margin:8px 0}.opening-timeline li{font-size:9px;padding:6px}.opening-dialogue{font-size:11px}.next-block-choices{grid-template-columns:1fr}.league-receipt{display:block}.league-receipt span{display:block;margin-top:6px}.league-name{display:flex;flex-wrap:wrap}.league-name input{width:100%}}

.world-panel:has(#opening-hud:not([hidden])) .city-view{height:clamp(290px,calc(100dvh - 290px),520px);max-height:520px}@media(max-width:760px){.world-panel:has(#opening-hud:not([hidden])) .city-view{height:clamp(260px,calc(100dvh - 350px),400px);max-height:400px}}