/* A compact editorial layer for the WebApp and dependable player exit states. */
.webapp-promise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(8,231,240,.17);border-radius:16px;background:linear-gradient(120deg,rgba(8,231,240,.055),rgba(45,185,255,.015) 62%,rgba(8,231,240,.045));overflow:hidden;margin:2px 0 16px}
.hero-copy h1 em{-webkit-text-stroke:0;color:#bcf7fa}
.webapp-promise>div{position:relative;min-width:0;padding:20px 22px 21px;display:grid;grid-template-columns:30px 1fr;gap:3px 11px;align-items:baseline}
.webapp-promise>div+div{border-left:1px solid rgba(255,255,255,.09)}
.webapp-promise span{grid-row:span 2;color:#08e7f0;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}
.webapp-promise b{font-size:11px;letter-spacing:.09em;color:#f4f7f5}
.webapp-promise small{min-width:0;font-size:11px;line-height:1.5;color:#a8b8bc}
.player-shell.has-error .player-top,.player-shell.has-error .player-controls{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.player-shell.has-error{cursor:auto!important}
.player-shell.has-error .player-center,.player-shell.has-error .player-controls{display:none!important}
.player-shell.has-error .player-stage{background:radial-gradient(ellipse at 50% 36%,#102935,#03090f 68%)!important}
.player-shell.has-error .player-message{background:transparent!important;overflow-y:auto;overscroll-behavior:contain;padding:110px 24px 36px!important;gap:4px}
.player-message-kicker{color:#08e7f0;font-size:10px;font-weight:750;letter-spacing:.16em;margin-bottom:10px}
.player-message p{max-width:420px;color:#9fb4bb;font-size:11px;line-height:1.55;text-align:center;margin:12px 0 0}
.player-shell.has-error .player-message>b{font-size:clamp(19px,3vw,31px);letter-spacing:-.03em;text-align:center}
.player-shell.has-error .player-message>span{font-size:12px;max-width:540px;color:#d1dce0;overflow-wrap:anywhere}
.player-shell.has-error .player-message-actions{gap:10px}
.player-shell.has-error .player-message button{font-size:10px;letter-spacing:.04em;min-height:48px}
.player-shell.has-error .player-top>button{border-color:#08e7f0;background:#10232c;color:#fff}
.player-top>button:focus-visible,.player-message button:focus-visible,.webapp-promise :focus-visible{outline:3px solid #08e7f0;outline-offset:3px}
@media(max-width:860px){.webapp-promise>div{padding:16px 14px;grid-template-columns:1fr;gap:4px}.webapp-promise span{grid-row:auto}.webapp-promise small{font-size:10px}}
@media(max-width:650px){.webapp-promise{grid-template-columns:1fr;border-radius:13px;margin-bottom:4px}.webapp-promise>div{grid-template-columns:25px 1fr;padding:10px 14px;gap:1px 9px}.webapp-promise>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.09)}.webapp-promise span{grid-row:span 2;font-size:10px}.webapp-promise b{font-size:9px}.webapp-promise small{font-size:10px}.player-shell.has-error .player-stage{min-height:clamp(320px,54dvh,440px)!important;aspect-ratio:auto}.player-shell.has-error .player-message{padding:20px 14px!important;justify-content:center}.player-shell.has-error .player-message>span{font-size:11px}.player-shell.has-error .player-message-actions{display:grid;grid-template-columns:1fr 1fr;width:min(100%,400px)}.player-shell.has-error .player-message button{min-width:0;padding-inline:7px;font-size:9px}.player-shell.has-error .player-message p{font-size:10px}.player-shell.has-error .player-controls{display:none!important}}
@media(max-width:390px){.player-shell.has-error .player-stage{min-height:360px!important}.player-shell.has-error .player-message-actions{grid-template-columns:1fr}.player-shell.has-error .player-message button{min-height:42px}}
@media(max-width:430px){.hero-copy h1{font-size:clamp(29px,8.9vw,36px)!important;letter-spacing:-1.7px!important;line-height:1.02!important}.hero-copy h1 em{white-space:nowrap}.hero-panel{padding-top:30px!important}}
@media(max-width:760px) and (orientation:portrait){.player-shell.has-error .player-stage{flex:1 0 auto!important;height:auto!important;min-height:calc(100dvh - 79px)!important;border-bottom:0!important}.player-shell.has-error .player-message{justify-content:center}.compatibility-line{font-size:9px!important;letter-spacing:.03em!important;white-space:normal!important;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.webapp-promise *, .player-shell.has-error *{animation:none!important;transition:none!important}}