/* SELAS first-open intro (owner approved 06/11/2026). A fixed 390x844 film scaled to fit, over the app. */
.selas-intro{position:fixed;inset:0;z-index:50;display:block;overflow:hidden;color:#f4eee4;background:linear-gradient(#0a0a10,#0d0c12 60%,#060609);font-family:'Poiret One',sans-serif;-webkit-tap-highlight-color:transparent;transition:opacity .45s ease}
.selas-intro.si-leaving{opacity:0;pointer-events:none}
.selas-intro .si-safe{position:absolute;top:env(safe-area-inset-top,0px);bottom:env(safe-area-inset-bottom,0px);left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px)}
.selas-intro .si-stage{position:absolute;left:50%;top:50%;width:390px;height:844px;transform-origin:center;transform:translate(-50%,-50%)}
.selas-intro .si-water{position:absolute;inset:0;width:390px;height:844px;opacity:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} /* soft edges where the film meets the letterbox */
.selas-intro .si-art{position:absolute;inset:0;width:390px;height:844px;overflow:visible}
.selas-intro .si-poem{position:absolute;left:24px;right:24px;top:300px;text-align:center}
.selas-intro .si-poem p{margin:0;font-size:27px;line-height:1.5;text-shadow:0 0 18px rgba(217,185,124,.22);text-wrap:balance}
.selas-intro .si-poem p+p{margin-top:18px}
.selas-intro .si-half{white-space:nowrap}
.selas-intro .si-w{display:inline-block;white-space:pre;padding:.12em 0;opacity:0}
.selas-intro .si-brand{position:absolute;left:24px;right:24px;top:378px;text-align:center;color:#d9b97c}
.selas-intro .si-brand b{display:block;font-weight:400;font-size:38px;letter-spacing:.1em;opacity:0}
.selas-intro .si-tag{margin:8px 0 0;font-size:21px;line-height:1.55;text-wrap:balance}
.selas-intro .si-fact{position:absolute;left:30px;right:30px;top:536px;margin:0;text-align:center;font:14px/1.6 Arial,sans-serif;color:#9a93a0;opacity:0;text-wrap:balance}
.selas-intro .si-end{position:absolute;left:26px;right:26px;bottom:34px;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;pointer-events:none}
.selas-intro .si-end.si-on{pointer-events:auto}
.selas-intro .si-main{width:100%;min-height:52px;background:transparent;color:#d9b97c;border:1px solid #d9b97c;border-radius:14px;font:23px/1 'Poiret One',sans-serif;cursor:pointer}
.selas-intro .si-sub{background:none;border:0;color:#c4beca;font:14px/1.4 Arial,sans-serif;padding:12px;cursor:pointer}
.selas-intro .si-sub[hidden],.selas-intro .si-sound[hidden]{display:none}
.selas-intro .si-foot{font:11.5px/1.6 Arial,sans-serif;color:#7d7682;text-align:center;margin:0}
.selas-intro .si-skip{position:absolute;top:24px;right:18px;font:13px/1 Arial,sans-serif;letter-spacing:.4px;color:#8e8794;background:none;border:0;padding:10px;cursor:pointer}
.selas-intro .si-sound{position:absolute;top:24px;left:18px;font:13px/1 Arial,sans-serif;color:#d9b97c;background:rgba(217,185,124,.08);border:1px solid rgba(217,185,124,.35);border-radius:999px;padding:8px 12px;cursor:pointer}
.selas-intro .si-breathe{animation:si-breathe 9s ease-in-out infinite;transform-origin:195px 250px;transform-box:view-box}
@keyframes si-breathe{50%{transform:scale(1.035)}}