html{background:#071016;color-scheme:dark;scrollbar-color:#647782 #071016}body{background:#071016;color:#f7fafb}::selection{background:#9de8ff;color:#08222b}input{caret-color:#8ae4ff}.experience{background:#071016}.experience::after{display:none}.gate{position:relative;isolation:isolate;min-height:100svh;min-height:100dvh;overflow:hidden;background:#101c24}.gallery,.image-stage,.slide{position:absolute;inset:0;width:100%;height:100%}.gallery{z-index:-2}.slide{display:block;object-fit:cover;object-position:54% 44%;opacity:0;transition:opacity .65s ease-out}.slide.active{opacity:1}.gate::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#06101952 0%,#06101900 30%,#06101924 45%,#061019e8 78%,#061019 100%)}.gate-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(18px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left));position:relative;z-index:2}.gate .language-button{max-width:168px;background:#0a1829e8;border:1px solid #c8dfeb44;color:#f8fbfd;border-radius:7px;min-height:44px}.language-button option{background:#11232c;color:#f8fbfd}.gate .icon-button{width:44px;height:44px;display:grid;place-items:center;background:#0a1829df;border:1px solid #c8dfeb44;border-radius:50%;color:#f8fbfd;padding:10px}.gate .icon-button svg{width:20px;height:20px}.gate-copy{position:relative;min-height:calc(100svh - 62px);min-height:calc(100dvh - 62px);padding:clamp(140px,34svh,430px) max(24px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:flex-end;max-width:680px}.gate h1{font-family:ArenaTitle,Georgia,"Songti SC",serif;font-size:clamp(44px,9vw,76px);line-height:1.12;letter-spacing:0;margin:0 0 16px;font-weight:900;text-wrap:balance;overflow-wrap:anywhere}.gate-hook{font-size:clamp(19px,5vw,27px);line-height:1.55;max-width:23em;color:#f4f7f9;text-wrap:pretty;margin:0 0 28px;overflow-wrap:anywhere}.action-area{width:100%;max-width:430px;margin:0}.watch-button{width:100%;min-height:64px;border:0;border-radius:10px;background:#f5fbff;color:#08222f;display:flex;align-items:center;justify-content:center;gap:14px;padding:17px 20px;font-size:17px;font-weight:700;box-shadow:0 10px 30px #0004}.watch-button:hover{background:#d9f6ff}.watch-button:active{transform:translateY(1px)}.watch-play{width:22px;height:22px;fill:#006c92;stroke:none;flex-shrink:0}.button-arrow{width:22px;height:22px;margin-inline-start:auto;flex-shrink:0}.watch-button span{flex:1;text-align:center}.gate-update{font-size:12px;line-height:1.7;color:#b7ccd8;margin:17px 0 0;overflow-wrap:anywhere}.image-error{position:absolute;top:90px;inset-inline:24px;font-size:13px;line-height:1.8;color:#e0ecf2}.gate .image-stage{border-radius:0;overflow:hidden}.gate [hidden]{display:none!important}
#guide{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #829ba766;border-radius:16px;background:#10212a;color:#f3f8fa;box-shadow:0 20px 70px #0008}#guide::backdrop{background:#02080cbb}.guide-card{position:relative;padding:34px 25px 22px}.close-guide{position:absolute;top:12px;inset-inline-end:12px;background:none;border:0;color:#cbdde6;display:grid;place-items:center;width:44px;height:44px;padding:12px}.close-guide svg{width:20px;height:20px}.guide-topline{display:flex;align-items:center;gap:14px;margin:0 44px 20px 0}.safari-mark{margin:0;flex:0 0 auto}.safari-mark img{width:48px;height:48px;display:block}.guide-badges{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.guide-badge{display:inline-flex;align-items:center;min-height:20px;padding:3px 8px;border:1px solid #8ee8ff55;border-radius:999px;background:#173b49;color:#e3faff;font-size:10px;line-height:1.15;font-weight:700;white-space:nowrap}#guide h2{font-family:inherit;font-size:24px;line-height:1.4;margin:0 0 14px;text-wrap:balance}.guide-hint,.guide-divider,.copy-status,.manual-copy{font-size:13px;line-height:1.85;color:#c9dce5}.guide-hint{margin:0 0 20px}.guide-steps{display:grid;gap:18px;list-style:none;padding:0;margin:0 0 22px}.guide-steps li{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.8}.step-number{flex:0 0 27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#cceef9;color:#143746;font-size:12px}.guide-divider{padding-top:18px;border-top:1px solid #8ba5b63d;margin-bottom:18px}.copy-button{width:100%;min-height:52px;border:0;border-radius:9px;background:#e2f6fc;color:#102b36;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;padding:12px}.copy-button svg{width:20px;height:20px}.copy-status{min-height:24px;margin:12px 0 0;color:#b9efff}.manual-copy{display:block;margin:14px 0 0}.manual-copy input{display:block;width:100%;min-height:44px;margin-top:8px;border:1px solid #7a9aab;background:#07151d;color:#f7fcff;padding:10px;border-radius:5px;direction:ltr;text-align:left;font-size:12px}html.guide-open{overflow:hidden}[dir=rtl] .button-arrow{transform:scaleX(-1)}[dir=rtl] .guide-topline{margin:0 0 20px 44px}[dir=rtl] .guide-badges{align-items:flex-end}[dir=rtl] .gate h1{font-family:inherit;line-height:1.4}
@media(min-width:800px){.gate-copy{padding-inline-start:7vw;padding-bottom:7vh;min-height:calc(100dvh - 62px);max-width:760px}.gate::after{background:linear-gradient(90deg,#061019ed 0%,#06101999 34%,#06101915 75%),linear-gradient(0deg,#061019c9,transparent 58%)}.slide{object-position:center}.gate-header{padding-inline:3.5vw}.gate-hook{font-size:26px}.gate h1{font-size:76px}}
@media(max-width:359px){.gate-copy{padding-inline:19px}.gate h1{font-size:40px}.gate-hook{font-size:18px;margin-bottom:22px}.watch-button{min-height:58px;font-size:16px}.gate-update{font-size:11px}}
@media(max-height:520px) and (orientation:landscape){.gate-copy{padding-top:50px;padding-bottom:18px;max-width:560px;min-height:calc(100dvh - 62px)}.gate h1{font-size:36px;margin-bottom:8px}.gate-hook{font-size:17px;margin-bottom:14px}.watch-button{min-height:48px;padding:10px 18px}.gate-update{margin-top:10px}.gate::after{background:linear-gradient(90deg,#061019ee,#0610199c 45%,#0610192b 90%)}.gate .slide{object-position:center}}
@media(prefers-reduced-motion:reduce){.slide{transition:none}.watch-button:active{transform:none}}

@media(max-height:680px) and (orientation:portrait){.gate-copy{padding-top:40px;padding-bottom:24px}.gate h1{font-size:34px;margin-bottom:12px}.gate-hook{font-size:17px;margin-bottom:18px}.watch-button{padding:13px 16px;font-size:16px}.gate-update{font-size:11px;margin-top:12px}}
.gate-copy{min-height:calc(100dvh - 44px - max(18px,env(safe-area-inset-top)))}
.copy-button:hover{background:#c8eefa;color:#102b36}.close-guide:hover{background:#213843;color:#f3f8fa}
@media(orientation:portrait) and (min-aspect-ratio:3/5){#gate[data-frame="arena-c2"] #slide-2{object-position:center 10%}#gate[data-frame="beast-a1"] #slide-1{object-position:center 20%}#gate[data-frame="beast-c2"] #slide-3{object-position:center 25%}}
@media(orientation:portrait) and (max-width:799px){#gate[data-series="beast"] #gate-title:lang(ta){font-size:clamp(28px,8.5vw,50px)}}

/* Final guide header layout: centered Safari mark with three equal badges in one row. */
.guide-topline{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 20px}
.guide-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;align-items:stretch}
.guide-badge{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:24px;padding:5px 4px;font-size:10px;white-space:nowrap}
[dir=rtl] .guide-topline{margin:0 0 20px}
[dir=rtl] .guide-badges{align-items:stretch}