.overlay.trial-intro .modal,.overlay.trial-result .modal{max-width:720px;text-align:left;padding:24px 28px}
.trial-heading h2{font-size:28px!important;margin-bottom:8px}.trial-heading .eyebrow{margin:0 0 6px!important}.trial-heading>p:last-child{font-size:11px!important;line-height:1.5;margin:0 0 12px}
.trial-choice label{display:block;font-size:11px;font-weight:750;margin-bottom:5px}.trial-choice select{width:100%;min-height:44px;border:1px solid #9bae93;border-radius:5px;padding:7px 9px;background:#faf8e9;color:#234f48;font:650 12px system-ui}.trial-choice p{font-size:11px!important;line-height:1.45;margin:7px 0}.trial-choice>strong{font-size:11px;color:#286151}
.trial-plan{list-style:none;padding:0;margin:12px 0;display:grid;gap:5px}.trial-plan li{display:flex;gap:9px;align-items:center;font-size:10px;line-height:1.4;padding:7px 9px;background:#e8eedc;border:1px solid #c3cfb5;border-radius:4px}.trial-plan b{font-size:14px;color:#2b6a5d}
.trial-rules{padding:10px 12px;border:1px solid #becfb1;border-radius:5px;background:#edf0df}.trial-rules>strong,.trial-evidence>strong,.trial-next>strong{font-size:11px}.trial-rules p,.trial-next p{font-size:10px!important;line-height:1.5;margin:5px 0}.trial-rules small,.trial-evidence small,.trial-storage{display:block;font-size:9px!important;line-height:1.45;color:#67765d}.trial-actions{display:flex;gap:8px;margin:12px 0 8px;align-items:stretch}.trial-actions>*{flex:1;min-width:0;min-height:44px!important;font-size:11px!important;line-height:1.35;padding:7px!important;margin:0!important}.trial-storage{margin:6px 0 0!important}
.trial-evidence{padding:10px 12px;background:#e9efdc;border:1px solid #bdcdae;border-radius:5px}.trial-evidence p{display:flex;justify-content:space-between;gap:8px;font-size:11px!important;line-height:1.4;margin:6px 0}.trial-evidence p span{font-size:10px}.trial-next{margin-top:10px}.trial-badge{max-width:calc(100% - 18px);white-space:normal;line-height:1.4}.trial-badge[data-trial-quiet=true]{visibility:hidden}#trial-combo-note{font-size:10px;color:#d3edb7;margin-left:7px}.home-mode-card:has([data-home-mode=trial]){grid-column:1/-1}
@media(max-width:520px){.overlay.trial-intro .modal,.overlay.trial-result .modal{padding:18px 17px}.trial-heading h2{font-size:24px!important}.trial-plan{margin:8px 0}.trial-plan li{padding:6px 8px}.trial-rules{padding:8px 10px}.trial-choice p{font-size:10px!important}.trial-evidence p{flex-wrap:wrap;gap:2px}.trial-storage{font-size:8px!important}}
@media(max-height:550px) and (orientation:landscape){
 .overlay.trial-intro .modal,.overlay.trial-result .modal{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;max-width:800px;padding:13px 18px}
 .trial-heading{grid-column:1;grid-row:1}.trial-heading h2{font-size:22px!important;margin-bottom:5px}.trial-heading>p:last-child{font-size:9px!important;line-height:1.35;margin:0}
 .trial-choice{grid-column:1;grid-row:2/4}.trial-choice p{font-size:9px!important}.trial-choice select{font-size:11px;min-height:44px}.trial-plan{grid-column:2;grid-row:1/3;margin:0;gap:4px}.trial-plan li{font-size:9px;padding:5px 7px}.trial-rules{grid-column:2;grid-row:3;padding:6px 8px}.trial-rules p{font-size:9px!important;line-height:1.3;margin:4px 0}.trial-rules small{display:none}
 .trial-actions{grid-column:1/-1;grid-row:4;margin:2px 0 0}.trial-storage{grid-column:1/-1;grid-row:5;margin:0!important;font-size:8px!important;line-height:1.2}
 .overlay.trial-result .result-stats{grid-column:1;grid-row:2;margin:0;padding:8px 0}.overlay.trial-result .result-stats strong{font-size:23px}.trial-result .trial-evidence{grid-column:2;grid-row:1/3;padding:8px 10px}.trial-result .trial-next{grid-column:1/-1;grid-row:3;margin:0}.trial-next p{display:inline;font-size:9px!important;margin-right:7px}.trial-evidence p{font-size:10px!important}.trial-evidence small{font-size:8px!important}
}

@media(max-width:360px){.overlay.trial-intro .modal,.overlay.trial-result .modal{padding:14px 15px}.trial-heading h2{font-size:21px!important}.trial-heading>p:last-child{font-size:10px!important;line-height:1.35;margin-bottom:7px}.trial-plan li{padding:4px 7px}.trial-plan{gap:4px;margin:7px 0}.trial-rules p{line-height:1.35}.trial-actions{margin-top:8px}.trial-choice p{line-height:1.35}}

/* Safari's visible browser bars and safe area leave less room than screen size. */
@media(max-width:520px) and (max-height:740px) and (orientation:portrait){
 .overlay.trial-intro .modal{padding:12px 15px}.trial-intro .trial-heading h2{font-size:21px!important;margin-bottom:6px}.trial-intro .trial-heading>p:last-child{display:none}
 .trial-intro .trial-choice p{font-size:9px!important;line-height:1.35;margin:5px 0}.trial-intro .trial-plan{gap:3px;margin:7px 0}.trial-intro .trial-plan li{padding:4px 6px;font-size:9px;line-height:1.25}
 .trial-intro .trial-rules{padding:6px 8px}.trial-intro .trial-rules p{line-height:1.35;margin:4px 0}.trial-intro .trial-rules small{margin-top:4px;font-size:8px!important;line-height:1.3}.trial-intro .trial-actions{margin:8px 0 6px}.trial-intro .trial-storage{margin-top:4px!important;line-height:1.3}
}

@media(max-height:360px) and (orientation:landscape){.trial-intro .trial-heading>p:last-child{display:none}.overlay.trial-intro .modal{gap:5px 14px;padding:10px 16px}}
@media(max-height:340px) and (orientation:landscape){
 #play .overlay.trial-intro{inset:52px 0 0;padding:6px 12px}
 .overlay.trial-intro .modal{gap:3px 14px;padding:7px 14px}.trial-intro .trial-heading h2{font-size:20px!important;margin-bottom:3px}.trial-intro .trial-heading .eyebrow{font-size:8px!important;margin-bottom:3px!important}.trial-intro .trial-plan li{padding:3px 6px}.trial-intro .trial-rules{padding:4px 7px}.trial-intro .trial-rules p{margin:3px 0;font-size:8px!important}.trial-intro .trial-choice p{margin:4px 0}.trial-intro .trial-storage{font-size:7px!important;line-height:1.15}
}

@media(max-height:360px) and (orientation:landscape){
 .overlay.wave-recap-overlay .modal{padding:12px 18px;gap:6px 18px}.wave-recap-heading .eyebrow{font-size:8px!important;margin-bottom:4px!important}.wave-recap-heading h2{font-size:20px!important;margin-bottom:4px}.wave-recap-heading>p:last-child{font-size:9px!important;line-height:1.3}
 .wave-recap-kpis{padding:6px 0;gap:4px 10px}.wave-recap-kpis dt{font-size:8px;line-height:1.15}.wave-recap-kpis dd{font-size:18px;line-height:1;margin:2px 0 0}.wave-recap-plan>p{font-size:9px!important;line-height:1.35;margin:4px 0}.wave-recap-plan{padding:8px 10px}
 .wave-recap-actions .primary,.wave-recap-actions .secondary{min-height:44px!important;padding:6px!important}
}

@media(max-height:360px) and (orientation:landscape){
 #play .overlay.trial-result:has(.ford-evidence){padding:6px 12px}
 #play .overlay.trial-result .modal:has(.ford-evidence){
  padding:8px 14px;
  gap:4px 14px;
 }
 .trial-result:has(.ford-evidence) .trial-heading h2{font-size:20px!important;margin-bottom:4px}
 .trial-result:has(.ford-evidence) .trial-heading .eyebrow{margin-bottom:3px!important}
 .trial-result:has(.ford-evidence) .trial-next p{line-height:1.3}
}

.trial-result:has(.ford-evidence) .trial-next>strong{margin-inline-end:8px}

.short-trial-rules ol{margin:6px 0;padding-inline-start:20px;color:#244b43;font-size:11px;line-height:1.55}
.short-trial-rules li+li{margin-top:3px}
.last-light-evidence [data-met=true]>span{color:#21634b;font-weight:800}
.last-light-evidence [data-met=false]>span{color:#86552d;font-weight:800}
#play.last-light-opening #exit-pulse{outline:2px solid #f8ce7f;outline-offset:1px}
@media(max-height:550px) and (orientation:landscape){
 .short-trial-rules{grid-row:1/4;align-self:stretch}
 #play .overlay.trial-result:has(.last-light-evidence){inset:52px 0 0;padding:6px 12px}
 #play .overlay.trial-result .modal:has(.last-light-evidence){padding:9px 14px;gap:4px 14px}
 .last-light-evidence p{margin:4px 0}
}

#breach-coach{
 position:absolute;right:8px;bottom:8px;z-index:18;width:min(228px,62%);padding:7px 8px;
 display:grid;gap:5px;pointer-events:none;
 background:#153e48f5;color:#edfbdf;border:1px solid #87cbb9;border-radius:7px;
 font-size:11px;line-height:1.25;text-align:left;
}
#breach-coach[hidden],#breach-coach [hidden]{display:none}
#play:has(#breach-coach[data-focused=true]:not([hidden])) #focus-status{display:none}
#breach-coach[data-state=exposed]{border-color:#b5f7dd;background:#194d50f5}
#breach-coach[data-state=confirmed]{border-color:#e1e9a1;background:#255548f5}
.breach-readout{display:flex;align-items:center;gap:7px;color:#d6f4d8;font-variant-numeric:tabular-nums}
.breach-readout progress{flex:1;min-width:0;height:6px;accent-color:#97e7c3}
#breach-lock{
 width:100%;min-height:44px;pointer-events:auto;touch-action:manipulation;
 border:1px solid #a8e4c2;border-radius:5px;background:#d8efd5;color:#153e44;
 font-size:11px;font-weight:800;padding:5px 7px;
}
#breach-lock:active{background:#f0e7ab}
@media(max-height:550px) and (orientation:landscape){
 #breach-coach{width:min(195px,56%);bottom:6px;right:6px}
}

.reef-plan li{padding:4px 8px;gap:7px}
.reef-plan img{flex:none;object-fit:contain;background:#214b56;border-radius:5px}
.reef-plan small{display:block;font-size:9px;color:#37594d}
.reef-evidence [data-met=true]>span{color:#21634b;font-weight:750}
.reef-evidence [data-met=false]>span{color:#86552d}
#play #pulse.ink-window{border-color:#efc7ff;box-shadow:inset 0 0 0 2px #d695f1}
#play #pulse.ink-window #pulse-state{color:#f6d7ff;font-weight:800}
.home-reef-entry{margin-top:12px;min-height:44px}

@media(max-height:550px) and (orientation:landscape){
 #play .overlay.trial-intro:has(.reef-plan),#play .overlay.trial-result:has(:is(.reef-evidence,.lockdown-evidence)){padding:6px 12px}
 #play .overlay:is(.trial-intro,.trial-result) .modal:has(:is(.reef-plan,.reef-evidence,.lockdown-evidence)){padding:8px 14px;gap:4px 14px}
 .trial-intro .reef-plan{gap:3px}
 .trial-intro .reef-plan li{padding:3px 6px;line-height:1.2}
 .trial-intro .reef-plan img{width:26px;height:26px}
 .trial-intro .reef-plan small{line-height:1.25}
}

@media(max-height:340px) and (orientation:landscape){
 #play .overlay:is(.trial-intro,.trial-result) .modal:has(:is(.reef-plan,.reef-evidence,.lockdown-evidence)){padding:5px 12px;gap:3px 12px}
 .trial-intro:has(.reef-plan) .trial-choice p{display:none}
 .trial-intro .reef-plan img{width:22px;height:22px}
}

#play #trial-slots{display:block;width:max-content;max-width:100%;margin:3px 0 0;padding:2px 4px;border-radius:3px;background:#a6e0c726;color:#d8f4d5;font-size:9px;line-height:1.2;white-space:nowrap}
#play #trial-slots[hidden]{display:none}
#play #trial-slots[data-full=true]{background:#f2c77030;color:#ffdfa0}
.lockdown-evidence [data-result=lost]>span{color:#963f34}
.lockdown-evidence [data-result=waiting]>span{color:#68765e}
#trial-copy-value{border:1px solid #a1b398;border-radius:5px;background:#f8f7ec;color:#25534d}
@media(max-width:520px){
 .trial-result:has(.lockdown-evidence) .trial-actions{gap:5px}
 .trial-result:has(.lockdown-evidence) .trial-actions>*{font-size:10px!important}
}

@media(max-height:360px) and (orientation:landscape){
 .trial-result:has(.lockdown-evidence) .trial-heading h2{font-size:20px!important;margin-bottom:4px}
 .trial-result:has(.lockdown-evidence) .trial-heading .eyebrow{margin-bottom:3px!important}
 .trial-result:has(.lockdown-evidence) .result-stats strong{font-size:21px}
 .trial-result:has(.lockdown-evidence) .trial-next p{font-size:8px!important}
 .lockdown-evidence p{margin:3px 0}
}

.hero-picker{display:grid;gap:2px;flex:none;font-size:9px;font-weight:750;color:#2b6057}
.hero-picker select{min-height:44px;padding:3px 6px;color:#204c47;background:#f6f6e6;border:1px solid #92aa8f;border-radius:5px;font:inherit;font-size:11px}
.storm-hero-choice{grid-column:2;grid-row:1/3;border:1px solid #b9cbb0;border-radius:7px;padding:7px 9px;background:#edf1df}
.storm-hero-choice p{font-size:10px!important;margin:4px 0 0!important;line-height:1.35}
#play .storm-hero-choice .hero-intro h2{font-size:17px!important}
#play .storm-hero-choice .hero-intro{display:grid;grid-template-columns:44px 1fr;gap:4px 8px}
#play .storm-hero-choice .hero-intro img{width:44px;height:52px}
#play .storm-hero-choice .hero-intro .hero-picker{grid-column:1/-1;display:flex;align-items:center;gap:7px}
#play .storm-hero-choice .hero-intro .hero-picker select{min-height:44px;width:auto;flex:1}
#play .storm-hero-choice [data-show-hero]{display:none}
@media(max-height:360px) and (orientation:landscape){
 #play .overlay.trial-intro:has(.storm-rules){padding:5px 12px}
 #play .overlay.trial-intro .modal:has(.storm-rules){padding:8px 12px;gap:4px 13px}
}