/* Power feedback stays clear of the controls and never captures gestures. */
.power-announcement{position:absolute;z-index:6;top:155px;left:50%;transform:translateX(-50%);width:min(310px,calc(100% - 32px));padding:10px 14px;border:2px solid #ffe386;border-radius:14px;background:#153c47f2;color:#fff9e9;text-align:center;pointer-events:none;box-shadow:0 0 24px #ffd56866}
.power-announcement span{display:block;font-size:9px;letter-spacing:1.2px;font-weight:800;color:#ffe386}
.power-announcement strong{display:block;margin:4px 0;font:900 28px/1.1 'Barlow Condensed',Impact,sans-serif;color:#ffe386}
.power-announcement small{display:block;font-size:12px;line-height:1.4}
.arena.panoramic .power-announcement{top:60px}
.game-wrap .power.power-active{background:#ffe386;border:2px solid #fff3ba;box-shadow:0 0 18px #ffd56880;color:#153c47}
/* Shared glass card and speech bubble for every first encounter. */
.encounter-layer{background:#071f2c66;backdrop-filter:blur(3px);touch-action:pan-y}
.encounter-card{width:min(820px,100%);display:grid;grid-template-columns:260px minmax(0,1fr);align-items:center;gap:10px 26px;padding:22px 28px;border:1px solid #ffe386a6;border-radius:24px;background:#123d47a8;backdrop-filter:blur(8px);color:#fff9e9;box-shadow:0 12px 50px #001a2940;text-align:center}
.encounter-card>.eyebrow{grid-column:1/-1;font-size:9px;letter-spacing:1.2px;color:#ffe386}
.encounter-card canvas{display:block;width:260px;height:347px;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 6px #001a2940)}
.encounter-copy{min-width:0;width:100%}
.encounter-copy h2{font-size:42px;line-height:1.05;margin:0 0 14px;color:#fff9e9}
.speech-bubble{position:relative;padding:18px 20px 10px;border:2px solid #ffe386;border-radius:20px;background:#fff9e9eb;color:#153c47;text-align:left;box-shadow:0 5px 18px #001a2920}
.speech-bubble::before{content:'';position:absolute;left:-13px;top:32px;width:22px;height:22px;background:#fff9e9;border-left:2px solid #ffe386;border-bottom:2px solid #ffe386;transform:rotate(45deg)}
.speech-text{position:relative;margin:0;font-size:17px;line-height:1.5;font-weight:600}
.speech-reserve{display:block;visibility:hidden}
.speech-written{position:absolute;inset:0}
.speech-bubble.typing .speech-written::after{content:'▌';color:#b26019;font-weight:400}
.speech-actions{height:32px;display:flex;justify-content:flex-end;align-items:end}
.speech-actions button{padding:6px 0;font-size:11px;color:#365a5e;text-decoration:underline;text-underline-offset:3px}
.encounter-copy .encounter-status{font-size:11px;line-height:1.4;color:#fff9e9;margin:12px 0}
.encounter-card .primary{max-width:none;justify-content:center;margin:0;min-height:54px;padding:12px 16px;line-height:1.35;background:#ffe386;color:#153c47;font-size:15px;font-weight:800}
.encounter-card button:focus-visible,.agenda-link:focus-visible{outline:3px solid #ffe386;outline-offset:4px}
.speech-actions button:focus-visible{outline-color:#153c47}
.agenda-link{display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;min-height:44px;touch-action:manipulation}
.start-choices{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;margin-top:10px}
.start-choices .start-options{margin:0;padding:8px;min-width:0;font-size:11px}
.start-choices .agenda-link{border:1px solid #ffe386b3;border-radius:10px;padding:8px;background:#173842b3;color:#ffe386;font-size:12px}
.hud-actions .agenda-link{padding:0 9px;border:1px solid #ffffff70;border-radius:12px;background:#ffffff12;color:#fff9e9;font-size:11px;white-space:nowrap}
.pause-card>.agenda-link{border:1px solid #ffe38680;border-radius:10px;color:#ffe386;font-size:14px;margin-top:10px}
.result-buttons>.agenda-link{flex:1 1 auto;border:1px solid var(--line);background:#fff9ed;color:var(--ink);border-radius:10px;font-size:12px;min-height:48px;padding:12px}
@media(max-width:600px) and (orientation:portrait){
 .encounter-layer{padding:14px}
 .encounter-card{grid-template-columns:1fr;justify-items:center;gap:6px;padding:16px 18px}
 .encounter-card canvas{width:200px;height:267px}
 .encounter-copy h2{font-size:36px;margin-bottom:12px}
 .speech-bubble{padding:14px 16px 8px}
 .speech-bubble::before{left:calc(50% - 11px);top:-13px;transform:rotate(135deg)}
 .speech-text{font-size:15px;line-height:1.45}
 .hud{gap:6px}.hud-center{gap:4px}.hud-center #lives{font-size:14px;letter-spacing:0}
 .hud-actions{gap:4px}.hud-actions .agenda-link{padding:0 7px}
}
@media(orientation:landscape) and (max-height:700px){
 .encounter-layer{padding:12px}
 .encounter-card{width:min(760px,100%);grid-template-columns:190px minmax(0,1fr);gap:6px 22px;padding:14px 20px}
 .encounter-card canvas{width:180px;height:240px}
 .encounter-copy h2{font-size:32px;margin:0 0 8px}
 .speech-bubble{padding:12px 16px 6px}
 .speech-text{font-size:14px;line-height:1.45}
 .speech-actions{height:26px}.speech-actions button{font-size:10px}
 .encounter-copy .encounter-status{font-size:10px;margin:9px 0}
 .encounter-card .primary{min-height:46px;padding:8px 12px;font-size:13px}
 .start-choices{margin:0;gap:6px}.start-choices .start-options{min-height:46px;font-size:10px}
 .start-choices .agenda-link{font-size:11px;min-height:46px}
 .power-announcement{top:66px;padding:7px 10px}.power-announcement strong{font-size:22px}.power-announcement small{font-size:10px}
}
@media(orientation:portrait) and (max-height:700px){
 .encounter-card{padding:12px 16px;gap:3px}
 .encounter-card canvas{width:150px;height:200px}
 .encounter-copy h2{font-size:30px;margin-bottom:10px}
 .speech-text{font-size:14px;line-height:1.4}
 .encounter-card .primary{font-size:13px;min-height:48px}
 .encounter-copy .encounter-status{margin:8px 0}
 .start-choices{margin-top:8px}.start-choices .start-options,.start-choices .agenda-link{min-height:40px}
 .power-announcement{top:100px}
}
@media(orientation:landscape) and (max-height:360px){.encounter-card{grid-template-columns:160px minmax(0,1fr);padding:10px 16px}.encounter-card canvas{width:155px;height:207px}.encounter-copy h2{font-size:28px}.speech-text{font-size:13px}}