html[data-synga-host],html[data-synga-host] body{width:100%;height:100%;margin:0;overflow:hidden;background:#08050b}
html[data-synga-host] #root{display:none!important}
html[data-synga-embedded] #orizis-intro{display:none!important}
.synga-landscape-surface{position:fixed;left:50%;top:50%;width:100vw;height:100dvh;transform:translate(-50%,-50%);overflow:hidden;isolation:isolate;container-type:size;background:#08050b;z-index:99999}
.synga-game-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#08050b}
@media(orientation:portrait){.synga-landscape-surface{width:100dvh;height:100vw;transform:translate(-50%,-50%) rotate(90deg)}}
.synga-landscape-surface #orizis-intro{position:absolute!important;inset:0!important}
.synga-landscape-surface #orizis-intro .oi-mark{font-size:clamp(38px,9cqw,72px)}
.synga-landscape-surface #orizis-intro .oi-sub{font-size:clamp(10px,2.2cqw,14px)}
.synga-landscape-surface #orizis-intro .oi-line{max-width:60cqw}
.synga-brand-intro{position:absolute;inset:0;z-index:999998;overflow:hidden;display:grid;place-items:center;color:#fff4d4;background:#160611;opacity:1;transition:opacity .5s;visibility:hidden;font-family:'Barlow Condensed',Arial,sans-serif}
.synga-brand-intro[hidden]{display:none}
.synga-brand-intro.is-playing{visibility:visible}
.synga-brand-intro.is-leaving{opacity:0;pointer-events:none}
.synga-intro-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.48);transform:scale(1.06)}
.synga-intro-shade{position:absolute;inset:0;background:#28051670;box-shadow:inset 0 0 18cqw #09040ce6}
.synga-intro-brand{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.4cqh}
.synga-intro-eyebrow{font-size:clamp(10px,2.4cqh,18px);font-weight:600;letter-spacing:.32em;color:#ffe7a5}
.synga-intro-logo{width:49cqh;height:49cqh;max-width:40cqw;object-fit:contain;filter:drop-shadow(0 1cqh 3cqh #0009)}
.synga-intro-brand p{font-size:clamp(12px,2.7cqh,21px);font-weight:600;letter-spacing:.24em;margin:0 0 1cqh;text-shadow:0 2px 6px #000}
.synga-intro-enter{min-width:26cqh;min-height:7.5cqh;padding:1.2cqh 3cqh;border:1px solid #ffdb80;border-radius:5px;background:#850d24;color:#fff0c8;box-shadow:inset 0 0 18px #e9553744,0 5px 20px #0009;font:700 clamp(13px,3cqh,23px) 'Barlow Condensed',Arial,sans-serif;letter-spacing:.1em;cursor:pointer}
.synga-intro-enter:hover{background:#b41530}.synga-intro-enter:focus-visible{outline:2px solid white;outline-offset:5px}
.synga-intro-credit{position:absolute;bottom:3.5cqh;font-size:clamp(9px,1.6cqh,13px);letter-spacing:.25em;color:#c3ad91}
.is-playing .synga-intro-scene{animation:syngaSceneIn 4.9s ease-out both}
.is-playing .synga-intro-logo{animation:syngaLogoIn 1.25s cubic-bezier(.16,1,.3,1) both}
.is-playing .synga-intro-eyebrow,.is-playing .synga-intro-brand p,.is-playing .synga-intro-enter{animation:syngaTextIn .8s .35s both}
@keyframes syngaSceneIn{from{transform:scale(1.12);filter:brightness(.2)}to{transform:scale(1.02);filter:brightness(.48)}}
@keyframes syngaLogoIn{from{opacity:0;transform:scale(.72) translateY(3cqh);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:drop-shadow(0 1cqh 3cqh #0009)}}
@keyframes syngaTextIn{from{opacity:0;transform:translateY(1.5cqh)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.synga-brand-intro *{animation:none!important}.synga-brand-intro{transition:none}}
.synga-brand-intro{background:#091524;color:#eef6ff}
.synga-intro-shade{background:#07132266;box-shadow:inset 0 0 18cqw #030b16cc}
.synga-intro-logo{width:52cqh;height:24cqh;object-fit:contain;mix-blend-mode:screen;filter:none}
.synga-intro-eyebrow,.synga-intro-credit{color:#a5c3dd}
.synga-intro-enter{background:#ff737b;color:#102035;border:0;border-radius:10px;box-shadow:none;letter-spacing:.06em}
.synga-intro-enter:hover{background:#ff9298}
.synga-intro-scene{filter:brightness(.8)}
.synga-intro-shade{background:#03142c44;box-shadow:inset 0 0 15cqw #020a1b99}
.synga-intro-enter{background:#fa5976;border:1px solid #ffadbf;box-shadow:0 0 30px #f9537155,inset 0 1px 12px #ffc8d455}