.cs-root{position:fixed;inset:0;z-index:2147483000;pointer-events:none;font-family:Georgia,Times New Roman,serif;color:#f3e7c6;overflow:hidden;opacity:0;transition:opacity .25s ease;--cs-accent: #ffd66b;--cs-bar: 16vh}.cs-root.cs-on{opacity:1}.cs-bar{position:absolute;left:0;right:0;height:0;background:#000;transition:height .5s ease;z-index:3}.cs-bar-top{top:0}.cs-bar-bottom{bottom:0}.cs-root.cs-letterbox .cs-bar{height:var(--cs-bar)}.cs-fade{position:absolute;inset:0;background:#000;opacity:0;transition:opacity .6s ease;z-index:6}.cs-vo{position:absolute;left:50%;bottom:15vh;transform:translate(-50%);width:min(760px,88vw);text-align:center;font-style:italic;font-size:clamp(17px,2.5vw,25px);line-height:1.45;letter-spacing:.02em;text-shadow:0 2px 10px #000,0 0 26px rgba(0,0,0,.8);opacity:0;transition:opacity .55s ease;z-index:8}.cs-vo.cs-show{opacity:1}.cs-say{position:absolute;left:50%;bottom:12vh;transform:translate(-50%) translateY(10px);width:min(760px,88vw);padding:14px 20px;box-sizing:border-box;background:#0c0a08d1;border-left:4px solid var(--cs-accent);border-radius:4px;box-shadow:0 8px 40px #0009;opacity:0;transition:opacity .25s ease,transform .25s ease;z-index:8}.cs-say.cs-show{opacity:1;transform:translate(-50%) translateY(0)}.cs-say-name{font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cs-accent);font-size:clamp(15px,2vw,20px);margin-bottom:4px}.cs-say-text{font-size:clamp(16px,2.3vw,22px);line-height:1.4}.cs-title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;opacity:0;transition:opacity .6s ease;z-index:7}.cs-title.cs-show{opacity:1}.cs-title-main{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(34px,7vw,72px);text-shadow:0 4px 24px #000}.cs-title-sub{font-style:italic;color:#e9dcc0;font-size:clamp(16px,2.6vw,26px);text-shadow:0 2px 12px #000}.cs-card{position:absolute;left:8vw;bottom:19vh;text-align:left;padding-left:16px;border-left:4px solid var(--cs-accent);opacity:0;transform:translate(-14px);transition:opacity .2s ease,transform .2s ease;z-index:8}.cs-card.cs-show{opacity:1;transform:translate(0)}.cs-card-name{font-weight:700;text-transform:uppercase;color:var(--cs-accent);font-size:clamp(26px,4.4vw,44px);letter-spacing:.06em;text-shadow:0 2px 10px #000,0 0 26px rgba(0,0,0,.7)}.cs-card-tag{margin-top:4px;font-style:italic;color:#e9dcc0;font-size:clamp(14px,2.1vw,21px);text-shadow:0 2px 8px #000}.cs-flash{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 6vw;white-space:pre-line;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(28px,6vw,64px);text-shadow:0 4px 30px #000,0 0 40px rgba(0,0,0,.9);opacity:0;transform:scale(.94);transition:opacity .3s ease,transform .3s ease;z-index:9}.cs-flash.cs-show{opacity:1;transform:scale(1)}.cs-skip{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:10;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#0006;color:#ffffffd9;font-family:system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:none;opacity:0;transition:opacity .2s ease}.cs-root.cs-on .cs-skip{pointer-events:auto;opacity:1}
