.triwords-opening{position:fixed;inset:0;z-index:100000;background:#fffdf7;color:#202742;display:grid;place-items:center;padding:24px;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));box-sizing:border-box;opacity:1;transition:opacity .16s ease;animation:triwords-opening-expire 0s 4.5s forwards}
.triwords-opening__content{width:min(100%,640px);text-align:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.triwords-opening__stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}
.triwords-opening__stage img,.triwords-opening__video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.triwords-opening__video{opacity:0;pointer-events:none}
.triwords-opening.is-playing .triwords-opening__video{opacity:1}
.triwords-opening.is-playing .triwords-opening__stage img{visibility:hidden}
.triwords-opening__status{margin:12px 0 14px;font-size:14px;line-height:1.5;color:#596174}
.triwords-opening__skip{appearance:none;min-height:44px;min-width:120px;padding:10px 18px;border:1px solid #cfd4e2;border-radius:999px;background:transparent;color:#3447a1;font:600 14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.triwords-opening__skip:hover{background:#eef1ff}
.triwords-opening__skip:focus-visible{outline:3px solid #3156d8;outline-offset:4px}
.triwords-opening.is-leaving{opacity:0;pointer-events:none;visibility:hidden}
.triwords-loading{box-sizing:border-box;min-height:120px;padding:92px 16px 16px;text-align:center;background-image:url('../assets/opening/waiting-symbol.png');background-position:center top;background-size:84px 84px;background-repeat:no-repeat}
@keyframes triwords-opening-expire{to{visibility:hidden;pointer-events:none}}
@media(max-height:430px) and (orientation:landscape){.triwords-opening__content{width:min(70vw,430px)}.triwords-opening__stage{max-height:52vh}.triwords-opening__status{margin:4px 0}.triwords-opening__skip{min-height:40px}}
@media(prefers-reduced-motion:reduce){.triwords-opening{transition:none}.triwords-opening__video{display:none}}
@media print{.triwords-opening{display:none!important}}