@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/roboto-400.woff2') format('woff2'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url('/assets/fonts/roboto-500.woff2') format('woff2'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/fonts/roboto-700.woff2') format('woff2'); }
:root { --color-bg:#ffffff; --color-text:#00050a; --color-body:#484d53; --color-accent:#3499fe; --color-accent-2:#2a84fe; --color-accent-ink:#1264ad; --color-surface:#f3f6f9; --color-surface-selected:#dbe3eb; --color-border:#c9d6e3; --color-muted:#49525a; --color-brand-text:#ffffff; --color-header:#ffffff; --color-footer:rgba(243,246,249,.5); --font-display:'Roboto',sans-serif; --font-body:'Roboto',sans-serif; --fs-body:16px; --fs-small:.875rem; --fs-section-title:1.5625rem; --fs-hero:2.4414rem; --radius:18px; --radius-card:12px; --radius-pill:999px; --header-h:72px; --sidebar-w:280px; --section-gap:48px; --section-gap-mob:32px; --hero-padding-v:32px; --footer-padding-v:48px; --ease-out:cubic-bezier(.16,1,.3,1); --ease-in:cubic-bezier(.7,0,.84,0); --ease-toggle:cubic-bezier(.65,0,.35,1); }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:calc(var(--header-h) + 16px); }
body { margin:0; background:var(--color-bg); color:var(--color-body); font-family:var(--font-body); font-size:var(--fs-body); line-height:1.5; }
button { background:transparent; border:0; padding:0; font:inherit; color:inherit; cursor:pointer; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; height:auto; }
.container { width:100%; max-width:1200px; margin-inline:auto; padding-inline:16px; }
:focus-visible { outline:0; box-shadow:0 0 0 3px var(--color-accent-ink); }
@media (min-width:768px) { .container { padding-inline:24px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
.action-link { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:46px; padding:12px 22px; background:var(--color-accent); color:var(--color-brand-text); border-radius:8px; font-weight:700; transition:background .25s var(--ease-toggle); }
.action-link:hover,.action-link:focus-visible { background:var(--color-accent-2); }
.azure-port { position:sticky; top:0; z-index:50; background:var(--color-header); border-bottom:1px solid var(--color-border); }
.azure-port__inner { min-height:var(--header-h); max-width:1200px; margin-inline:auto; padding:12px 16px; display:flex; align-items:center; gap:28px; }
.azure-port__brand { flex-shrink:0; }
.azure-port__brand img { width:98px; height:34px; object-fit:contain; }
.azure-port__actions { margin-left:auto; display:flex; align-items:center; gap:12px; }
.azure-port__entry { white-space:nowrap; padding-inline:18px; }
.port-icon { display:inline-block; width:20px; height:20px; vertical-align:middle; flex-shrink:0; }
.azure-port__burger { width:44px; height:44px; display:flex; align-items:center; justify-content:center; }
.azure-port__burger .port-icon { width:28px; height:28px; }
.route-list { margin:0; padding:0; list-style:none; }
.route-list a { display:inline-flex; align-items:center; min-height:44px; font-weight:500; color:var(--color-text); }
.route-list a:hover,.route-list .is-active { color:var(--color-accent-ink); }
.route-group { position:relative; }
.route-group__toggle { width:36px; min-height:44px; font-size:22px; }
.route-group__children { list-style:none; padding:0 0 0 16px; }
.route-sheet { position:fixed; top:0; right:0; bottom:0; width:min(340px,100%); padding:24px; background:white; z-index:100; transform:translateX(100%); visibility:hidden; transition:transform .35s var(--ease-out),visibility 0s linear .35s; overflow-y:auto; }
.route-sheet.is-open { transform:translateX(0); visibility:visible; transition:transform .35s var(--ease-out),visibility 0s; }
.route-sheet__top { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; font-size:24px; }
.route-sheet__top button { width:44px; height:44px; font-size:32px; }
.route-sheet .route-list>li { border-bottom:1px solid var(--color-border); padding-block:8px; }
.route-shade { position:fixed; inset:0; z-index:90; background:rgba(0,5,10,.4); opacity:0; visibility:hidden; transition:opacity .3s var(--ease-toggle),visibility 0s linear .3s; }
.route-shade.is-open { visibility:visible; opacity:1; transition:opacity .3s var(--ease-toggle),visibility 0s; }
.menu-open { overflow:hidden; }
.orbit-scene { position:relative; margin-top:24px; background:var(--color-surface); border-radius:var(--radius); padding:20px; }
.orbit-scene[data-hero-slider] { padding-top:56px; }
.breadcrumb { font-size:14px; color:var(--color-muted); margin-bottom:12px; }
.breadcrumb a { color:var(--color-accent-ink); }
.orbit-scene__track { display:flex; align-items:flex-start; height:var(--active-slide-height,auto); overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; scroll-behavior:smooth; }
.orbit-scene__slide { flex:0 0 100%; min-width:0; scroll-snap-align:start; }
.orbit-scene__inner { display:grid; gap:20px; align-items:center; padding:8px; }
.orbit-scene__copy { min-width:0; }
.orbit-scene__title { font-family:var(--font-display); font-size:clamp(1.5rem,3.4vw,var(--fs-hero)); font-weight:700; line-height:1.15; letter-spacing:-.035em; color:var(--color-text); overflow-wrap:break-word; }
.orbit-scene__copy p { margin:18px 0 24px; max-width:42ch; }
.orbit-scene__visual { display:flex; align-items:center; justify-content:center; gap:14px; min-width:0; }
.orbit-scene__art { width:auto; max-width:min(100%,480px); max-height:240px; object-fit:contain; transform:rotate(-1deg); }
.orbit-scene__entity { width:24%; max-width:125px; object-fit:contain; }
.orbit-scene--aviator .orbit-scene__art { max-width:70%; width:330px; }
.orbit-scene__controls { position:absolute; top:8px; right:12px; z-index:2; display:flex; align-items:center; gap:2px; }
.orbit-scene__dot { width:44px; height:44px; flex-shrink:0; padding:18px; border-radius:50%; background-color:var(--color-border); background-clip:content-box; }
.orbit-scene__dot.is-active { background-color:var(--color-accent-ink); }
.orbit-scene__arrow { width:32px; height:32px; flex-shrink:0; border-radius:8px; color:var(--color-text); background:white; }
.orbit-scene__arrow .port-icon { width:16px; height:16px; }
.orbit-scene--technical { padding:32px 24px; }
.quick-routes { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.quick-routes a { border:1px solid var(--color-border); border-radius:var(--radius-pill); padding:12px 18px; min-height:44px; font-weight:500; }
.quick-routes a:hover { background:var(--color-surface-selected); }
.chapter-lane { margin-top:var(--section-gap-mob); }
.page-copy { color:var(--color-body); line-height:1.7; }
.page-copy h1,.page-copy h2,.page-copy h3 { color:var(--color-text); font-weight:700; line-height:1.25; overflow-wrap:break-word; }
.page-copy h1 { font-size:clamp(1.75rem,3.2vw,2.4414rem); margin:0 0 24px; letter-spacing:-.025em; }
.page-copy h2 { font-size:clamp(1.4rem,2.4vw,1.953rem); margin:0 0 24px; letter-spacing:-.02em; }
.page-copy h3 { font-size:1.25rem; margin:24px 0 16px; }
.page-copy p { margin:0 0 16px; }
.page-copy ul,.page-copy ol { padding-left:24px; margin:16px 0; }
.page-copy li { margin-bottom:10px; }
.page-copy a { color:var(--color-accent-ink); text-decoration:underline; }
.page-copy__table-wrap { overflow-x:auto; margin-block:24px; }
.page-copy table { width:100%; min-width:620px; table-layout:fixed; border-collapse:collapse; font-size:15px; }
.aviator-details { margin-top:24px; }
.aviator-details table { min-width:0; }
.page-copy th,.page-copy td { border:1px solid var(--color-border); padding:14px; text-align:left; vertical-align:top; overflow-wrap:break-word; }
.page-copy th { background:var(--color-surface); color:var(--color-text); }
.page-copy blockquote { padding:24px; border-left:4px solid var(--color-accent); background:var(--color-surface); margin:24px 0; }
.page-copy> :last-child { margin-bottom:0; }
.game-rack { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.game-sleeve { display:flex; flex-direction:column; min-width:0; border-radius:12px; background:var(--color-surface); border:1px solid var(--color-border); }
.game-sleeve__frame { display:block; position:relative; overflow:hidden; border-radius:11px 11px 0 0; }
.game-sleeve__frame img { width:100%; height:auto; }
.game-sleeve__frame::after { content:""; position:absolute; inset:0; background:rgba(52,153,254,.16); opacity:0; transition:opacity .25s var(--ease-toggle); pointer-events:none; }
.game-sleeve:hover .game-sleeve__frame::after,.game-sleeve:focus-visible .game-sleeve__frame::after { opacity:1; }
.game-sleeve__info { display:flex; flex-direction:column; flex:1; padding:12px; }
.game-sleeve__name { display:block; font-size:14px; font-weight:700; line-height:1.4; margin-bottom:12px; color:var(--color-text); }
.game-sleeve__cta { display:flex; justify-content:space-between; align-items:center; min-height:44px; padding:10px 12px; margin-top:auto; background:var(--color-accent); color:white; border-radius:6px; font-size:14px; font-weight:700; transition:background .25s var(--ease-toggle); }
.game-sleeve:hover .game-sleeve__cta,.game-sleeve:focus-visible .game-sleeve__cta { background:var(--color-accent-2); }
.game-rack--1 { grid-template-columns:minmax(0,180px); }
.game-rack--2 { grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; max-width:376px; }
.invitation { display:grid; align-items:center; gap:24px; padding:24px; background:var(--color-surface); border-radius:var(--radius); }
.invitation__title { font-size:1.5625rem; line-height:1.2; font-weight:700; color:var(--color-text); }
.invitation__copy p { margin:16px 0 24px; }
.invitation__art { width:auto; max-width:100%; max-height:220px; justify-self:center; object-fit:contain; }
.context-pane { display:grid; gap:24px; align-items:center; }
.context-pane__media { min-width:0; }
.context-pane__enlarge { display:block; width:100%; text-align:left; border:1px solid var(--color-border); border-radius:12px; padding:8px; }
.context-pane__enlarge span { display:block; padding:8px; font-size:14px; color:var(--color-accent-ink); }
.context-pane__image { width:100%; height:auto; }
.context-pane__caption { min-width:0; }
.context-pane__caption strong { display:block; font-size:1.5625rem; color:var(--color-text); line-height:1.3; }
.context-pane--compact { grid-template-columns:minmax(0,90px) minmax(0,1fr); gap:16px; }
.context-pane--compact .context-pane__caption strong { font-size:1.125rem; }
.context-pane--compact .action-link { padding-inline:12px; font-size:14px; }
.care-note { border-left:4px solid var(--color-accent); padding:24px; background:var(--color-surface); border-radius:0 12px 12px 0; }
.care-note p { margin:8px 0; }
.care-note a { display:inline-flex; min-height:44px; align-items:center; color:var(--color-accent-ink); font-weight:700; }
.temporary-note { margin-top:24px; padding:16px; border:1px solid var(--color-border); border-radius:8px; background:var(--color-surface); }
.inquiry-fold { border-bottom:1px solid var(--color-border); }
.page-copy h3.faq-item__q { position:relative; margin:0; padding:22px 40px 22px 0; cursor:pointer; font-size:1.125rem; }
.inquiry-fold__icon { position:absolute; right:8px; top:20px; color:var(--color-accent-ink); transform:rotate(180deg); transition:transform .25s var(--ease-toggle); }
.inquiry-fold.is-collapsed .inquiry-fold__icon { transform:rotate(0); }
.inquiry-fold__answer { color:var(--color-body); background:white; display:grid; grid-template-rows:1fr; opacity:1; transition:grid-template-rows .25s var(--ease-toggle),opacity .25s var(--ease-toggle); }
.inquiry-fold__inner { min-height:0; overflow:hidden; }
.inquiry-fold__inner> :last-child { margin-bottom:16px; }
.inquiry-fold.is-collapsed .inquiry-fold__answer { grid-template-rows:0fr; opacity:0; }
.harbour-base { margin-top:var(--section-gap); background:var(--color-footer); border-top:1px solid var(--color-border); padding-block:var(--footer-padding-v) 100px; }
.harbour-base__columns { display:grid; gap:32px; }
.harbour-base__logo { width:110px; height:38px; object-fit:contain; }
.harbour-base__age { display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; flex-shrink:0; border:2px solid var(--color-text); border-radius:50%; color:var(--color-text); font-weight:700; margin-right:12px; }
.harbour-base__nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; }
.harbour-base__nav a,.harbour-base__contact a { display:flex; min-height:44px; align-items:center; font-size:14px; }
.harbour-base a:hover { color:var(--color-accent-ink); }
.harbour-base__contact { display:flex; flex-direction:column; align-items:flex-start; overflow-wrap:break-word; font-size:14px; }
.harbour-base__contact strong { color:var(--color-text); }
.harbour-base__contact strong:nth-of-type(2) { margin-top:16px; }
.harbour-base__rg { display:flex; flex-wrap:wrap; align-items:center; gap:16px; padding-block:32px; border-bottom:1px solid var(--color-border); }
.harbour-base__rg-link { display:flex; align-items:center; justify-content:center; min-height:76px; width:calc(50% - 8px); padding:14px; border:1px solid var(--color-border); border-radius:8px; background:white; }
.harbour-base__rg-link img { max-height:54px; width:auto; object-fit:contain; }
.harbour-base__rg-link--dark { background:#00050a; }
.harbour-base__copyright { font-size:14px; margin:24px 0 0; }
.floating-play { position:fixed; bottom:16px; right:16px; z-index:40; border:2px solid white; }
.image-dialog { width:min(1100px,calc(100% - 32px)); max-height:90vh; padding:16px; border:1px solid var(--color-border); border-radius:12px; background:white; color:var(--color-text); }
.image-dialog::backdrop { background:rgba(0,5,10,.65); }
.image-dialog__close { display:block; margin-left:auto; padding:8px 12px; min-height:44px; margin-bottom:12px; }
.image-dialog__hint { margin:0 0 16px; font-size:14px; }
.image-dialog__viewport { overflow:auto; max-height:70vh; scrollbar-width:thin; scrollbar-color:var(--color-muted) var(--color-surface); }
.image-dialog__viewport img { width:auto; max-width:none; height:auto; }
.historical-caption { margin:12px 0 0; padding:12px 16px; background:var(--color-surface); border-left:3px solid var(--color-accent); font-size:14px; }
.related-crash { display:grid; gap:24px; align-items:center; }
.related-crash__title { font-size:1.5625rem; line-height:1.2; color:var(--color-text); font-weight:700; }
.return-link { display:inline-flex; min-height:44px; align-items:center; }
.error-page { padding-block:var(--section-gap); }
.page-copy img { max-width:100%; height:auto; }
.nowrap { white-space:nowrap; }
.route-sheet,.page-copy__table-wrap { scrollbar-width:thin; scrollbar-color:var(--color-border) var(--color-surface); }
.route-sheet .route-group__children { max-height:0; overflow:hidden; opacity:0; visibility:hidden; transition:max-height .25s var(--ease-toggle),opacity .25s var(--ease-toggle),visibility 0s linear .25s; }
.route-sheet .route-group.is-open .route-group__children { max-height:180px; opacity:1; visibility:visible; transition:max-height .25s var(--ease-toggle),opacity .25s var(--ease-toggle),visibility 0s; }
.chapter-pair { margin-top:var(--section-gap-mob); }
.chapter-pair>.chapter-lane { margin-top:0; }
.chapter-pair>.chapter-lane+ .chapter-lane { margin-top:24px; }
@media (min-width:0px) { .azure-port__nav,.orbit-scene__arrow { display:none; } }
@media (min-width:0px) { .orbit-scene__track::-webkit-scrollbar { display:none; } }
@media (min-width:768px) {
 .azure-port__inner { padding-inline:24px; }
 .orbit-scene { padding:24px 32px; }
 .orbit-scene__controls { top:12px; right:24px; }
 .orbit-scene__dot { width:28px; height:28px; padding:10px; }
 .orbit-scene__arrow { display:block; }
 .chapter-lane { margin-top:var(--section-gap); }
 .invitation { grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding:32px; }
 .context-pane { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); }
 .context-pane--compact { grid-template-columns:180px minmax(0,1fr); }
 .harbour-base__columns { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1fr); }
 .harbour-base__rg-link { width:180px; }
}
@media (min-width:900px) {
 .related-crash { grid-template-columns:minmax(0,1fr) minmax(0,376px); gap:32px; }
 .chapter-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,376px); gap:32px; align-items:start; margin-top:var(--section-gap); }
 .chapter-pair>.chapter-lane+ .chapter-lane { margin-top:0; }
 .orbit-scene__inner { grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:24px; padding-block:8px; }
 .orbit-scene__art { max-height:300px; }
 .orbit-scene__controls { justify-content:flex-end; }
}
@media (min-width:1000px) { .game-rack--4 { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (min-width:1100px) {
 .azure-port__nav { display:block; }
 .azure-port__burger { display:none; }
 .azure-port__nav>.route-list { display:flex; align-items:center; gap:18px; font-size:14px; }
 .azure-port__nav .route-group__children { position:absolute; top:100%; right:0; padding:12px 20px; width:210px; background:white; border:1px solid var(--color-border); border-radius:10px; opacity:0; visibility:hidden; transition:opacity .25s var(--ease-toggle),visibility 0s linear .25s; }
 .azure-port__nav .route-group:hover .route-group__children,.azure-port__nav .route-group:focus-within .route-group__children,.azure-port__nav .route-group.is-open .route-group__children { opacity:1; visibility:visible; transition:opacity .25s var(--ease-toggle),visibility 0s; }
 .game-rack--5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media (prefers-reduced-motion:reduce) {
 .orbit-scene__track { scroll-behavior:auto; }
 .route-sheet,.route-shade,.inquiry-fold__answer,.inquiry-fold__icon { transition:none; }
}

.orbit-scene--title-cta .orbit-scene__copy > .orbit-scene__title + .action-link { margin-top:24px; }
[data-page="responsible-gambling"] .technical-heading { padding-top:24px; }
[data-page="responsible-gambling"] .page-copy p.faq-item__q { position:relative; display:flex; align-items:center; min-height:56px; margin:0; padding:16px 44px 16px 8px; cursor:pointer; border-radius:6px; transition:background .25s var(--ease-toggle),color .25s var(--ease-toggle),box-shadow .25s var(--ease-toggle); }
[data-page="responsible-gambling"] .faq-item__q .inquiry-fold__icon { top:calc(50% - 10px); }
[data-page="responsible-gambling"] .faq-item__q:hover,[data-page="responsible-gambling"] .faq-item__q:focus-visible { background:var(--color-surface-selected); color:var(--color-accent-ink); }
[data-page="responsible-gambling"] .faq-item__q:focus-visible { box-shadow:inset 0 0 0 2px var(--color-accent-ink); }
[data-page="responsible-gambling"] .inquiry-fold:not(.is-collapsed) .faq-item__q { color:var(--color-accent-ink); }