* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0px; overflow-x: hidden; background: var(--bg); color: var(--text); font: 16px / 1.65 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body::before { content: ""; position: fixed; inset: 0px; z-index: -2; pointer-events: none; background: radial-gradient(circle at 85% 8%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 30%),radial-gradient(circle at 8% 45%,color-mix(in srgb,var(--accent-2) 9%,transparent),transparent 28%); }
body::after { content: ""; position: fixed; inset: 0px; z-index: -1; pointer-events: none; opacity: 0.035; background-image: linear-gradient(90deg, currentcolor 1px, transparent 1px), linear-gradient(currentcolor 1px, transparent 1px); background-size: 52px 52px; }
a { color: inherit; }
button, input, textarea { font: inherit; }
button, a { touch-action: manipulation; }
h1, h2, h3, p { margin-top: 0px; }
h1, h2, h3 { line-height: 1.06; }
h1 { font: clamp(3.4rem, 8.4vw, 7.8rem) / 0.9 Georgia, "Times New Roman", serif; letter-spacing: -0.055em; max-width: 11ch; }
h2 { font: clamp(2.2rem, 5vw, 4.6rem) / 0.98 Georgia, "Times New Roman", serif; letter-spacing: -0.035em; }
h3 { font-size: 1.35rem; }
.container { width: min(1220px, 100% - 48px); margin-inline: auto; }
.skip-link { position: fixed; left: 12px; top: 12px; transform: translateY(-160%); background: var(--accent); color: rgb(21, 16, 23); padding: 10px 16px; z-index: 1000; }
.skip-link:focus { transform: none; }
:focus-visible { outline: 3px solid var(--accent-2); outline-offset: 4px; }
.site-header { position: sticky; top: 0px; z-index: 50; background: color-mix(in srgb,var(--bg) 88%,transparent); border-bottom: 1px solid color-mix(in srgb,var(--text) 13%,transparent); backdrop-filter: blur(16px); }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 850; text-decoration: none; letter-spacing: -0.025em; }
.brand span { color: var(--accent); }
.menu-toggle { display: none; min-width: 48px; min-height: 44px; color: var(--text); border: 1px solid color-mix(in srgb,var(--text) 20%,transparent); background: transparent; border-radius: 999px; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 24px; border: 0px; border-radius: 999px; background: var(--accent); color: rgb(24, 16, 24); text-decoration: none; font-weight: 850; cursor: pointer; transition: transform 0.2s, filter 0.2s; }
.button:hover { filter: brightness(1.08); transform: translateY(-2px); }
.button-small { min-height: 44px; padding: 9px 18px; }
.button-quiet { background: transparent; color: var(--text); border: 1px solid color-mix(in srgb,var(--text) 28%,transparent); }
.button-row { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.text-link { font-weight: 780; text-underline-offset: 6px; text-decoration-color: var(--accent); }
.eyebrow { text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.72rem; font-weight: 850; color: var(--accent); }
.lead, .page-hero p { max-width: 62ch; font-size: clamp(1.06rem, 2vw, 1.28rem); color: color-mix(in srgb,var(--text) 74%,transparent); }
.section { padding: var(--section-space,110px) 0; }
[data-density="airy"] { --section-space: 145px; --card-pad: 36px; }
[data-density="balanced"] { --section-space: 110px; --card-pad: 30px; }
[data-density="compact"] { --section-space: 78px; --card-pad: 24px; }
.section-heading { max-width: 760px; margin-bottom: 50px; }
.section-heading > p:last-child { font-size: 1.08rem; color: color-mix(in srgb,var(--text) 67%,transparent); }
.hero { padding: clamp(90px, 14vw, 180px) 0px 110px; }
.game-card { position: relative; overflow: hidden; border: 1px solid color-mix(in srgb,var(--text) 14%,transparent); border-radius: 24px; background: var(--surface); }
.page-hero { padding: clamp(90px, 13vw, 155px) 0px 75px; }
.page-hero h1 { font-size: clamp(3.3rem, 7.5vw, 6.8rem); }
.prose { max-width: 780px; }
.prose h2 { margin-top: 2.2em; font-size: 2rem; }
.prose p, .prose li { color: color-mix(in srgb,var(--text) 74%,transparent); }
.prose code { color: var(--accent); }
.contact-form { display: grid; gap: 12px; padding: var(--card-pad); border: 1px solid color-mix(in srgb,var(--text) 15%,transparent); border-radius: 22px; background: var(--surface); }
.contact-form input, .contact-form textarea { width: 100%; padding: 13px 14px; border: 1px solid color-mix(in srgb,var(--text) 22%,transparent); border-radius: 10px; background: var(--bg); color: var(--text); }
.contact-form label { font-weight: 700; }
.honeypot { position: absolute; left: -10000px; }
.form-status { padding: 12px; border-left: 3px solid var(--accent); background: color-mix(in srgb,var(--accent) 10%,transparent); }
.game-frame-wrap { border: 1px solid color-mix(in srgb,var(--text) 15%,transparent); padding: 10px; border-radius: 20px; background: rgb(5, 5, 5); }
.game-frame { display: block; width: 100%; height: min(78vh, 820px); min-height: 560px; border: 0px; border-radius: 12px; background: rgb(255, 255, 255); }
.site-footer { border-top: 1px solid color-mix(in srgb,var(--text) 13%,transparent); padding: 72px 0px 28px; }
.age-gate { position: fixed; inset: 0px; z-index: 100; display: grid; place-items: center; padding: 20px; background: rgba(0, 0, 0, 0.84); backdrop-filter: blur(9px); }
.age-gate[hidden], .cookie-banner[hidden] { display: none; }
.age-confirmed .age-gate { display: none; }
.modal-card { width: min(520px, 100%); padding: 36px; border: 1px solid color-mix(in srgb,var(--accent) 35%,transparent); border-radius: 24px; background: var(--surface); }
.modal-card h2 { font-size: 2.3rem; }
.cookie-banner { position: fixed; z-index: 90; left: 20px; right: 20px; bottom: 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; width: min(900px, 100% - 40px); margin: auto; padding: 16px 20px; border: 1px solid color-mix(in srgb,var(--text) 18%,transparent); border-radius: 18px; background: var(--surface); box-shadow: rgba(0, 0, 0, 0.4) 0px 20px 60px; }
.cookie-banner p { margin: 0px; }
@media (max-width: 950px) {
.menu-toggle { display: block; }
}
@media (max-width: 640px) {
.container { width: min(100% - 28px, 1220px); }
h1 { font-size: clamp(3rem, 16vw, 5rem); }
.hero, .page-hero { padding-top: 70px; }
.game-frame { min-height: 520px; }
.button-row .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
*, ::before, ::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}
img { display: block; max-width: 100%; height: auto; }
main { transition: opacity 0.12s, transform 0.12s; }
.game-card { display: flex; flex-direction: column; transition: transform 0.22s, border-color 0.22s, box-shadow 0.22s; }
.game-card:hover { transform: translateY(-5px); border-color: color-mix(in srgb,var(--accent) 48%,transparent); box-shadow: rgba(0, 0, 0, 0.2) 0px 24px 65px; }
.game-card:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent); }
@keyframes faq-in {
0% { opacity: 0; transform: translateY(-5px); }
}
.game-experience { overflow: hidden; border: 1px solid color-mix(in srgb,var(--text) 17%,transparent); border-radius: 26px; background: rgb(9, 9, 12); box-shadow: rgba(0, 0, 0, 0.28) 0px 30px 85px; }
.game-toolbar { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 10px 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: rgb(246, 244, 251); font-size: 0.86rem; }
.game-toolbar > div { display: flex; align-items: center; gap: 10px; }
.game-toolbar a { min-height: 40px; display: inline-flex; align-items: center; color: rgb(246, 244, 251); text-underline-offset: 5px; }
.game-status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px color-mix(in srgb,var(--accent) 16%,transparent); }
.game-frame-wrap { position: relative; padding: 10px; border: 0px; border-radius: 0px; background: rgb(5, 5, 7); }
.game-frame { opacity: 0; transition: opacity 0.35s; }
.game-frame.is-ready { opacity: 1; }
.game-loader { position: absolute; inset: 10px; z-index: 2; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 8px; border-radius: 12px; background: radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent) 14%,#09090d),#07070a 62%); color: rgb(247, 245, 251); text-align: center; transition: opacity 0.3s, visibility 0.3s; }
.game-loader small { color: rgba(255, 255, 255, 0.58); }
.game-loader-mark { width: 46px; aspect-ratio: 1 / 1; margin-bottom: 10px; border-width: 2px; border-style: solid; border-right-color: rgba(255, 255, 255, 0.16); border-bottom-color: rgba(255, 255, 255, 0.16); border-left-color: rgba(255, 255, 255, 0.16); border-image: none; border-top-color: var(--accent); border-radius: 50%; animation: 0.85s linear 0s infinite normal none running game-spin; }
@keyframes game-spin {
100% { transform: rotate(360deg); }
}
.game-frame-wrap.is-ready .game-loader { opacity: 0; visibility: hidden; pointer-events: none; }
.operator-identity { font-size: 0.88rem; }
.cookie-copy { flex: 1 1 0%; }
.cookie-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.cookie-actions .text-link { border: 0px; background: transparent; color: var(--text); cursor: pointer; }
@media (max-width: 760px) {
body { font-size: 16px; line-height: 1.58; }
.container { width: min(100% - 32px, 1220px); }
[data-density="airy"], [data-density="balanced"], [data-density="compact"] { --section-space: 76px; --card-pad: 24px; }
h1 { font-size: clamp(2.85rem, 14vw, 4.8rem); line-height: 0.94; }
h2 { font-size: clamp(2.05rem, 10vw, 3.45rem); }
.hero { padding: 70px 0px 76px; }
.section-heading { margin-bottom: 34px; }
.page-hero { padding: 68px 0px 50px; }
.page-hero h1 { font-size: clamp(2.8rem, 14vw, 4.6rem); }
.game-card:hover { transform: none; }
.game-frame { height: clamp(560px, 84vh, 720px); min-height: 0px; }
}
@media (max-width: 480px) {
.container { width: min(100% - 24px, 1220px); }
[data-density="airy"], [data-density="balanced"], [data-density="compact"] { --section-space: 64px; --card-pad: 20px; }
.brand { font-size: 0.94rem; }
.button-row { gap: 14px; }
.button-row .button { width: 100%; }
.button { min-height: 50px; }
.hero { padding-top: 58px; }
.game-toolbar { padding-inline: 14px; }
.game-toolbar a { font-size: 0.78rem; }
.game-frame-wrap { padding: 6px; }
.game-loader { inset: 6px; }
.game-frame { height: 610px; border-radius: 10px; }
.cookie-banner { left: 12px; right: 12px; bottom: 12px; width: calc(100% - 24px); }
}
@media (prefers-reduced-motion: reduce) {
.game-loader-mark { animation: auto ease 0s 1 normal none running none; }
.game-frame { opacity: 1; }
}
body.age-gate-open { overflow: hidden; }
.age-gate { width: 100vw; min-height: 100dvh; background: color-mix(in srgb,var(--bg) 94%,#000); backdrop-filter: none; }
.age-gate-card { max-height: calc(100dvh - 32px); overflow: auto; text-align: left; }
.age-badge { display: grid; width: 88px; aspect-ratio: 1 / 1; place-items: center; margin-bottom: 26px; border: 2px solid var(--accent); border-radius: 50%; font: 800 2rem / 1 system-ui; color: var(--accent); }
.age-facts { padding: 0px; list-style: none; }
.age-facts li { margin: 7px 0px; font-weight: 800; }
.age-facts li::before { content: "✓"; margin-right: 10px; color: var(--accent-2); }
.cookie-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
@media (max-width: 640px) {
.age-gate { padding: 14px; }
.age-gate-card { padding: 26px; }
.age-gate-card .button-row { gap: 10px; }
.cookie-actions { justify-content: stretch; }
.cookie-actions > * { width: 100%; }
}
.platform-body { min-width: 0px; background: radial-gradient(circle at 78% 4%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 30%),var(--bg); }
.platform-main { min-height: 60vh; }
.platform-facts { display: flex; gap: 10px; flex-wrap: wrap; margin: 32px 0px 0px; padding: 0px; list-style: none; }
.platform-facts li, .platform-tags a { padding: 8px 12px; border: 1px solid color-mix(in srgb,var(--text) 15%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--surface) 65%,transparent); font-size: 0.78rem; font-weight: 800; text-decoration: none; color: var(--text); }
.platform-game-detail { padding: clamp(70px, 9vw, 115px) 0px 55px; }
.platform-game-detail-grid { display: grid; grid-template-columns: minmax(300px, 0.8fr) 1.2fr; align-items: center; gap: clamp(45px, 8vw, 110px); }
.platform-detail-art { display: grid; overflow: hidden; aspect-ratio: 4 / 3; place-items: center; margin: 0px; border-radius: 24px; background: var(--surface); }
.platform-detail-art img { width: 100%; height: 100%; object-fit: cover; }
.platform-detail-art b { font: 8rem Georgia; color: var(--accent); }
.platform-back { display: inline-block; margin-bottom: 30px; color: color-mix(in srgb,var(--text) 65%,transparent); }
.platform-tags { display: flex; gap: 8px; flex-wrap: wrap; }
.platform-play-section { padding: 0px 0px 100px; }
@media (max-width: 820px) {
.platform-body { padding-bottom: 76px; }
}
.platform-body { background: radial-gradient(circle at 82% 2%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 26%),radial-gradient(circle at 8% 32%,color-mix(in srgb,var(--accent-2) 15%,transparent),transparent 30%),linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--surface) 28%,var(--bg)) 58%,var(--bg)); }
.platform-body { font-family: "Segoe UI Variable Text", Aptos, "Segoe UI", system-ui, sans-serif; }
.platform-body h1, .platform-body h2, .platform-body h3 { font-family: "Segoe UI Variable Display", "Aptos Display", "Segoe UI", system-ui, sans-serif; font-weight: 800; letter-spacing: -0.045em; }
[data-visual-family]:not([data-visual-family="classic"]) { --muted: color-mix(in srgb,var(--text) 72%,var(--bg)); font-family: "Trebuchet MS", Arial, sans-serif; }
[data-visual-family="cercleodds"] { font-family: "Trebuchet MS", Arial, sans-serif; }
[data-visual-family="cercleodds"] h1, [data-visual-family="cercleodds"] h2, [data-visual-family="cercleodds"] h3 { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: 900; letter-spacing: -0.045em; }
[data-accounts-enabled="false"] .contact-form { padding: 32px; border: 1px solid color-mix(in srgb,var(--accent) 35%,transparent); background: var(--surface); min-width: 0px; }
[data-accounts-enabled="false"] .contact-form > label { font-size: 0.86rem; font-weight: 700; margin-bottom: -8px; }
[data-accounts-enabled="false"] .contact-form input, [data-accounts-enabled="false"] .contact-form textarea { width: 100%; min-width: 0px; box-sizing: border-box; font: inherit; color: var(--text); background: var(--bg); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 4px; padding: 14px; }
[data-accounts-enabled="false"] .contact-form [aria-invalid="true"] { border-color: rgb(242, 163, 138); }
@media (max-width: 820px) {
[data-accounts-enabled="false"] .contact-form { padding: 22px; }
}
@media (max-width: 360px) {
[data-accounts-enabled="false"] .contact-form { padding: 18px; }
[data-accounts-enabled="false"] .cookie-actions { display: grid; grid-template-columns: 1fr; }
[data-accounts-enabled="false"] .cookie-banner { max-height: 65dvh; overflow-y: auto; }
[data-accounts-enabled="false"] .age-gate .button-row { display: grid; }
}
[data-accounts-enabled="false"]::after { display: none; }
[data-accounts-enabled="false"] { isolation: isolate; background: var(--bg); }
[data-accounts-enabled="false"]::before { z-index: -1; background: radial-gradient(ellipse at 92% 5%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 42%),radial-gradient(ellipse at 0 52%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 46%); }
[data-accounts-enabled="false"] .cookie-banner { border-color: color-mix(in srgb,var(--accent) 45%,transparent); box-shadow: rgba(0, 0, 0, 0.4) 0px -12px 65px; backdrop-filter: blur(20px); }
[data-accounts-enabled="false"][data-visual-family="cercleodds"]::before { background: radial-gradient(at 100% 0px, rgba(119, 44, 231, 0.29), transparent 48%), radial-gradient(at 0px 40%, rgba(27, 185, 211, 0.17), transparent 40%), linear-gradient(135deg, rgb(19, 15, 43), rgb(25, 19, 53) 40%, rgb(11, 16, 37)); }
:root { --co-void: #080b18; --co-panel: #171d34; --co-line: #7892c549; --co-cyan: #58e6ff; --co-violet: #a97dff; --co-lime: #dcff57; --co-pink: #ff5acb; }
html { scroll-behavior: smooth; }
body.platform-body { background: radial-gradient(circle at 50% -8%,#22306a,transparent 38%),var(--co-void); color: rgb(244, 246, 255); font-family: Inter, Arial, sans-serif; }
body.platform-body h1, body.platform-body h2, body.platform-body h3 { font-family: Inter, Arial, sans-serif; }
[hidden] { display: none !important; }
.co-main { min-width: 0px; }
.co-header { position: relative; z-index: 70; background: rgba(7, 10, 22, 0.984); border-bottom: 1px solid var(--co-line); }
.co-header__inner { height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.co-brand { display: flex; align-items: center; gap: 11px; color: rgb(255, 255, 255); text-decoration: none; white-space: nowrap; }
.co-brand__mark { position: relative; display: grid; place-items: center; width: 41px; height: 41px; flex: 0 0 auto; border-radius: 11px; background: linear-gradient(135deg,var(--co-cyan),#7a8cff 60%,var(--co-violet)); box-shadow: rgba(88, 230, 255, 0.38) 0px 0px 22px; color: rgb(8, 18, 34); font-size: 1.5rem; font-weight: 1000; transform: rotate(-8deg); }
.co-brand__mark span { position: absolute; right: -5px; top: -8px; color: var(--co-lime); font-size: 0.88rem; transform: rotate(8deg); }
.co-brand > span:last-child { display: grid; gap: 1px; }
.co-brand strong { font-size: 1.05rem; letter-spacing: 0.035em; line-height: 1; }
.co-brand strong span { color: var(--co-cyan); }
.co-brand small { color: rgb(152, 166, 197); font-size: 0.55rem; font-weight: 800; letter-spacing: 0.18em; }
.co-nav { display: flex; align-items: center; gap: 25px; }
.co-nav > a { color: rgb(201, 212, 239); text-decoration: none; font-size: 0.81rem; font-weight: 800; white-space: nowrap; }
.co-nav > a:hover, .co-nav > a[aria-current="page"] { color: var(--co-cyan); }
.co-nav .co-nav__contact { padding: 11px 17px; border: 1px solid var(--co-cyan); border-radius: 8px; color: var(--co-cyan); }
.co-nav__contact span { margin-left: 12px; }
.co-menu-toggle, .co-mobile-dock { display: none; }
.co-disclosure-bar { background: rgb(17, 24, 46); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.co-disclosure-bar .container { min-height: 37px; display: flex; align-items: center; gap: 26px; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
.co-disclosure-bar strong:first-child { color: var(--co-lime); font-size: 0.96rem; }
.co-disclosure-bar strong:nth-child(2) { color: var(--co-lime); }
.co-disclosure-bar span { color: rgb(197, 210, 236); }
.co-board { position: relative; isolation: isolate; margin-top: 16px; padding: 0px 25px 20px; overflow: hidden; border: 1px solid rgba(105, 146, 232, 0.38); border-radius: 23px; background: radial-gradient(circle at 51% 40%, rgba(72, 61, 154, 0.44), transparent 30%), radial-gradient(circle at 91% 15%, rgba(30, 102, 155, 0.29), transparent 38%), linear-gradient(135deg, rgb(17, 23, 49), rgb(13, 16, 34) 70%); box-shadow: rgba(0, 0, 0, 0.4) 0px 20px 70px; }
.co-board::before { content: ""; position: absolute; inset: 0px; z-index: -1; opacity: 0.28; background-image: linear-gradient(rgba(113, 150, 221, 0.13) 1px, transparent 1px), linear-gradient(90deg, rgba(113, 150, 221, 0.13) 1px, transparent 1px); background-size: 47px 47px; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 80%, transparent); }
.co-board__top { height: 35px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--co-line); color: rgb(159, 176, 208); font-size: 0.62rem; font-weight: 900; letter-spacing: 0.15em; }
.co-board__top span:first-child { color: var(--co-cyan); }
.co-board__top i { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--co-lime); box-shadow: 0 0 10px var(--co-lime); }
.co-board__top b { color: var(--co-pink); margin: 0px 8px; }
.co-board__tabs { display: flex; gap: 7px; padding: 14px 0px 7px; overflow: auto; scrollbar-width: none; }
.co-board__tabs::-webkit-scrollbar { display: none; }
.co-board__tabs button { flex: 0 0 auto; min-height: 34px; padding: 7px 16px; border: 1px solid var(--co-line); border-radius: 7px; background: rgb(24, 32, 57); color: rgb(174, 189, 218); font: 800 0.74rem Inter, Arial, sans-serif; cursor: pointer; }
.co-board__tabs button[aria-selected="true"] { background: var(--co-lime); border-color: var(--co-lime); color: rgb(12, 18, 32); box-shadow: rgba(220, 255, 87, 0.3) 0px 0px 17px; }
.co-board__tabs button:hover:not([aria-selected="true"]) { border-color: var(--co-cyan); color: rgb(255, 255, 255); }
.co-board__tabs button:focus-visible { outline: 2px solid var(--co-cyan); outline-offset: 2px; }
.co-board__stage { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(270px, 1.05fr) minmax(0px, 0.95fr); align-items: center; gap: 10px; min-height: 360px; }
.co-board__intro { align-self: center; padding: 20px 8px 20px 0px; }
.co-kicker { margin: 0px 0px 13px; color: var(--co-cyan); font-size: 0.62rem; font-weight: 950; letter-spacing: 0.18em; }
.co-board__intro h1 { margin: 0px; max-width: 10ch; font-size: clamp(2.4rem, 4.2vw, 4.3rem); line-height: 0.96; letter-spacing: -0.065em; text-transform: uppercase; }
.co-board__intro h1 em, .co-games__header h1 em { display: block; color: var(--co-lime); font-style: normal; }
.co-board__intro > p:not(.co-kicker) { max-width: 33ch; margin: 18px 0px; color: rgb(189, 201, 229); font-size: 0.91rem; line-height: 1.55; }
.co-board__facts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 24px; }
.co-board__facts span { padding: 7px 8px; border: 1px solid rgba(100, 125, 161, 0.28); border-radius: 5px; color: rgb(174, 188, 218); font-size: 0.52rem; font-weight: 900; letter-spacing: 0.06em; }
.co-board__facts span:first-child { color: var(--co-lime); }
.co-wheel-scene { position: relative; display: grid; place-items: center; height: 340px; min-width: 0px; perspective: 800px; }
.co-wheel-scene__orbit { position: absolute; width: min(100%, 355px); aspect-ratio: 1 / 1; border: 1px solid rgba(88, 230, 255, 0.4); border-radius: 50%; box-shadow: rgba(88, 230, 255, 0.18) 0px 0px 28px, rgba(88, 230, 255, 0.1) 0px 0px 24px inset; transform: rotateX(66deg) scale(1.35); animation: 14s linear 0s infinite normal none running co-orbit; }
.co-wheel-scene__orbit::before, .co-wheel-scene__orbit::after { content: ""; position: absolute; inset: 18px; border: 1px dashed rgba(169, 125, 255, 0.58); border-radius: 50%; }
.co-wheel-scene__orbit::after { inset: -21px; border-color: rgba(255, 90, 203, 0.2); }
.co-wheel-scene__wheel { position: relative; display: grid; place-items: center; width: min(81%, 282px); aspect-ratio: 1 / 1; border: 10px solid rgb(17, 24, 44); border-radius: 50%; background: radial-gradient(circle, rgb(23, 32, 59) 0px, rgb(23, 32, 59) 19%, transparent 20%), repeating-conic-gradient(rgb(18, 200, 240) 0deg, rgb(18, 200, 240) 29deg, rgb(16, 43, 117) 29deg, rgb(16, 43, 117) 30deg, rgb(155, 87, 244) 30deg, rgb(155, 87, 244) 59deg, rgb(16, 43, 117) 59deg, rgb(16, 43, 117) 60deg, rgb(225, 255, 81) 60deg, rgb(225, 255, 81) 89deg, rgb(16, 43, 117) 89deg, rgb(16, 43, 117) 90deg, rgb(248, 73, 187) 90deg, rgb(248, 73, 187) 119deg, rgb(16, 43, 117) 119deg, rgb(16, 43, 117) 120deg); box-shadow: rgb(88, 230, 255) 0px 0px 0px 3px, rgb(36, 52, 95) 0px 0px 0px 9px, rgba(88, 230, 255, 0.65) 0px 0px 32px, rgba(5, 9, 24, 0.65) 0px 0px 36px inset, rgba(0, 0, 0, 0.533) 17px 25px 26px; transform: rotateX(12deg) rotateY(-12deg); animation: 24s linear 0s infinite normal none running co-spin; }
.co-wheel-scene__wheel::before { content: ""; position: absolute; inset: 10px; border: 2px dotted rgba(255, 255, 255, 0.65); border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.17) 0px 0px 22px inset; }
.co-wheel-scene__hub { position: relative; display: grid; place-items: center; align-content: center; width: 28%; aspect-ratio: 1 / 1; border: 5px solid rgb(125, 238, 255); border-radius: 50%; background: radial-gradient(circle at 30% 22%, rgb(106, 230, 255), rgb(35, 54, 107) 55%, rgb(16, 21, 41)); box-shadow: rgb(128, 248, 255) 0px 0px 14px, rgb(181, 251, 255) 0px 0px 13px inset; color: rgb(255, 255, 255); }
.co-wheel-scene__hub b { font-size: 2rem; line-height: 1; }
.co-wheel-scene__hub small { font-size: 0.39rem; font-weight: 950; letter-spacing: 0.12em; }
.co-wheel-scene__base { position: absolute; z-index: -1; bottom: 16px; width: 65%; height: 24px; border-radius: 50%; background: rgba(0, 214, 255, 0.18); filter: blur(14px); }
.co-wheel-scene__spark { position: absolute; color: var(--co-pink); font-size: 1.7rem; text-shadow: 0 0 15px var(--co-pink); animation: 4s ease-in-out 0s infinite normal none running co-float; }
.co-wheel-scene__spark--one { top: 22px; right: 15px; }
.co-wheel-scene__spark--two { left: 18px; bottom: 42px; color: var(--co-lime); text-shadow: 0 0 15px var(--co-lime); animation-delay: -2s; }
.co-spotlight { position: relative; overflow: hidden; border: 1px solid rgba(108, 161, 243, 0.48); border-radius: 14px; background: rgb(18, 27, 53); box-shadow: rgba(0, 0, 0, 0.267) 0px 14px 38px; }
.co-spotlight__image { position: relative; height: 185px; overflow: hidden; }
.co-spotlight__image::after { content: ""; position: absolute; inset: 45% 0px 0px; background: linear-gradient(transparent, rgb(17, 26, 51)); }
.co-spotlight__image img { width: 100%; height: 100%; object-fit: cover; }
.co-spotlight__image > span { position: absolute; z-index: 1; left: 12px; top: 12px; padding: 7px 9px; border: 1px solid var(--co-cyan); border-radius: 5px; background: rgba(8, 20, 39, 0.85); color: var(--co-cyan); font-size: 0.57rem; font-weight: 950; letter-spacing: 0.1em; }
.co-spotlight__copy { padding: 15px 17px 16px; }
.co-spotlight__copy p { margin: 0px; color: var(--co-lime); font-size: 0.58rem; font-weight: 900; letter-spacing: 0.14em; }
.co-spotlight__copy h2 { margin: 5px 0px; font-size: 1.55rem; line-height: 1.05; }
.co-spotlight__copy > span { display: block; min-height: 35px; color: rgb(181, 196, 223); font-size: 0.72rem; line-height: 1.4; }
.co-spotlight__copy a { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; padding: 10px 12px; border: 1px solid var(--co-cyan); border-radius: 7px; color: var(--co-cyan); text-decoration: none; font-size: 0.68rem; font-weight: 950; letter-spacing: 0.1em; }
.co-spotlight__copy a:hover { background: var(--co-cyan); color: rgb(8, 18, 34); }
.co-spotlight__copy a b { font-size: 1rem; }
.co-board__rail-head { display: flex; justify-content: space-between; align-items: center; padding: 10px 0px 7px; border-top: 1px solid var(--co-line); color: rgb(156, 174, 205); font-size: 0.6rem; letter-spacing: 0.11em; }
.co-board__rail-head strong { color: var(--co-cyan); }
.co-board__rail-head i { font-style: normal; color: var(--co-pink); }
.co-board__rail { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 9px; }
.co-game-card { min-width: 0px; overflow: hidden; border: 1px solid rgba(121, 152, 215, 0.27); border-radius: 10px; background: rgb(23, 31, 58); }
.co-game-card:hover { border-color: var(--co-cyan); transform: translateY(-2px); }
.co-game-card__art { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; }
.co-game-card__art img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s; }
.co-game-card:hover img { transform: scale(1.06); }
.co-game-card__art::after { content: ""; position: absolute; inset: 48% 0px 0px; background: linear-gradient(transparent, rgba(8, 12, 27, 0.64)); }
.co-game-card__copy { padding: 10px 12px 12px; }
.co-game-card__copy span { display: block; color: var(--co-cyan); font-size: 0.56rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; }
.co-game-card__copy h3 { margin: 5px 0px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; }
.co-game-card__copy h3 a { color: rgb(255, 255, 255); text-decoration: none; }
.co-game-card--compact { display: grid; grid-template-columns: 87px minmax(0px, 1fr); min-height: 87px; }
.co-game-card--compact .co-game-card__art { height: 100%; aspect-ratio: auto; }
.co-game-card--compact .co-game-card__copy { display: flex; flex-direction: column; justify-content: center; padding: 8px 10px; }
.co-game-card--compact .co-game-card__copy h3 { font-size: 0.82rem; }
.co-game-card--compact .co-game-card__copy span { font-size: 0.48rem; }
.co-games__header { display: grid; grid-template-columns: 1.3fr 0.7fr; align-items: center; gap: 28px; padding-top: 34px; padding-bottom: 22px; }
.co-games__header h1 { margin: 0px; font-size: clamp(2.7rem, 5vw, 4.7rem); line-height: 0.98; text-transform: uppercase; letter-spacing: -0.055em; }
.co-games__header > div:first-child > p:last-child { max-width: 60ch; color: rgb(187, 202, 228); font-size: 0.88rem; line-height: 1.55; }
.co-games__header-art { height: 210px; overflow: hidden; border: 1px solid var(--co-line); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.4) 0px 14px 35px; }
.co-games__header-art img { width: 100%; height: 100%; object-fit: cover; }
.co-games__control { display: grid; grid-template-columns: minmax(210px, 0.9fr) 1.8fr auto; align-items: end; gap: 18px; padding: 15px 0px; border-top: 1px solid var(--co-line); border-bottom: 1px solid var(--co-line); }
.co-games__control label { display: grid; gap: 6px; }
.co-games__control label span { color: var(--co-cyan); font-size: 0.55rem; font-weight: 950; letter-spacing: 0.14em; }
.co-games__control input { width: 100%; min-height: 38px; padding: 8px 11px; border: 1px solid rgb(83, 101, 137); border-radius: 7px; background: rgb(20, 29, 53); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.78rem; }
.co-games__control nav { display: flex; flex-wrap: wrap; gap: 7px; }
.co-games__control nav a { padding: 9px 10px; border: 1px solid var(--co-line); border-radius: 7px; color: rgb(208, 220, 241); font-size: 0.67rem; font-weight: 800; text-decoration: none; }
.co-games__control nav a:hover { border-color: var(--co-cyan); color: var(--co-cyan); }
.co-games__control > p { margin: 0px; color: var(--co-lime); font-size: 0.65rem; font-weight: 800; white-space: nowrap; }
.co-games__rails { padding-top: 6px; padding-bottom: 28px; }
.co-games__rail { padding: 16px 0px 22px; border-bottom: 1px solid var(--co-line); scroll-margin-top: 20px; }
.co-games__rail-head { display: flex; align-items: end; justify-content: space-between; margin-bottom: 12px; }
.co-games__rail-head .co-kicker { margin: 0px 0px 5px; }
.co-games__rail-head h2 { margin: 0px; font-size: 1.55rem; text-transform: uppercase; }
.co-games__rail-head > span { color: rgb(142, 162, 201); font-size: 0.55rem; font-weight: 900; letter-spacing: 0.12em; }
.co-games__rail-head b { color: var(--co-pink); }
.co-games__cards { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 13px; }
.co-games__empty { padding: 35px; text-align: center; color: rgb(198, 212, 237); }
.co-games__care { display: flex; align-items: center; gap: 22px; margin-bottom: 22px; padding-top: 17px; padding-bottom: 17px; border: 1px solid var(--co-line); border-radius: 12px; background: linear-gradient(90deg, rgb(24, 33, 62), rgb(21, 26, 49)); }
.co-games__care strong { color: var(--co-lime); font-size: 0.75rem; white-space: nowrap; }
.co-games__care p { margin: 0px; color: rgb(188, 203, 227); font-size: 0.71rem; }
.co-games__care a { margin-left: auto; color: var(--co-cyan); font-size: 0.72rem; font-weight: 850; text-decoration: none; white-space: nowrap; }
.co-footer { background: linear-gradient(rgb(16, 21, 38), rgb(7, 10, 20)); border-top: 1px solid rgb(65, 83, 123); color: rgb(189, 202, 225); }
.co-footer__top { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 23px; padding-bottom: 18px; border-bottom: 1px solid var(--co-line); }
.co-footer__brand { color: rgb(255, 255, 255); font-size: 1.28rem; font-weight: 1000; letter-spacing: 0.06em; text-decoration: none; }
.co-footer__brand > span { color: var(--co-cyan); }
.co-footer__brand small { display: block; margin-top: 4px; color: rgb(128, 147, 187); font-size: 0.56rem; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; }
.co-footer__top p { display: flex; flex-wrap: wrap; gap: 8px; margin: 0px; }
.co-footer__top strong { padding: 7px 10px; border: 1px solid rgba(124, 155, 210, 0.28); border-radius: 5px; color: var(--co-lime); font-size: 0.63rem; letter-spacing: 0.06em; }
.co-footer__grid { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 25px; padding-top: 23px; padding-bottom: 29px; }
.co-footer__grid > div { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; min-width: 0px; }
.co-footer__grid h2 { margin: 0px 0px 4px; color: var(--co-cyan); font-size: 0.6rem; letter-spacing: 0.16em; }
.co-footer__grid a, .co-footer__grid button { padding: 0px; border: 0px; background: none; color: rgb(188, 201, 226); font: 700 0.7rem Inter, Arial, sans-serif; text-align: left; text-decoration: none; overflow-wrap: anywhere; cursor: pointer; }
.co-footer__grid a:hover, .co-footer__grid button:hover { color: rgb(255, 255, 255); text-decoration: underline; }
.co-footer__grid p { margin: 6px 0px 0px; color: rgb(141, 159, 190); font-size: 0.64rem; line-height: 1.5; }
.co-footer__bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 13px; padding-bottom: 17px; border-top: 1px solid var(--co-line); color: rgb(143, 162, 198); font-size: 0.63rem; }
.co-footer .operator-identity { color: rgb(143, 162, 198); font-size: 0.65rem; }
.platform-main:not(.co-main) { background: radial-gradient(circle at 80% 0,#276bbc29,transparent 40%),var(--co-void); }
.platform-main:not(.co-main) .eyebrow { color: var(--co-cyan); }
.platform-main:not(.co-main) .button { background: var(--co-lime); color: rgb(16, 22, 39); border-radius: 8px; }
@keyframes co-spin {
0% { transform: rotateX(12deg) rotateY(-12deg) rotate(0deg); }
100% { transform: rotateX(12deg) rotateY(-12deg) rotate(360deg); }
}
@keyframes co-orbit {
100% { transform: rotateX(66deg) scale(1.35) rotate(360deg); }
}
@keyframes co-float {
50% { transform: translateY(-9px); }
}
@media (max-width: 1100px) {
.co-board__stage { grid-template-columns: minmax(0px, 1fr) minmax(230px, 0.9fr) minmax(0px, 0.95fr); }
.co-wheel-scene { height: 305px; }
.co-wheel-scene__wheel { width: min(78%, 236px); }
.co-board__intro h1 { font-size: clamp(2.2rem, 4vw, 3.4rem); }
.co-nav { gap: 16px; }
.co-games__control { grid-template-columns: 1fr 1.5fr; }
.co-games__control > p { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
.co-header__inner { height: 62px; }
.co-menu-toggle { display: flex; align-items: center; gap: 10px; margin-left: auto; padding: 9px 12px; border: 1px solid var(--co-line); border-radius: 8px; background: rgb(23, 32, 57); color: rgb(255, 255, 255); font-size: 0.74rem; font-weight: 850; }
.co-nav { position: absolute; top: 61px; left: 12px; right: 12px; display: none; flex-direction: column; align-items: stretch; gap: 0px; padding: 9px; border: 1px solid rgb(79, 98, 135); border-radius: 10px; background: rgb(17, 25, 46); box-shadow: rgba(0, 0, 0, 0.533) 0px 15px 35px; }
.co-nav.is-open { display: flex; }
.co-nav > a { padding: 11px; }
.co-nav .co-nav__contact { margin-top: 4px; }
.co-mobile-dock { position: fixed; z-index: 55; left: 10px; right: 10px; bottom: 10px; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 4px; padding: 6px; border: 1px solid rgb(112, 133, 179); border-radius: 12px; background: rgba(17, 25, 47, 0.95); box-shadow: rgba(0, 0, 0, 0.6) 0px 12px 35px; backdrop-filter: blur(14px); }
.co-mobile-dock a { display: grid; place-items: center; min-width: 0px; min-height: 45px; padding: 3px; border-radius: 7px; color: rgb(212, 228, 255); font-size: 0.68rem; font-weight: 850; text-decoration: none; text-align: center; }
.co-mobile-dock a[aria-current="page"] { background: var(--co-lime); color: rgb(16, 22, 39); }
.co-board__stage { grid-template-columns: minmax(0px, 1fr) minmax(220px, 1fr); gap: 5px; }
.co-board__intro { grid-column: 1; }
.co-wheel-scene { grid-area: 1 / 2; }
.co-board__spotlights { grid-column: 1 / -1; }
.co-spotlight { display: grid; grid-template-columns: 40% 60%; }
.co-spotlight__image { height: 100%; min-height: 176px; }
.co-board__intro h1 { font-size: 3rem; }
.co-board__facts { margin-top: 12px; }
.co-board__rail { grid-template-columns: repeat(4, minmax(220px, 1fr)); overflow: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; }
.co-board__rail > .co-game-card { scroll-snap-align: start; }
.co-games__cards { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(225px, 36%); grid-template-columns: none; overflow: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; }
.co-games__cards > .co-game-card { scroll-snap-align: start; }
.co-footer__grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.platform-body { padding-bottom: 75px; }
}
@media (max-width: 600px) {
.co-disclosure-bar .container { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 5px 12px; padding-top: 8px; padding-bottom: 8px; font-size: 0.56rem; }
.co-disclosure-bar strong:first-child { font-size: 0.7rem; }
.co-board { margin-top: 10px; padding: 0px 12px 15px; border-radius: 14px; }
.co-board__top { height: 31px; font-size: 0.49rem; }
.co-board__top span:last-child { max-width: 46%; text-align: right; }
.co-board__tabs { padding: 11px 0px 4px; }
.co-board__tabs button { padding: 7px 12px; font-size: 0.68rem; }
.co-board__stage { display: flex; flex-direction: column; align-items: stretch; gap: 0px; }
.co-board__intro { padding: 17px 2px 0px; }
.co-board__intro h1 { max-width: 13ch; font-size: clamp(2.65rem, 11vw, 4rem); }
.co-board__intro > p:not(.co-kicker) { margin: 13px 0px; font-size: 0.82rem; }
.co-board__facts { margin-top: 13px; }
.co-wheel-scene { height: 245px; margin: 0px auto; width: 100%; max-width: 330px; }
.co-wheel-scene__wheel { width: 208px; }
.co-wheel-scene__orbit { width: 260px; }
.co-spotlight { display: block; }
.co-spotlight__image { height: 180px; min-height: 0px; }
.co-spotlight__copy { padding: 12px; }
.co-spotlight__copy > span { min-height: 0px; }
.co-board__rail-head { font-size: 0.5rem; }
.co-board__rail { grid-template-columns: repeat(4, minmax(215px, 1fr)); }
.co-games__header { grid-template-columns: 1fr; gap: 13px; padding-top: 23px; }
.co-games__header h1 { font-size: clamp(2.7rem, 11vw, 4rem); }
.co-games__header-art { height: 180px; }
.co-games__control { grid-template-columns: 1fr; gap: 10px; }
.co-games__control nav { overflow: auto; flex-wrap: nowrap; }
.co-games__control nav a { white-space: nowrap; }
.co-games__control > p { grid-column: auto; }
.co-games__rail-head > span { display: none; }
.co-games__cards { grid-auto-columns: minmax(220px, 72%); }
.co-games__care { display: block; padding: 16px; }
.co-games__care p { margin: 7px 0px 10px; }
.co-games__care a { margin: 0px; }
.co-footer__top { align-items: flex-start; flex-direction: column; }
.co-footer__grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px 14px; }
.co-footer__bottom { flex-direction: column; gap: 5px; }
.co-footer__grid > div:last-child { grid-column: 1 / -1; }
}
@media (max-width: 360px) {
.co-brand strong { font-size: 0.89rem; }
.co-brand__mark { width: 36px; height: 36px; }
.co-board__intro h1 { font-size: 2.47rem; }
.co-board__top span:last-child { font-size: 0.44rem; }
.co-mobile-dock a { font-size: 0.62rem; }
.co-games__cards { grid-auto-columns: minmax(205px, 80%); }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
.co-wheel-scene__wheel, .co-wheel-scene__orbit, .co-wheel-scene__spark { animation: auto ease 0s 1 normal none running none !important; }
}
.contact-form { border-color: var(--co-line); border-radius: 12px; background: rgb(21, 29, 53); }
.contact-form input, .contact-form textarea { border-color: rgb(88, 114, 163); border-radius: 7px; background: rgb(14, 20, 41); }
.contact-form input:focus-visible, .contact-form textarea:focus-visible { outline: 2px solid var(--co-cyan); }
body.platform-body { background: radial-gradient(55% 24% at 2% 18%, rgba(28, 75, 120, 0.38), transparent 75%) fixed, radial-gradient(40% 34% at 98% 45%, rgba(102, 53, 150, 0.29), transparent 75%), radial-gradient(55% 25% at 49% 89%, rgba(11, 105, 132, 0.3), transparent 78%), linear-gradient(150deg, rgb(8, 11, 24), rgb(11, 18, 37) 56%, rgb(8, 11, 24)); }
.co-main { position: relative; isolation: isolate; }
.co-home::before { content: ""; position: absolute; z-index: -1; inset: 0px; pointer-events: none; opacity: 0.34; background: repeating-radial-gradient(circle at 101% 35%, transparent 0px, transparent 71px, rgba(93, 135, 186, 0.14) 72px, rgba(93, 135, 186, 0.14) 73px, transparent 74px, transparent 104px), repeating-radial-gradient(circle at -5% 78%, transparent 0px, transparent 67px, rgba(141, 94, 225, 0.157) 68px, rgba(141, 94, 225, 0.157) 69px, transparent 70px, transparent 110px); mask-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0) 9%, rgb(0, 0, 0) 91%, rgba(0, 0, 0, 0)); }
.co-board { box-shadow: rgba(0, 0, 0, 0.6) 0px 25px 85px, rgba(53, 121, 225, 0.17) 0px 0px 38px; }
.co-board__stage { min-height: 345px; }
.co-wheel-scene__orbit, .co-wheel-scene__spark, .co-wheel-scene__wheel { animation: auto ease 0s 1 normal none running none; }
.co-wheel-scene__orbit { transform: rotateX(66deg) scale(1.35); }
.co-wheel-scene__wheel { transition: transform 1.15s cubic-bezier(0.16, 0.76, 0.18, 1); will-change: transform; }
.co-wheel-scene__pointer { position: absolute; z-index: 3; top: 9px; color: var(--co-lime); font-size: 1.2rem; text-shadow: 0 0 15px var(--co-lime); }
.co-spin-button { position: absolute; z-index: 4; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 174px; min-height: 48px; padding: 10px 14px; border: 2px solid rgb(199, 251, 255); border-radius: 9px; background: linear-gradient(125deg, rgb(228, 255, 100), rgb(197, 249, 64)); box-shadow: rgba(10, 22, 53, 0.7) 0px 0px 0px 5px, rgba(88, 230, 255, 0.54) 0px 0px 27px; color: rgb(10, 20, 39); font: 950 0.73rem Inter, Arial, sans-serif; letter-spacing: 0.065em; white-space: nowrap; cursor: pointer; }
.co-spin-button span { color: rgb(171, 58, 150); margin: 0px 3px; }
.co-spin-button:hover { filter: brightness(1.12); box-shadow: rgb(10, 22, 53) 0px 0px 0px 5px, rgb(88, 230, 255) 0px 0px 40px; }
.co-spin-button:focus-visible { outline: rgb(255, 255, 255) solid 3px; outline-offset: 5px; }
.co-spin-button:disabled { cursor: progress; opacity: 0.78; }
.co-wheel-scene__result { position: absolute; z-index: 5; bottom: -6px; left: 0px; right: 0px; margin: 0px; color: rgb(215, 231, 255); font-size: 0.62rem; font-weight: 850; line-height: 1.3; text-align: center; text-shadow: rgb(8, 11, 24) 0px 2px 6px; }
.co-game-card { box-shadow: rgba(0, 0, 0, 0.267) 0px 10px 22px; transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s; }
.co-game-card.is-selected { border-color: var(--co-lime); box-shadow: rgb(220, 255, 87) 0px 0px 0px 2px, rgba(220, 255, 87, 0.333) 0px 0px 24px; }
.co-game-card__badge { position: absolute; z-index: 2; top: 9px; left: 9px; padding: 5px 7px; border: 1px solid rgba(140, 241, 255, 0.61); border-radius: 4px; background: rgba(11, 23, 49, 0.91); color: rgb(203, 249, 255); font-size: 0.52rem; font-weight: 950; letter-spacing: 0.09em; text-transform: uppercase; }
.co-game-card__copy p { margin: 6px 0px 9px; overflow: hidden; color: rgb(174, 189, 218); font-size: 0.67rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.co-game-card--compact { min-height: 105px; grid-template-columns: 93px minmax(0px, 1fr); }
.co-game-card--compact .co-game-card__copy { padding: 8px 9px; }
.co-game-card--compact .co-game-card__copy p { margin: 3px 0px 5px; font-size: 0.57rem; }
.co-game-card--compact .co-game-card__badge { top: 5px; left: 5px; padding: 3px 4px; font-size: 0.42rem; }
.co-home-rails { padding-top: 14px; padding-bottom: 8px; }
.co-home-rail { margin-bottom: 15px; padding: 14px 16px 15px; border: 1px solid rgba(114, 153, 220, 0.333); border-radius: 15px; background: linear-gradient(110deg, rgba(22, 31, 59, 0.875), rgba(13, 20, 41, 0.93)); box-shadow: rgba(0, 0, 0, 0.333) 0px 14px 38px; }
.co-home-rail__head { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 11px; }
.co-home-rail__head span { color: var(--co-cyan); font-size: 0.55rem; font-weight: 950; letter-spacing: 0.15em; }
.co-home-rail__head h2 { margin: 3px 0px 0px; color: rgb(255, 255, 255); font-size: 1.3rem; line-height: 1; text-transform: uppercase; }
.co-home-rail__head > a { color: var(--co-lime); font-size: 0.68rem; font-weight: 850; text-decoration: none; white-space: nowrap; }
.co-home-rail__cards { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 11px; }
.co-home-rail__cards .co-game-card__art { aspect-ratio: 16 / 8; }
.co-home-rail__cards .co-game-card__copy { padding: 8px 10px 10px; }
.co-home-rail__cards .co-game-card__copy p { margin: 3px 0px 7px; }
.co-home-care { margin-bottom: 15px; padding: 16px; border: 1px solid rgba(91, 119, 170, 0.463); border-radius: 15px; background: radial-gradient(circle at 12% 12%, rgba(56, 95, 135, 0.35), transparent 40%), linear-gradient(110deg, rgb(22, 32, 57), rgb(17, 23, 44)); }
.co-home-care__head { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 12px; }
.co-home-care__head .co-kicker { margin-bottom: 4px; }
.co-home-care__head h2 { margin: 0px; font-size: 1.35rem; text-transform: uppercase; }
.co-home-care__head > a { color: var(--co-lime); font-size: 0.69rem; font-weight: 850; text-decoration: none; white-space: nowrap; }
.co-home-care__tiles { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 9px; }
.co-home-care__tiles article { display: grid; grid-template-columns: auto 1fr; column-gap: 9px; padding: 11px; border: 1px solid rgba(115, 136, 180, 0.36); border-radius: 8px; background: rgba(13, 24, 48, 0.74); }
.co-home-care__tiles b { grid-row: 1 / 3; color: var(--co-pink); font-size: 0.68rem; }
.co-home-care__tiles h3 { margin: 0px; font-size: 0.76rem; text-transform: uppercase; }
.co-home-care__tiles p { margin: 4px 0px 0px; color: rgb(183, 199, 225); font-size: 0.63rem; line-height: 1.35; }
.co-home-help { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 21px; padding: 15px 18px; border: 1px solid rgba(76, 159, 176, 0.4); border-radius: 12px; background: linear-gradient(100deg, rgb(10, 50, 64), rgb(22, 35, 72) 60%, rgb(61, 39, 99)); }
.co-home-help > div:first-child { display: grid; gap: 3px; }
.co-home-help span { color: var(--co-cyan); font-size: 0.54rem; font-weight: 950; letter-spacing: 0.13em; }
.co-home-help strong { font-size: 0.85rem; }
.co-home-help > div:last-child { display: flex; gap: 8px; }
.co-home-help a { padding: 8px 11px; border: 1px solid rgba(140, 229, 248, 0.65); border-radius: 6px; color: rgb(229, 250, 255); font-size: 0.65rem; font-weight: 850; text-decoration: none; white-space: nowrap; }
.co-home-help a:hover { background: var(--co-cyan); color: rgb(7, 21, 38); }
.platform-game-detail { background: radial-gradient(circle at 70% 0px, rgba(103, 60, 173, 0.267), transparent 43%), radial-gradient(circle at 10% 60%, rgba(31, 106, 150, 0.32), transparent 45%); }
.platform-game-detail iframe { border: 1px solid rgba(88, 230, 255, 0.54); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.6) 0px 18px 50px, rgba(88, 230, 255, 0.19) 0px 0px 24px; }
@media (max-width: 1100px) {
.co-home-rail__cards { grid-auto-flow: column; grid-auto-columns: minmax(205px, 32%); grid-template-columns: none; overflow: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; }
.co-home-rail__cards > .co-game-card { scroll-snap-align: start; }
}
@media (max-width: 820px) {
.co-board__rail { grid-auto-flow: column; grid-auto-columns: 225px; grid-template-columns: none; }
.co-home-care__tiles article { display: block; }
.co-home-care__tiles b { display: block; margin-bottom: 5px; }
}
@media (max-width: 600px) {
body.platform-body { background-attachment: scroll; }
.co-board__stage { min-height: 0px; }
.co-wheel-scene { height: 205px; max-width: 260px; }
.co-wheel-scene__wheel { width: 165px; border-width: 7px; }
.co-wheel-scene__orbit { width: 210px; }
.co-wheel-scene__pointer { top: 1px; }
.co-spin-button { min-width: 150px; min-height: 39px; padding: 8px; font-size: 0.62rem; }
.co-wheel-scene__result { bottom: 0px; }
.co-board__rail { grid-auto-columns: 225px; grid-template-columns: none; }
.co-home-rails { padding-top: 9px; }
.co-home-rail { padding: 11px; margin-bottom: 9px; }
.co-home-rail__cards { grid-auto-columns: 220px; }
.co-home-care__head { align-items: flex-start; flex-direction: column; gap: 6px; }
.co-home-care__tiles { grid-template-columns: 1fr; gap: 6px; }
.co-home-care__tiles article { display: grid; grid-template-columns: auto 1fr; padding: 9px; }
.co-home-care__tiles b { grid-row: 1 / 3; margin: 0px; }
.co-home-help { align-items: flex-start; flex-direction: column; }
.co-home-help > div:last-child { flex-wrap: wrap; }
}
@media (max-width: 360px) {
.co-board__rail { grid-auto-columns: 205px; }
.co-home-rail__cards { grid-auto-columns: 205px; }
.co-home-help a { font-size: 0.58rem; }
}
@media (prefers-reduced-motion: reduce) {
.co-wheel-scene__wheel { transition: none !important; }
.co-game-card, .co-game-card img { transition: none !important; }
}
:root { --co-display: "Avenir Next","Century Gothic","Segoe UI Variable Display","Trebuchet MS",sans-serif; --co-body: "Segoe UI Variable Text",Aptos,"Segoe UI",system-ui,sans-serif; }
body.platform-body { font-family: var(--co-body); background: radial-gradient(48% 22% at 49% 4%, rgba(38, 70, 132, 0.64), transparent 82%) fixed, radial-gradient(27% 20% at -9% 38%, rgba(20, 108, 142, 0.45), transparent 80%), radial-gradient(35% 24% at 108% 65%, rgba(100, 56, 155, 0.41), transparent 80%), radial-gradient(50% 24% at 48% 100%, rgba(18, 60, 109, 0.38), transparent 85%), rgb(8, 12, 27); }
body.platform-body h1, body.platform-body h2, body.platform-body h3 { font-family: var(--co-display); letter-spacing: -0.038em; text-transform: none; }
body.platform-body h1 { font-weight: 750; }
body.platform-body h2 { font-weight: 700; }
body.platform-body h3 { font-weight: 700; }
.co-header { background: rgba(8, 13, 28, 0.91); backdrop-filter: blur(18px); }
.co-header__inner { height: 64px; }
.co-brand__mark { border-radius: 12px; transform: rotate(-6deg); }
.co-nav { gap: 30px; }
.co-nav > a { font-size: 0.83rem; font-weight: 650; }
.co-nav .co-nav__contact { background: rgb(18, 42, 59); border-color: rgb(69, 208, 233); color: rgb(167, 242, 255); }
.co-disclosure-bar { background: rgba(16, 27, 52, 0.91); }
.co-disclosure-bar .container { min-height: 36px; font-size: 0.65rem; letter-spacing: 0.055em; }
.co-home::before { background: repeating-radial-gradient(circle at 104% 21%, transparent 0px, transparent 85px, rgba(123, 201, 255, 0.125) 86px, rgba(123, 201, 255, 0.125) 87px, transparent 88px, transparent 125px), repeating-radial-gradient(circle at -6% 83%, transparent 0px, transparent 95px, rgba(171, 122, 255, 0.09) 96px, rgba(171, 122, 255, 0.09) 97px, transparent 98px, transparent 137px); opacity: 0.52; }
.co-board { border-color: rgba(137, 180, 255, 0.44); background: radial-gradient(circle at 50% 43%, rgba(62, 67, 135, 0.43), transparent 35%), radial-gradient(circle at 92% 2%, rgba(26, 118, 155, 0.35), transparent 34%), linear-gradient(135deg, rgb(20, 32, 61), rgb(12, 20, 43) 70%); box-shadow: rgba(0, 0, 0, 0.6) 0px 25px 75px, rgba(35, 149, 197, 0.16) 0px 0px 55px; }
.co-board__top { letter-spacing: 0.12em; }
.co-board__tabs button { border-color: rgba(125, 154, 196, 0.31); background: rgb(25, 39, 70); color: rgb(207, 219, 242); font-family: var(--co-body); font-weight: 680; }
.co-board__stage { min-height: 350px; grid-template-columns: minmax(0px, 0.96fr) minmax(270px, 1.07fr) minmax(0px, 0.97fr); }
.co-board__intro h1 { font-size: clamp(2.55rem, 4vw, 4.15rem); line-height: 1.02; letter-spacing: -0.065em; }
.co-board__intro h1 em { display: inline; font-style: normal; }
.co-board__intro > p:not(.co-kicker) { max-width: 29ch; margin: 14px 0px 16px; font-size: 0.87rem; line-height: 1.5; }
.co-board__facts { margin-top: 17px; }
.co-board__facts span { background: rgba(26, 43, 69, 0.67); }
.co-spotlight { border: 1px solid rgba(110, 168, 215, 0.514); background: linear-gradient(135deg, rgb(23, 36, 70), rgb(16, 27, 49)); box-shadow: rgba(0, 0, 0, 0.533) 0px 14px 38px, rgba(76, 129, 211, 0.16) 0px 0px 30px; }
.co-spotlight__image { height: 178px; }
.co-spotlight__image > span { font-family: var(--co-body); font-weight: 750; }
.co-spotlight__copy h2 { font-size: 1.48rem; letter-spacing: -0.04em; }
.co-spotlight__copy > span { font-size: 0.73rem; line-height: 1.45; }
.co-spotlight__copy a { font-family: var(--co-body); font-weight: 800; }
.co-wheel-scene { height: 350px; overflow: visible; perspective: 900px; }
.co-wheel-scene__orbit { width: 320px; top: 32px; left: 50%; margin-left: -160px; transform: rotateX(69deg) scale(1.27); border-color: rgba(95, 230, 244, 0.518); box-shadow: rgba(61, 218, 242, 0.376) 0px 0px 34px, rgba(75, 128, 232, 0.314) 0px 0px 30px inset; }
.co-wheel-scene__rim { position: absolute; top: 14px; left: 50%; width: min(82%, 272px); aspect-ratio: 1 / 1; border: 7px solid rgb(30, 53, 89); border-radius: 50%; transform: translateX(-50%) rotateX(10deg); background: linear-gradient(135deg, rgb(194, 247, 255) 0%, rgb(39, 86, 126) 15%, rgb(7, 23, 46) 35%, rgb(90, 136, 169) 62%, rgb(13, 36, 72) 80%, rgb(203, 250, 255) 100%); box-shadow: rgb(125, 239, 255) 0px 0px 0px 2px, rgb(23, 41, 74) 0px 0px 0px 8px, rgba(104, 226, 247, 0.52) 0px 0px 0px 10px, rgba(2, 5, 15, 0.72) 0px 18px 15px, rgba(0, 0, 0, 0.6) 0px 29px 34px, rgba(65, 228, 255, 0.57) 0px 0px 34px, rgba(208, 255, 255, 0.667) 0px 0px 15px inset; }
.co-wheel-scene__rim::before { content: ""; position: absolute; inset: 4px; border: 2px dashed rgba(233, 255, 255, 0.49); border-radius: 50%; z-index: 2; pointer-events: none; }
.co-wheel-scene__wheel { position: relative; display: grid; place-items: center; width: 100%; height: 100%; border: 4px solid rgb(16, 39, 68); border-radius: 50%; background: conic-gradient(rgb(24, 183, 227), rgb(115, 67, 208), rgb(227, 244, 81), rgb(228, 69, 172), rgb(24, 183, 227)); box-shadow: rgba(255, 255, 255, 0.467) 0px 0px 18px inset, rgba(1, 11, 36, 0.69) 0px 0px 34px inset; will-change: transform; animation: auto ease 0s 1 normal none running none !important; }
.co-wheel-scene__wheel::before { inset: 4px; border: 1px solid rgba(233, 255, 255, 0.69); box-shadow: rgba(233, 255, 255, 0.46) 0px 0px 18px inset; }
.co-wheel-scene__wheel canvas { position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: 50%; filter: saturate(1.15) contrast(1.08); }
.co-wheel-scene__hub { z-index: 2; width: 27%; border: 5px solid rgb(185, 250, 255); background: radial-gradient(circle at 28% 23%, rgb(240, 255, 255), rgb(60, 167, 211) 24%, rgb(36, 64, 116) 48%, rgb(9, 26, 50) 78%); box-shadow: rgb(24, 58, 99) 0px 0px 0px 4px, rgb(164, 248, 255) 0px 0px 25px, rgb(223, 255, 255) 0px 0px 16px inset; }
.co-wheel-scene__hub b { font-family: var(--co-display); font-size: 1.8rem; }
.co-wheel-scene__pointer { top: -4px; left: 50%; width: 35px; height: 45px; margin-left: -18px; display: grid; place-items: center; border-radius: 7px 7px 50% 50%; background: linear-gradient(rgb(234, 255, 172), rgb(159, 208, 48)); box-shadow: rgba(202, 255, 75, 0.56) 0px 0px 19px, rgba(0, 0, 0, 0.667) 0px 5px 11px; color: rgb(18, 33, 47); font-size: 1rem; }
.co-wheel-scene__pointer span { transform: translateY(6px); }
.co-spin-button { top: auto; bottom: 29px; min-height: 42px; min-width: 190px; border: 1px solid rgb(222, 255, 145); border-radius: 7px; background: linear-gradient(120deg, rgb(241, 255, 169), rgb(201, 243, 74)); box-shadow: rgba(3, 10, 31, 0.66) 0px 9px 16px, rgba(207, 255, 76, 0.4) 0px 0px 24px; font-family: var(--co-body); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.08em; }
.co-wheel-scene__result { bottom: 0px; color: rgb(205, 223, 247); font-weight: 650; }
.co-wheel-scene__spark { animation: auto ease 0s 1 normal none running none; }
.co-wheel-scene__spark--one { top: 32px; }
.co-wheel-scene__spark--two { bottom: 74px; }
.co-game-card { border: 1px solid rgba(111, 139, 187, 0.18); border-radius: 10px; background: linear-gradient(145deg, rgb(26, 41, 70), rgb(17, 29, 54)); box-shadow: rgba(0, 0, 0, 0.4) 0px 12px 24px, rgba(143, 183, 227, 0.133) 0px 1px 0px; }
.co-game-card:hover { border-color: rgba(123, 229, 241, 0.49); box-shadow: rgba(0, 0, 0, 0.6) 0px 18px 30px, rgba(77, 215, 239, 0.28) 0px 0px 24px; transform: translateY(-3px); }
.co-game-card.is-selected { border-color: var(--co-lime); box-shadow: rgb(223, 255, 109) 0px 0px 0px 2px, rgba(202, 255, 75, 0.52) 0px 0px 27px, rgba(0, 0, 0, 0.533) 0px 13px 25px; }
.co-game-card__art { aspect-ratio: 16 / 9; }
.co-game-card__badge { border: 0px; background: rgba(12, 23, 41, 0.85); box-shadow: rgba(0, 0, 0, 0.533) 0px 4px 10px; color: rgb(229, 251, 255); }
.co-game-card__copy span { color: rgb(132, 225, 236); font-weight: 760; }
.co-game-card__copy h3 { font-size: 1.03rem; }
.co-game-card__copy p { color: rgb(174, 190, 216); }
.co-game-card--compact { border-radius: 8px; background: rgb(27, 42, 68); }
.co-game-card--compact .co-game-card__art { aspect-ratio: auto; }
.co-game-card--compact .co-game-card__copy h3 { font-size: 0.82rem; }
.co-game-card--compact .co-game-card__copy p { font-size: 0.56rem; }
.co-home-rail { border: 0px; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.533) 0px 15px 33px, rgba(255, 255, 255, 0.075) 0px 1px inset; background: radial-gradient(circle at 8% 0px, rgba(37, 140, 170, 0.19), transparent 45%), linear-gradient(105deg, rgb(23, 40, 68), rgb(14, 26, 49)); }
.co-home-rail:nth-child(2) { background: radial-gradient(circle at 70% 0px, rgba(120, 77, 177, 0.298), transparent 40%), linear-gradient(105deg, rgb(27, 36, 67), rgb(16, 23, 46)); }
.co-home-rail:nth-child(3) { background: radial-gradient(circle at 20% 0px, rgba(57, 172, 181, 0.243), transparent 45%), linear-gradient(105deg, rgb(17, 43, 62), rgb(17, 25, 46)); }
.co-home-rail__head h2, .co-games__rail-head h2 { font-size: 1.28rem; letter-spacing: -0.035em; }
.co-home-rail__cards .co-game-card__art { aspect-ratio: 16 / 9; }
.co-home-care { border: 0px; background: radial-gradient(circle at 15% 20%, rgba(50, 95, 158, 0.376), transparent 35%), linear-gradient(110deg, rgb(24, 43, 75), rgb(19, 29, 54)); box-shadow: rgba(0, 0, 0, 0.467) 0px 14px 32px; }
.co-home-care__head h2 { font-size: 1.25rem; }
.co-home-care__tiles article { border-color: rgba(132, 171, 194, 0.18); background: rgba(13, 33, 55, 0.68); }
.co-home-care__tiles h3 { font-size: 0.78rem; }
.co-home-help { border: 0px; background: radial-gradient(circle at 97% 0px, rgba(102, 73, 172, 0.533), transparent 40%), linear-gradient(100deg, rgb(16, 68, 92), rgb(23, 43, 74)); box-shadow: rgba(0, 0, 0, 0.6) 0px 15px 32px; }
.co-home-help strong { font-family: var(--co-display); font-size: 1.06rem; }
.co-home-help a { background: rgba(16, 43, 72, 0.65); }
.co-games__header { padding-top: 25px; padding-bottom: 16px; }
.co-games__header h1 { font-size: clamp(2.6rem, 4.4vw, 4.15rem); text-transform: none; }
.co-games__rail { padding-top: 13px; padding-bottom: 18px; }
.co-games__control { background: rgba(16, 27, 50, 0.65); }
.co-games__cards .co-game-card__art { aspect-ratio: 16 / 9; }
.co-subhero { position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) 170px; align-items: center; gap: 22px; margin-top: 19px; margin-bottom: 14px; padding: 20px 26px; overflow: hidden; border-radius: 17px; background: radial-gradient(circle at 91% 19%, rgba(61, 101, 185, 0.48), transparent 31%), linear-gradient(108deg, rgb(24, 42, 77), rgb(17, 29, 56) 70%); box-shadow: rgba(0, 0, 0, 0.467) 0px 18px 42px, rgba(155, 212, 245, 0.208) 0px 1px inset; }
.co-subhero::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: repeating-radial-gradient(circle at 91% 40%, transparent 0px, transparent 24px, rgba(139, 217, 255, 0.114) 25px, rgba(139, 217, 255, 0.114) 26px, transparent 27px, transparent 52px); }
.co-subhero > div:first-child { position: relative; z-index: 1; }
.co-subhero h1 { margin: 0px; font-size: clamp(2.2rem, 3.8vw, 3.8rem); line-height: 1.02; }
.co-subhero h1 em { color: var(--co-lime); font-style: normal; }
.co-subhero p:not(.co-kicker) { max-width: 54ch; margin: 10px 0px 0px; color: rgb(192, 207, 232); font-size: 0.84rem; line-height: 1.5; }
.co-subhero__graphic { position: relative; display: grid; place-items: center; width: 132px; aspect-ratio: 1 / 1; margin: auto; border: 8px solid rgb(179, 247, 255); border-radius: 31px; background: linear-gradient(135deg, rgb(27, 142, 173), rgb(65, 72, 163) 55%, rgb(138, 73, 169)); box-shadow: rgb(12, 24, 49) 0px 12px 0px, rgba(0, 0, 0, 0.6) 0px 20px 25px, rgba(95, 230, 255, 0.59) 0px 0px 35px; transform: rotate(-10deg); }
.co-subhero__graphic span { color: rgb(250, 255, 255); font-family: var(--co-display); font-size: 5.3rem; font-weight: 800; line-height: 1; text-shadow: rgba(0, 0, 0, 0.533) 0px 5px 13px; }
.co-subhero__graphic i { position: absolute; right: -22px; top: -21px; color: var(--co-lime); font-size: 2.1rem; font-style: normal; text-shadow: 0 0 14px var(--co-lime); }
.co-subhero__graphic--contact { border-radius: 50%; transform: rotate(6deg); }
.co-help__search { display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; gap: 15px; margin-bottom: 14px; padding: 12px 15px; border-radius: 10px; background: rgb(20, 36, 62); box-shadow: rgba(0, 0, 0, 0.333) 0px 10px 26px; }
.co-help__search label { color: var(--co-cyan); font-size: 0.61rem; font-weight: 850; letter-spacing: 0.11em; white-space: nowrap; }
.co-help__search > div { position: relative; }
.co-help__search > div span { position: absolute; left: 12px; top: 6px; color: var(--co-cyan); font-size: 1.4rem; }
.co-help__search input { width: 100%; min-height: 41px; padding: 9px 12px 9px 38px; border: 1px solid rgba(100, 132, 175, 0.455); border-radius: 7px; background: rgb(13, 25, 48); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.8rem; }
.co-help__search input:focus-visible { outline: 2px solid var(--co-lime); }
.co-help__search p { margin: 0px; color: rgb(185, 201, 226); font-size: 0.65rem; white-space: nowrap; }
.co-help__topics { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; margin-bottom: 14px; }
.co-help__topics a { display: grid; grid-template-rows: auto auto 1fr auto; min-height: 158px; padding: 14px; border-radius: 11px; background: radial-gradient(circle at 0px 0px, rgba(58, 172, 203, 0.27), transparent 75%), linear-gradient(135deg, rgb(27, 49, 84), rgb(23, 34, 59)); box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 25px; color: rgb(247, 251, 255); text-decoration: none; }
.co-help__topics a:nth-child(2) { background: radial-gradient(circle at 0px 0px, rgba(168, 129, 226, 0.3), transparent 75%), linear-gradient(135deg, rgb(38, 50, 94), rgb(24, 34, 58)); }
.co-help__topics a:nth-child(3) { background: radial-gradient(circle at 0px 0px, rgba(229, 104, 180, 0.314), transparent 75%), linear-gradient(135deg, rgb(48, 38, 71), rgb(26, 32, 57)); }
.co-help__topics a:nth-child(4) { background: radial-gradient(circle at 0px 0px, rgba(203, 233, 114, 0.314), transparent 75%), linear-gradient(135deg, rgb(48, 61, 66), rgb(24, 40, 60)); }
.co-help__topics a:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.6) 0px 15px 32px, rgba(109, 217, 235, 0.29) 0px 0px 19px; }
.co-help__topic-icon { display: grid; place-items: center; width: 32px; height: 32px; margin-bottom: 7px; border-radius: 9px; background: rgba(184, 244, 255, 0.145); color: var(--co-lime); font-size: 1.05rem; font-weight: 850; }
.co-help__topics strong { font-family: var(--co-display); font-size: 1rem; }
.co-help__topics small { margin-top: 5px; color: rgb(192, 205, 226); font-size: 0.65rem; line-height: 1.35; }
.co-help__topics b { margin-top: 9px; color: rgb(180, 243, 255); font-size: 0.61rem; }
.co-help__groups { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; margin-bottom: 16px; }
.co-help__group { min-width: 0px; padding: 15px 17px; border-radius: 12px; background: rgb(20, 34, 61); box-shadow: rgba(0, 0, 0, 0.4) 0px 12px 26px; scroll-margin-top: 15px; }
.co-help__group-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-bottom: 11px; }
.co-help__group-head .co-kicker { display: block; margin: 0px 0px 4px; }
.co-help__group-head h2 { margin: 0px; font-size: 1.2rem; }
.co-help__group-head a { color: rgb(157, 231, 243); font-size: 0.62rem; text-decoration: none; white-space: nowrap; }
.co-help__questions { display: grid; gap: 6px; }
.co-help__questions details { border-radius: 7px; background: rgb(13, 26, 49); }
.co-help__questions summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 11px; list-style: none; color: rgb(232, 241, 255); font-size: 0.72rem; font-weight: 680; cursor: pointer; }
.co-help__questions summary::-webkit-details-marker { display: none; }
.co-help__questions summary span { color: var(--co-lime); font-size: 1rem; }
.co-help__questions details[open] summary span { transform: rotate(45deg); }
.co-help__questions details p { margin: 0px; padding: 0px 11px 11px; color: rgb(183, 201, 226); font-size: 0.69rem; line-height: 1.48; }
.co-help__empty { grid-column: 1 / -1; padding: 25px; color: rgb(209, 227, 247); text-align: center; }
.co-help__bottom, .co-care__last { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; padding: 14px 17px; border-radius: 12px; background: linear-gradient(100deg, rgb(21, 66, 91), rgb(40, 41, 83)); box-shadow: rgba(0, 0, 0, 0.467) 0px 10px 28px; }
.co-help__bottom > div, .co-care__last > div { display: grid; gap: 3px; margin-right: auto; }
.co-help__bottom span, .co-care__last span { color: var(--co-cyan); font-size: 0.55rem; font-weight: 850; letter-spacing: 0.13em; }
.co-help__bottom strong, .co-care__last strong { font-size: 0.8rem; }
.co-help__bottom a, .co-care__last a { padding: 8px 10px; border: 1px solid rgba(155, 232, 245, 0.5); border-radius: 6px; color: rgb(230, 250, 255); font-size: 0.65rem; font-weight: 750; text-decoration: none; white-space: nowrap; }
.co-care__hero { background: radial-gradient(circle at 90% 19%, rgba(50, 166, 187, 0.44), transparent 35%), linear-gradient(108deg, rgb(23, 45, 74), rgb(21, 29, 56)); }
.co-care__meter { position: relative; display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 115px; border: 8px solid rgba(111, 235, 219, 0.5); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.467) 0px 15px 27px, rgba(101, 255, 244, 0.45) 0px 0px 24px; color: rgb(235, 255, 255); transform: rotate(-8deg); }
.co-care__meter span { font-size: 0.64rem; font-weight: 900; letter-spacing: 0.08em; }
.co-care__meter b { color: var(--co-lime); font-size: 1.2rem; }
.co-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 11px; }
.co-section-heading span { color: var(--co-cyan); font-size: 0.55rem; font-weight: 850; letter-spacing: 0.13em; }
.co-section-heading h2 { margin: 3px 0px 0px; font-size: 1.3rem; }
.co-section-heading p { max-width: 34ch; margin: 0px; color: rgb(182, 200, 225); font-size: 0.69rem; line-height: 1.4; }
.co-care__actions, .co-care__signals, .co-care__support { margin-bottom: 16px; padding: 17px; border-radius: 14px; background: radial-gradient(circle at 0px 0px, rgba(37, 75, 124, 0.3), transparent 40%), rgb(16, 29, 53); box-shadow: rgba(0, 0, 0, 0.4) 0px 13px 29px; }
.co-care__action-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 9px; }
.co-care__action-grid article { min-width: 0px; padding: 14px; border-radius: 9px; background: rgb(27, 43, 70); box-shadow: rgba(255, 255, 255, 0.08) 0px 1px inset; }
.co-care__action-grid article:nth-child(2) { background: rgb(38, 40, 76); }
.co-care__action-grid article:nth-child(3) { background: rgb(29, 53, 76); }
.co-care__action-grid article:nth-child(4) { background: rgb(48, 52, 71); }
.co-care__action-grid article > span { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 12px; border-radius: 9px; background: rgba(161, 233, 255, 0.18); color: var(--co-lime); font-size: 1.1rem; }
.co-care__action-grid h3 { margin: 0px 0px 6px; font-size: 0.87rem; }
.co-care__action-grid p { margin: 0px; color: rgb(189, 203, 225); font-size: 0.68rem; line-height: 1.42; }
.co-care__signals { background: radial-gradient(circle at 100% 0px, rgba(98, 72, 134, 0.3), transparent 42%), rgb(18, 27, 50); }
.co-care__checklist { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; }
.co-care__checklist div { display: flex; align-items: center; gap: 11px; min-height: 53px; padding: 10px 12px; border-radius: 8px; background: rgb(32, 40, 70); }
.co-care__checklist b { color: var(--co-pink); font-size: 0.65rem; }
.co-care__checklist p { margin: 0px; color: rgb(225, 232, 245); font-size: 0.7rem; line-height: 1.35; }
.co-care__signals-note { margin: 11px 0px 0px; color: rgb(174, 191, 218); font-size: 0.66rem; }
.co-care__resources { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 9px; }
.co-care__resources article { display: grid; grid-template-columns: auto 1fr; grid-template-rows: 1fr auto; column-gap: 10px; min-width: 0px; padding: 13px; border-radius: 9px; background: rgb(25, 43, 71); }
.co-care__resource-mark { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 8px; background: var(--co-cyan); color: rgb(16, 32, 56); font-family: var(--co-display); font-weight: 900; }
.co-care__resources article:nth-child(2) .co-care__resource-mark { background: var(--co-violet); }
.co-care__resources article:nth-child(3) .co-care__resource-mark { background: var(--co-lime); }
.co-care__resources small { color: rgb(145, 207, 226); font-size: 0.48rem; font-weight: 850; letter-spacing: 0.09em; }
.co-care__resources h3 { margin: 3px 0px 6px; font-size: 1rem; }
.co-care__resources p { margin: 0px; color: rgb(188, 204, 226); font-size: 0.66rem; line-height: 1.4; }
.co-care__resources article > a { grid-column: 1 / -1; margin-top: 12px; padding: 8px; border-radius: 5px; background: rgb(41, 76, 105); color: rgb(216, 250, 255); font-size: 0.65rem; font-weight: 780; text-decoration: none; }
.co-care__phone { display: inline-block; margin-top: 6px; color: var(--co-lime); font-size: 0.8rem; font-weight: 800; text-decoration: none; }
.co-care__last { background: linear-gradient(100deg, rgb(27, 71, 87), rgb(27, 42, 71)); }
.co-contact__body { display: grid; grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr); align-items: start; gap: 12px; margin-bottom: 20px; }
.co-contact__routes { display: grid; gap: 9px; }
.co-contact__routes article { padding: 14px 16px; border-radius: 10px; background: radial-gradient(circle at 100% 0px, rgba(65, 100, 166, 0.36), transparent 55%), rgb(21, 36, 64); box-shadow: rgba(0, 0, 0, 0.4) 0px 11px 24px; }
.co-contact__routes article:nth-child(2) { background: radial-gradient(circle at 100% 0px, rgba(102, 71, 160, 0.392), transparent 55%), rgb(25, 35, 63); }
.co-contact__routes article:nth-child(3) { background: radial-gradient(circle at 100% 0px, rgba(32, 140, 152, 0.44), transparent 55%), rgb(20, 42, 62); }
.co-contact__routes span { color: var(--co-cyan); font-size: 0.55rem; font-weight: 850; letter-spacing: 0.12em; }
.co-contact__routes h2 { margin: 6px 0px; font-size: 1.13rem; }
.co-contact__routes p { margin: 4px 0px 9px; color: rgb(192, 206, 226); font-size: 0.7rem; line-height: 1.4; }
.co-contact__routes a { color: var(--co-lime); font-size: 0.72rem; font-weight: 790; text-decoration: none; overflow-wrap: anywhere; }
.co-contact__form { width: 100%; margin: 0px; padding: 19px; border: 0px; border-radius: 12px; background: rgb(23, 38, 66); box-shadow: rgba(0, 0, 0, 0.467) 0px 13px 29px; }
.co-contact__form h2 { margin-top: 0px; font-size: 1.3rem; }
.co-contact__form p { color: rgb(192, 206, 226); font-size: 0.72rem; line-height: 1.45; }
.co-contact__form label { font-size: 0.7rem; }
.co-contact__form input, .co-contact__form textarea { background: rgb(12, 25, 48); border-color: rgba(106, 137, 179, 0.42); }
.co-contact__form button { background: var(--co-lime); color: rgb(17, 32, 50); }
.co-footer { background: radial-gradient(circle at 85% -10%, rgba(41, 69, 125, 0.32), transparent 32%), linear-gradient(rgb(16, 28, 50), rgb(7, 13, 27)); border-top-color: rgba(99, 167, 200, 0.557); box-shadow: rgba(0, 0, 0, 0.4) 0px -14px 39px; }
.co-footer__grid { gap: 18px; }
.co-footer__grid h2 { color: rgb(159, 233, 245); font-size: 0.64rem; }
.co-footer__grid a, .co-footer__grid button { font-family: var(--co-body); font-size: 0.69rem; font-weight: 580; }
.co-footer__top strong { background: rgb(28, 53, 80); color: rgb(217, 251, 140); }
.co-footer__bottom { line-height: 1.45; }
@media (max-width: 1100px) {
.co-board__stage { grid-template-columns: minmax(0px, 1fr) minmax(210px, 0.9fr) minmax(0px, 0.98fr); }
.co-wheel-scene__rim { width: min(84%, 225px); }
.co-wheel-scene__orbit { width: 260px; margin-left: -130px; }
.co-help__topics { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.co-help__topics a { min-height: 138px; }
.co-care__action-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 820px) {
.co-header__inner { height: 62px; }
.co-nav { gap: 0px; }
.co-board__stage { grid-template-columns: minmax(0px, 1fr) minmax(220px, 1fr); }
.co-wheel-scene { height: 290px; }
.co-wheel-scene__rim { width: 220px; }
.co-wheel-scene__orbit { width: 260px; }
.co-spotlight { grid-template-columns: 40% 60%; }
.co-contact__body { grid-template-columns: 1fr; }
.co-contact__routes { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (max-width: 600px) {
body.platform-body { background-attachment: scroll; }
.co-board__intro h1 { font-size: clamp(2.35rem, 10.5vw, 3.5rem); }
.co-board__intro h1 em { display: inline; }
.co-board__intro > p:not(.co-kicker) { max-width: 38ch; }
.co-wheel-scene { height: 234px; max-width: 300px; }
.co-wheel-scene__rim { top: 0px; width: 168px; border-width: 5px; }
.co-wheel-scene__orbit { top: 4px; width: 210px; margin-left: -105px; }
.co-wheel-scene__pointer { top: -5px; width: 28px; height: 32px; margin-left: -14px; }
.co-wheel-scene__pointer span { transform: translateY(3px); }
.co-wheel-scene__hub { border-width: 3px; }
.co-spin-button { bottom: 28px; min-height: 36px; min-width: 169px; font-size: 0.59rem; }
.co-wheel-scene__result { bottom: 1px; font-size: 0.57rem; }
.co-spotlight__copy h2 { font-size: 1.37rem; }
.co-subhero { grid-template-columns: minmax(0px, 1fr) 70px; gap: 7px; padding: 15px; margin-top: 10px; }
.co-subhero h1 { font-size: clamp(2rem, 8vw, 2.8rem); }
.co-subhero p:not(.co-kicker) { font-size: 0.74rem; }
.co-subhero__graphic { width: 65px; border-width: 4px; border-radius: 18px; box-shadow: rgb(12, 24, 49) 0px 7px 0px, rgba(0, 0, 0, 0.533) 0px 12px 18px; }
.co-subhero__graphic span { font-size: 2.8rem; }
.co-subhero__graphic i { right: -10px; top: -13px; font-size: 1.2rem; }
.co-help__search { grid-template-columns: 1fr; gap: 7px; }
.co-help__search p { white-space: normal; }
.co-help__topics { gap: 7px; }
.co-help__topics a { min-height: 138px; padding: 10px; }
.co-help__topics strong { font-size: 0.88rem; }
.co-help__topics small { font-size: 0.61rem; }
.co-help__groups { grid-template-columns: 1fr; gap: 9px; }
.co-help__group { padding: 13px; }
.co-help__bottom, .co-care__last { align-items: flex-start; flex-wrap: wrap; }
.co-help__bottom > div, .co-care__last > div { flex-basis: 100%; }
.co-care__meter { min-height: 65px; border-width: 4px; gap: 2px; }
.co-care__meter span { font-size: 0.38rem; }
.co-care__meter b { font-size: 0.7rem; }
.co-section-heading { align-items: flex-start; flex-direction: column; gap: 5px; }
.co-care__actions, .co-care__signals, .co-care__support { padding: 12px; }
.co-care__resources { grid-template-columns: 1fr; }
.co-care__resources article { grid-template-columns: auto 1fr; }
.co-contact__routes { grid-template-columns: 1fr; }
.co-contact__form { padding: 15px; }
}
@media (max-width: 360px) {
.co-subhero { grid-template-columns: 1fr; }
.co-subhero__graphic, .co-care__meter { display: none; }
.co-help__topics { grid-template-columns: 1fr 1fr; }
.co-help__topics a { min-height: 145px; }
.co-care__action-grid, .co-care__checklist { grid-template-columns: 1fr; }
.co-help__bottom a, .co-care__last a { font-size: 0.61rem; }
}
@media (prefers-reduced-motion: reduce) {
.co-wheel-scene__wheel { will-change: auto; }
.co-help__topics a, .co-game-card { transition: none !important; }
.co-help__topics a:hover, .co-game-card:hover { transform: none; }
}
.platform-game-detail { padding: 27px 0px 24px; }
.platform-game-detail-grid { gap: 25px; grid-template-columns: minmax(250px, 0.77fr) minmax(0px, 1.23fr); }
.platform-detail-art { aspect-ratio: 16 / 10; border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.533) 0px 13px 30px; }
.platform-back { margin-bottom: 10px; color: rgb(180, 230, 245); font-size: 0.75rem; }
.platform-game-detail h1 { font-size: clamp(2.25rem, 3.3vw, 3.35rem); margin: 7px 0px; }
.platform-game-detail p { font-size: 0.83rem; line-height: 1.48; }
.platform-play-section { padding-bottom: 38px; }
.game-experience { border-color: rgba(109, 207, 227, 0.42); border-radius: 13px; box-shadow: rgba(0, 0, 0, 0.6) 0px 20px 42px; }
.game-toolbar { background: rgb(24, 42, 70); }
@media (max-width: 820px) {
.platform-game-detail { padding: 15px 0px 18px; }
.platform-game-detail-grid { grid-template-columns: 1fr 1fr; align-items: center; gap: 16px; }
.platform-detail-art { aspect-ratio: 1 / 1; }
.platform-game-detail h1 { font-size: clamp(2rem, 5vw, 2.8rem); }
.platform-play-section { padding-bottom: 30px; }
}
@media (max-width: 600px) {
.platform-game-detail { padding: 11px 0px 14px; }
.platform-game-detail-grid { grid-template-columns: 96px minmax(0px, 1fr); align-items: start; gap: 12px; }
.platform-detail-art { aspect-ratio: 1 / 1; border-radius: 9px; }
.platform-back { margin-bottom: 3px; font-size: 0.63rem; }
.platform-game-detail h1 { font-size: 1.8rem; line-height: 1.04; }
.platform-game-detail p { margin: 5px 0px; font-size: 0.7rem; line-height: 1.35; }
.platform-tags { gap: 5px; }
.platform-tags > * { font-size: 0.55rem; }
.platform-play-section { padding-bottom: 25px; }
.game-toolbar { min-height: 42px; padding: 6px 9px; font-size: 0.65rem; }
.game-toolbar a { min-height: 28px; }
.game-frame-wrap { padding: 3px; }
.game-frame { height: 530px; }
}
@media (max-width: 360px) {
.platform-game-detail-grid { grid-template-columns: 78px minmax(0px, 1fr); gap: 10px; }
.platform-game-detail h1 { font-size: 1.56rem; }
.platform-game-detail p { font-size: 0.65rem; }
}
body.platform-body { background: radial-gradient(at 8% 12%, rgba(21, 63, 83, 0.3), transparent 32%) fixed, radial-gradient(at 92% 28%, rgba(94, 32, 86, 0.28), transparent 31%), radial-gradient(at 44% 72%, rgba(56, 39, 91, 0.32), transparent 40%), rgb(7, 10, 19); --co-lime: #dcf99b; --co-line: #a6b8da29; }
.co-header { background: rgba(9, 13, 24, 0.91); backdrop-filter: blur(20px); }
.co-brand__mark { background: none; box-shadow: none; transform: none; width: 44px; height: 44px; }
.co-brand__mark img { width: 100%; height: 100%; }
.co-board { background: radial-gradient(at 51% 37%, rgba(112, 80, 190, 0.3), transparent 39%), radial-gradient(at 76% 3%, rgba(50, 214, 228, 0.145), transparent 43%), linear-gradient(120deg, rgba(18, 26, 40, 0.933), rgba(17, 16, 32, 0.96) 60%, rgba(18, 43, 53, 0.31)); border: 1px solid rgba(179, 193, 227, 0.192); box-shadow: rgba(0, 0, 0, 0.467) 0px 22px 65px, rgba(255, 255, 255, 0.07) 0px 1px inset; border-radius: 24px; }
.co-board::before { inset: -25% -15%; opacity: 0.65; background: repeating-radial-gradient(at 57% 45%, transparent 0px, transparent 105px, rgba(174, 199, 255, 0.047) 106px, rgba(174, 199, 255, 0.047) 107px, transparent 108px, transparent 160px); mask-image: linear-gradient(100deg, transparent, rgb(0, 0, 0), transparent); transform: rotate(-15deg); }
.co-board::after { content: ""; position: absolute; z-index: -1; inset: 0px; pointer-events: none; background: linear-gradient(125deg, transparent 31%, rgba(193, 214, 255, 0.02) 31.1%, transparent 52%), radial-gradient(at 40% 0px, rgba(167, 180, 255, 0.082), transparent 50%); }
.co-board__top { font-weight: 650; letter-spacing: 0.12em; }
.co-board__stage { gap: 22px; grid-template-columns: minmax(0px, 1fr) minmax(290px, 1.18fr) minmax(0px, 0.86fr); min-height: 382px; }
.co-board__intro h1 { font-size: clamp(2.4rem, 4.1vw, 4rem); font-weight: 700; line-height: 1.02; letter-spacing: -0.05em; max-width: 10ch; }
.co-board__intro h1 em { color: rgb(175, 246, 237); background: linear-gradient(115deg, rgb(236, 255, 250), rgb(112, 221, 216) 55%, rgb(183, 171, 255)) text; -webkit-text-fill-color: transparent; }
.co-board__intro > p:not(.co-kicker) { font-size: 0.88rem; line-height: 1.65; color: rgb(175, 186, 205); }
.co-kicker { font-weight: 700; letter-spacing: 0.16em; }
.co-board__facts { gap: 5px; margin-top: 18px; }
.co-board__tabs button { border-radius: 20px; background: rgba(255, 255, 255, 0.02); border-color: rgba(189, 199, 238, 0.137); font-weight: 650; min-height: 38px; }
.co-board__tabs button[aria-selected="true"] { color: rgb(239, 255, 254); background: linear-gradient(rgb(50, 86, 94), rgb(32, 60, 72)); border-color: rgba(140, 238, 232, 0.6); box-shadow: rgba(221, 255, 255, 0.2) 0px 1px inset, rgba(0, 0, 0, 0.267) 0px 3px 12px; }
.co-wheel-scene { height: 370px; perspective: 1000px; isolation: isolate; }
.co-wheel-scene__rim { top: 19px; width: 280px; border: 13px solid transparent; background: linear-gradient(rgb(16, 35, 52), rgb(16, 35, 52)) padding-box padding-box, conic-gradient(from 25deg, rgb(7, 21, 34), rgb(149, 203, 216) 8%, rgb(240, 255, 255) 14%, rgb(73, 103, 120) 19%, rgb(20, 38, 52) 30%, rgb(175, 202, 224) 45%, rgb(236, 254, 255) 49%, rgb(48, 73, 88) 58%, rgb(16, 24, 46) 73%, rgb(90, 116, 142) 88%, rgb(7, 21, 34)) border-box border-box; transform: translateX(-50%) rotateX(13deg) rotateY(-8deg); box-shadow: rgb(224, 255, 255) 0px 2px 0px 1px, rgb(38, 56, 72) 0px 9px 0px 2px, rgb(10, 17, 28) 0px 14px 0px 2px, rgb(83, 103, 120) 0px 16px 0px 3px, rgba(0, 0, 0, 0.733) 0px 24px 25px, rgba(104, 218, 242, 0.192) 0px 0px 48px, rgb(159, 238, 246) 0px 0px 0px 2px inset; }
.co-wheel-scene__rim::before { inset: -8px; border: 2px dotted rgba(230, 255, 255, 0.76); box-shadow: rgba(173, 249, 255, 0.333) 0px 0px 8px; z-index: 3; }
.co-wheel-scene__rim::after { content: ""; position: absolute; inset: 0px; border-radius: 50%; pointer-events: none; z-index: 4; background: linear-gradient(130deg, rgba(255, 255, 255, 0.13), transparent 33%, transparent 56%, rgba(199, 222, 255, 0.063) 57%, transparent 76%); box-shadow: rgba(0, 0, 0, 0.467) 0px 0px 20px inset; }
.co-wheel-scene__wheel { border: 3px solid rgba(140, 233, 244, 0.5); background: rgb(17, 25, 43); box-shadow: rgba(103, 238, 255, 0.467) 0px 0px 9px, rgba(0, 0, 0, 0.533) 0px 0px 12px inset; }
.co-wheel-scene__wheel canvas { filter: saturate(1.1) contrast(1.03); }
.co-wheel-scene__hub { width: 29%; border: 5px solid rgb(141, 167, 182); background: radial-gradient(circle at 30% 18%, rgb(196, 238, 239), rgb(53, 79, 101) 35%, rgb(13, 25, 43) 70%); box-shadow: rgb(7, 19, 33) 0px 5px 0px, rgba(0, 0, 0, 0.733) 0px 8px 12px, rgb(192, 235, 240) 0px 0px 0px 2px, rgba(255, 255, 255, 0.65) 0px 1px 6px inset; }
.co-wheel-scene__hub img { width: 69%; height: auto; filter: drop-shadow(rgba(0, 0, 0, 0.533) 0px 2px 4px); }
.co-wheel-scene__hub small { font-size: 0.34rem; letter-spacing: 0.18em; color: rgb(210, 245, 248); margin-top: 1px; }
.co-wheel-scene__pointer { top: 2px; z-index: 6; width: 27px; height: 40px; margin-left: -14px; clip-path: polygon(0px 0px, 100% 0px, 88% 55%, 50% 100%, 12% 55%); border-radius: 5px; background: linear-gradient(100deg, rgb(249, 255, 236), rgb(176, 215, 121) 46%, rgb(245, 255, 219) 49%, rgb(144, 174, 88)); filter: drop-shadow(rgb(0, 0, 0) 0px 3px 5px); box-shadow: none; }
.co-wheel-scene__pointer span { display: none; }
.co-wheel-scene__orbit { top: 88px; width: 320px; margin-left: -160px; border-color: rgba(146, 232, 247, 0.314); box-shadow: rgba(38, 202, 236, 0.082) 0px 0px 20px; animation: 22s linear 0s infinite normal none running co-orbit; }
.co-wheel-scene__orbit::before { border-style: solid; border-color: rgba(177, 145, 239, 0.333); }
.co-wheel-scene__orbit::after { border-style: solid; border-color: rgba(223, 113, 190, 0.16); }
.co-wheel-scene__base { bottom: 71px; height: 27px; width: 76%; filter: none; background: radial-gradient(rgba(157, 245, 239, 0.333), transparent 67%); border-bottom: 1px solid rgba(142, 223, 243, 0.267); box-shadow: rgba(141, 80, 255, 0.14) 0px 14px 28px; }
.co-spin-button { bottom: 30px; min-height: 43px; }
.co-wheel-scene__result { font-size: 0.61rem; font-weight: 500; color: rgb(173, 189, 207); }
.co-wheel-scene__spark--one { color: rgb(220, 188, 248); font-size: 1.25rem; }
.co-wheel-scene__spark--two { color: rgb(168, 238, 227); font-size: 0.8rem; }
.co-spotlight { background: linear-gradient(140deg, rgba(213, 234, 255, 0.075), rgba(12, 21, 39, 0.85)); border: 1px solid rgba(182, 214, 255, 0.224); border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.467) 0px 18px 32px, rgba(255, 255, 255, 0.098) 0px 1px inset; backdrop-filter: blur(15px); }
.co-spotlight__image { height: 170px; }
.co-spotlight__copy h2 { font-weight: 650; letter-spacing: -0.03em; }
.co-spotlight__copy a { background: linear-gradient(rgba(91, 209, 219, 0.125), rgba(146, 166, 221, 0.05)); border-color: rgba(141, 220, 232, 0.404); box-shadow: rgba(255, 255, 255, 0.08) 0px 1px inset; color: rgb(190, 244, 244); }
.co-home-rails { padding-top: 12px; }
.co-home-rail, .co-games__rail { --rail-light: #4ce1d3; position: relative; border: 1px solid color-mix(in srgb,var(--rail-light) 20%,transparent); background: radial-gradient(ellipse at 2% 0,color-mix(in srgb,var(--rail-light) 12%,transparent),transparent 60%),linear-gradient(120deg,#101922d9,#0e1220ed); border-radius: 17px; padding: 15px; margin-bottom: 12px; box-shadow: rgba(255, 255, 255, 0.03) 0px 1px inset, rgba(0, 0, 0, 0.2) 0px 12px 28px; }
.co-home-rail:nth-child(2), .co-games__rail:nth-child(3) { --rail-light: #ad82ff; background: radial-gradient(at 80% 0px, rgba(132, 79, 208, 0.18), transparent 65%), rgba(21, 19, 36, 0.8); }
.co-home-rail:nth-child(3), .co-games__rail:nth-child(4) { --rail-light: #eea972; background: radial-gradient(at 0px 0px, rgba(174, 99, 54, 0.17), transparent 65%), rgba(26, 21, 32, 0.867); }
.co-games__rail:first-child { --rail-light: #65dbff; background: radial-gradient(at 0px 0px, rgba(30, 130, 151, 0.21), transparent 70%), rgb(16, 26, 39); }
.co-home-rail__head h2, .co-games__rail-head h2 { font-weight: 650; font-size: 1.25rem; letter-spacing: -0.025em; }
.co-home-rail__head span, .co-games__rail-head .co-kicker { color: var(--rail-light); font-size: 0.57rem; letter-spacing: 0.14em; }
.co-home-rail__head > a { color: rgb(203, 213, 229); }
.co-game-card { background: linear-gradient(145deg, rgba(216, 226, 255, 0.043), rgba(255, 255, 255, 0.008)); border: 1px solid rgba(190, 203, 229, 0.17); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.267) 0px 4px 10px; transition: transform 0.22s, border-color 0.22s, box-shadow 0.22s; }
.co-game-card:hover { border-color: rgba(157, 220, 223, 0.533); box-shadow: rgba(0, 0, 0, 0.533) 0px 10px 22px, rgba(163, 185, 250, 0.07) 0px 0px 15px; }
.co-game-card.is-selected { border-color: rgb(186, 221, 170); box-shadow: rgba(200, 227, 165, 0.5) 0px 0px 0px 1px, rgba(0, 0, 0, 0.333) 0px 8px 18px; }
.co-home-rail__cards .co-game-card__art { aspect-ratio: 1.95 / 1; }
.co-game-card__copy h3 { font-size: 0.94rem; font-weight: 650; }
.co-game-card__copy p { line-height: 1.4; }
.co-game-card--compact { background: rgba(187, 200, 239, 0.03); }
.co-home-care, .co-care__actions, .co-care__support { background: radial-gradient(at 0px 0px, rgba(43, 135, 119, 0.17), transparent 62%), linear-gradient(120deg, rgb(20, 34, 33), rgb(16, 24, 35)); border: 1px solid rgba(144, 206, 188, 0.15); }
.co-home-care__tiles article, .co-care__action-grid article { background: rgba(225, 255, 249, 0.035); border: 1px solid rgba(214, 247, 237, 0.082); }
.co-home-help, .co-help__bottom, .co-care__last { background: linear-gradient(120deg, rgb(24, 54, 59), rgb(33, 27, 52)); border: 1px solid rgba(184, 232, 226, 0.165); }
.co-subhero { background: radial-gradient(at 85% 15%, rgba(133, 81, 195, 0.3), transparent 50%), linear-gradient(120deg, rgb(20, 39, 49), rgb(23, 19, 36)); border: 1px solid rgba(193, 216, 245, 0.18); padding-top: 24px; padding-bottom: 24px; }
.co-subhero::before { opacity: 0.35; }
.co-subhero h1 { font-weight: 650; letter-spacing: -0.045em; }
.co-subhero h1 em { color: rgb(179, 238, 234); }
.co-subhero__graphic { border-color: rgb(182, 205, 221); background: linear-gradient(130deg, rgb(68, 131, 138), rgb(48, 39, 89) 65%, rgb(133, 104, 140)); box-shadow: rgb(24, 37, 54) 0px 8px 0px, rgb(108, 135, 155) 0px 9px 0px 1px, rgba(0, 0, 0, 0.467) 0px 18px 25px, rgba(154, 229, 243, 0.16) 0px 0px 28px; }
.co-care__hero { background: radial-gradient(at 85% 0px, rgba(48, 152, 138, 0.21), transparent 55%), linear-gradient(120deg, rgb(25, 43, 43), rgb(17, 28, 41)); }
.co-help__search, .co-help__group, .co-contact__form { background: linear-gradient(125deg, rgba(25, 34, 50, 0.85), rgba(18, 23, 37, 0.91)); border: 1px solid rgba(182, 195, 227, 0.16); box-shadow: rgba(255, 255, 255, 0.035) 0px 1px inset, rgba(0, 0, 0, 0.267) 0px 10px 24px; }
.co-help__questions details { background: rgba(6, 14, 25, 0.5); border: 1px solid rgba(183, 213, 240, 0.08); }
.co-help__questions details[open] { border-color: rgba(149, 217, 228, 0.3); background: rgba(22, 44, 54, 0.5); }
.co-care__signals { background: radial-gradient(at 95% 0px, rgba(152, 94, 137, 0.19), transparent 60%), rgb(27, 25, 40); border: 1px solid rgba(229, 173, 207, 0.145); }
.co-care__checklist div { background: rgba(255, 255, 255, 0.024); }
.co-contact__routes article { border: 1px solid rgba(201, 229, 255, 0.137); }
.co-contact__form input, .co-contact__form textarea { background: rgba(6, 13, 23, 0.65); border-color: rgba(166, 197, 228, 0.23); border-radius: 8px; }
.co-footer { background: radial-gradient(at 75% 0px, rgba(91, 50, 112, 0.145), transparent 50%), rgb(9, 14, 24); border-top-color: rgba(192, 212, 238, 0.2); }
@media (min-width: 1101px) {
.co-home-rail__cards { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.co-home-rail:has(.co-game-card:nth-child(3):last-child) .co-home-rail__cards { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.co-home-rail:has(.co-game-card:nth-child(3):last-child) .co-game-card { display: grid; grid-template-columns: 42% 58%; align-items: stretch; }
.co-home-rail:has(.co-game-card:nth-child(3):last-child) .co-game-card__art { aspect-ratio: auto; height: 100%; }
.co-home-rail:has(.co-game-card:nth-child(3):last-child) .co-game-card__copy { display: flex; flex-direction: column; justify-content: center; padding: 12px; }
}
@media (max-width: 1100px) {
.co-board__stage { grid-template-columns: minmax(0px, 1fr) minmax(210px, 1fr) minmax(0px, 0.95fr); gap: 12px; }
.co-wheel-scene__rim { width: 220px; }
.co-wheel-scene { height: 310px; }
.co-wheel-scene__orbit { width: 255px; margin-left: -127px; }
}
@media (max-width: 820px) {
.co-board__stage { grid-template-columns: minmax(0px, 1fr) minmax(220px, 1fr); }
.co-wheel-scene__rim { width: 235px; }
}
@media (max-width: 600px) {
body.platform-body { background-attachment: scroll; }
.co-board { padding-inline: 14px; }
.co-board__stage { grid-template-columns: 1fr; gap: 5px; }
.co-board__intro h1 { max-width: 13ch; font-size: clamp(2.5rem, 10vw, 3.6rem); }
.co-board__intro h1 em { display: block; }
.co-wheel-scene { height: 300px; max-width: 310px; width: 100%; margin: auto; }
.co-wheel-scene__rim { width: 210px; top: 12px; border-width: 10px; }
.co-wheel-scene__pointer { top: 0px; }
.co-wheel-scene__orbit { top: 65px; width: 240px; margin-left: -120px; }
.co-spin-button { bottom: 30px; min-height: 43px; }
.co-wheel-scene__base { bottom: 74px; }
.co-wheel-scene__result { font-size: 0.59rem; }
.co-board__intro { padding: 12px 0px 4px; }
.co-board__facts { margin-top: 13px; }
.co-home-rail, .co-games__rail { padding: 11px; }
.co-subhero { padding: 17px; }
.co-spotlight__image { height: auto; }
.co-board__tabs button { min-height: 42px; }
.co-care__checklist div { min-width: 0px; }
}
@media (prefers-reduced-motion: reduce) {
.co-wheel-scene__orbit { animation: auto ease 0s 1 normal none running none !important; }
*, ::before, ::after { scroll-behavior: auto !important; }
}
body.platform-body { background: linear-gradient(rgba(6, 16, 34, 0.4), rgba(7, 11, 22, 0.85) 1000px), url("/images/carnival-environment.png") center top / cover fixed, rgb(7, 11, 22); }
.co-home::before { opacity: 0.12; }
.co-board { margin-top: 12px; background: linear-gradient(90deg, rgba(7, 17, 28, 0.867), transparent 48%, rgba(6, 18, 34, 0.48)), linear-gradient(0deg, rgb(8, 20, 40) 0%, rgba(8, 20, 40, 0.2) 35%, rgba(8, 20, 40, 0.082) 100%), url("/images/carnival-environment.png") center 52% / cover; border-color: rgba(114, 185, 233, 0.25); box-shadow: rgba(0, 0, 0, 0.533) 0px 18px 45px, rgba(155, 221, 255, 0.086) 0px 1px inset; }
.co-board::before, .co-board::after { display: none; }
.co-board__stage { grid-template-columns: minmax(0px, 0.95fr) minmax(330px, 1.25fr) minmax(0px, 0.93fr); gap: 18px; min-height: 408px; }
.co-board__intro h1 { font-size: clamp(2.6rem, 4.3vw, 4.4rem); max-width: 11ch; letter-spacing: -0.055em; }
.co-board__intro > p:not(.co-kicker) { max-width: 31ch; color: rgb(194, 207, 226); }
.co-board__intro h1 em { background: none; -webkit-text-fill-color: initial; color: rgb(220, 250, 139); }
.co-wheel-scene { height: 402px; }
.co-wheel-scene__rim { width: 325px; top: 10px; }
.co-wheel-scene__pointer { top: -3px; }
.co-wheel-scene__orbit { top: 108px; width: 365px; margin-left: -182px; }
.co-wheel-scene__base { bottom: 65px; width: 94%; height: 58px; background: linear-gradient(rgba(40, 78, 111, 0.333), rgb(7, 17, 35) 48%, rgba(113, 201, 246, 0.42) 51%, rgb(11, 27, 48) 57%, rgb(5, 12, 28) 90%, rgba(135, 125, 183, 0.4)); border: 1px solid rgba(121, 203, 229, 0.3); border-radius: 50%; box-shadow: rgb(8, 15, 32) 0px 10px 0px, rgb(81, 108, 168) 0px 11px 0px, rgba(0, 0, 0, 0.6) 0px 15px 24px, rgba(82, 86, 234, 0.333) 0px 0px 35px; }
.co-spin-button { bottom: 24px; min-width: 218px; }
.co-wheel-scene__result { bottom: 0px; }
.co-wheel-scene__wheel { transition: none; }
.co-wheel-face { position: absolute; inset: -5%; width: 110%; height: 110%; max-width: none; border-radius: 50%; z-index: 1; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 3px 6px); }
.co-wheel-scene__wheel:has(.co-wheel-face) canvas { opacity: 0; }
.co-wheel-scene__wheel:has(.co-wheel-face) .co-wheel-scene__hub { width: 25%; z-index: 3; }
.co-wheel-scene__rim:has(.co-wheel-face) { background: none; border-color: transparent; box-shadow: rgb(32, 53, 84) 0px 9px 0px, rgb(10, 20, 38) 0px 13px 0px, rgba(0, 0, 0, 0.533) 0px 17px 17px, rgba(101, 203, 232, 0.224) 0px 0px 44px; }
.co-wheel-scene__rim:has(.co-wheel-face)::before { display: none; }
.co-board__rail-head { padding: 15px 0px 10px; font-size: 0.65rem; }
.co-board__rail-head strong { font-size: 1.1rem; color: rgb(238, 247, 255); letter-spacing: -0.02em; text-transform: none; }
.co-board__rail .co-game-card--compact { display: block; min-height: 0px; }
.co-board__rail .co-game-card--compact .co-game-card__art { height: auto; aspect-ratio: 2.35 / 1; }
.co-board__rail .co-game-card--compact .co-game-card__copy { padding: 9px 11px; }
.co-board__rail .co-game-card--compact .co-game-card__copy h3 { font-size: 0.92rem; }
.co-board__rail .co-game-card--compact .co-game-card__copy p { display: none; }
.co-board__rail .co-game-card--compact .co-game-card__badge { font-size: 0.48rem; padding: 4px 6px; }
.co-game-card { background: linear-gradient(140deg, rgba(16, 39, 64, 0.95), rgba(8, 21, 38, 0.933)); border-color: rgba(69, 129, 166, 0.33); }
.co-game-card__copy h3 { letter-spacing: -0.02em; }
.co-home-rails { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.co-home-rail { margin: 0px; backdrop-filter: blur(12px); background-color: rgba(8, 21, 38, 0.91) !important; }
.co-home-rail:first-child { grid-column: 1 / -1; }
.co-home-rail__cards { gap: 9px; }
.co-home-rail:not(:first-child) .co-home-rail__cards { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.co-home-rail:not(:first-child) .co-game-card { display: block !important; }
.co-home-rail:not(:first-child) .co-game-card__art { aspect-ratio: 1.55 / 1 !important; height: auto !important; }
.co-home-rail:not(:first-child) .co-game-card__copy { padding: 9px !important; }
.co-home-rail:not(:first-child) .co-game-card__copy p { display: none; }
.co-home-rail:not(:first-child) .co-game-card__copy h3 { font-size: 0.78rem; }
.co-home-rail__head h2::before { content: "✦"; color: var(--rail-light); margin-right: 8px; }
.co-home-care { margin-top: 12px; }
.co-subhero { background: linear-gradient(90deg, rgba(8, 23, 35, 0.96), rgba(16, 17, 39, 0.53)), url("/images/carnival-environment.png") center 42% / cover; }
.co-help__group, .co-contact__form, .co-care__actions, .co-care__signals, .co-care__support { backdrop-filter: blur(12px); }
.co-about__grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 13px; margin-bottom: 16px; }
.co-about__grid article { padding: 24px; border: 1px solid rgba(126, 182, 213, 0.208); border-radius: 15px; background: linear-gradient(130deg, rgba(16, 49, 58, 0.88), rgba(16, 27, 43, 0.918)); box-shadow: rgba(0, 0, 0, 0.267) 0px 14px 28px; }
.co-about__grid article:nth-child(2) { background: linear-gradient(130deg, rgba(49, 36, 73, 0.91), rgba(16, 27, 43, 0.918)); }
.co-about__grid article:nth-child(3) { background: linear-gradient(130deg, rgba(23, 57, 54, 0.91), rgba(16, 27, 43, 0.918)); }
.co-about__grid h2 { font-size: 1.5rem; line-height: 1.15; margin: 13px 0px; }
.co-about__grid p, .co-about__identity p { font-size: 0.88rem; line-height: 1.65; color: rgb(186, 204, 224); }
.co-about__grid a, .co-about__identity a { color: rgb(161, 233, 238); font-size: 0.8rem; }
.co-about__identity { display: grid; grid-template-columns: 1.3fr 1fr; gap: 30px; margin-bottom: 24px; padding: 26px; background: rgba(13, 29, 46, 0.86); border: 1px solid rgba(161, 196, 217, 0.192); border-radius: 15px; }
.co-about__identity h2 { font-size: 1.65rem; margin: 9px 0px; }
.co-about__identity h3 { font-size: 1rem; }
.co-about__identity > div { min-width: 0px; }
.co-about__identity a { overflow-wrap: anywhere; }
.co-footer { background: linear-gradient(rgba(6, 21, 38, 0.93), rgba(7, 13, 25, 0.96)), url("/images/carnival-environment.png") center bottom / cover; }
.co-footer__welcome { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; padding-top: 25px; padding-bottom: 18px; }
.co-footer__welcome > div { display: flex; align-items: center; gap: 14px; }
.co-footer__welcome strong { font-size: 1.1rem; color: rgb(236, 247, 255); font-weight: 650; }
.co-footer__welcome p { font-size: 0.75rem; color: rgb(159, 187, 211); margin: 5px 0px; }
.co-footer__welcome > a { display: flex; align-items: center; gap: 16px; padding: 15px 18px; background: linear-gradient(110deg, rgba(18, 50, 66, 0.5), rgba(30, 36, 75, 0.5)); border: 1px solid rgba(140, 204, 237, 0.25); border-radius: 12px; text-decoration: none; color: rgb(186, 243, 255); }
.co-footer__welcome > a > span:first-child { font-size: 2rem; color: rgb(159, 150, 255); }
.co-footer__welcome small { display: block; font-size: 0.7rem; margin-top: 4px; color: rgb(181, 201, 223); }
.co-footer__welcome b { margin-left: auto; }
.co-footer__top { padding-top: 12px; }
.co-footer__top > .co-footer__brand { font-size: 0.9rem; }
.co-footer__grid { padding-top: 19px; padding-bottom: 22px; }
body.platform-body main:not(.co-main) .page-hero { background: linear-gradient(90deg, rgba(9, 23, 35, 0.933), rgba(16, 25, 43, 0.467)), url("/images/carnival-environment.png") center center / cover; border-bottom: 1px solid rgba(145, 204, 242, 0.2); }
body.platform-body main:not(.co-main) .section { padding-block: 24px; }
body.platform-body main:not(.co-main) .prose { color: rgb(206, 219, 235); }
body.platform-body main:not(.co-main) .prose h2 { color: rgb(236, 248, 255); }
@media (max-width: 1100px) {
.co-board__stage { grid-template-columns: minmax(0px, 1fr) minmax(230px, 1.15fr) minmax(0px, 1fr); }
.co-wheel-scene__rim { width: 240px; }
.co-wheel-scene { height: 320px; }
.co-wheel-scene__orbit { width: 270px; margin-left: -135px; top: 70px; }
.co-board__intro h1 { font-size: 3rem; }
.co-home-rail:first-child .co-home-rail__cards { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); grid-auto-flow: row; }
.co-home-rail:not(:first-child) .co-game-card__copy h3 { font-size: 0.73rem; }
}
@media (max-width: 820px) {
.co-board__stage { grid-template-columns: 1fr 1fr; }
.co-board__intro h1 { font-size: 3.3rem; }
.co-wheel-scene__rim { width: 260px; }
.co-wheel-scene { height: 340px; }
.co-home-rails { grid-template-columns: 1fr; }
.co-home-rail:first-child .co-home-rail__cards { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.co-home-rail:not(:first-child) .co-game-card__copy h3 { font-size: 0.95rem; }
.co-about__grid { grid-template-columns: 1fr; }
.co-about__identity { grid-template-columns: 1fr; gap: 12px; }
.co-footer__welcome { gap: 18px; }
.co-footer__welcome strong { font-size: 0.9rem; }
}
@media (max-width: 600px) {
body.platform-body { background-attachment: scroll; background-size: auto 1050px; }
.co-board { background-position: 57% top; background-size: auto 900px; }
.co-board__stage { grid-template-columns: 1fr; }
.co-board__intro h1 { font-size: clamp(2.5rem, 11vw, 3.6rem); max-width: 13ch; }
.co-board__intro > p:not(.co-kicker) { max-width: 38ch; }
.co-wheel-scene { height: 340px; max-width: 310px; }
.co-wheel-scene__rim { width: 248px; top: 14px; }
.co-wheel-scene__pointer { top: 0px; }
.co-wheel-scene__orbit { top: 82px; width: 280px; margin-left: -140px; }
.co-spin-button { min-width: 202px; bottom: 24px; }
.co-wheel-scene__base { bottom: 68px; }
.co-board__rail .co-game-card--compact .co-game-card__art { aspect-ratio: 2 / 1; }
.co-home-rail:first-child .co-home-rail__cards { display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 210px; }
.co-home-rail:not(:first-child) .co-home-rail__cards { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 175px; overflow: auto; }
.co-home-rail:not(:first-child) .co-game-card__copy h3 { font-size: 0.85rem; }
.co-footer__welcome { grid-template-columns: 1fr; padding-top: 20px; }
.co-about__grid article, .co-about__identity { padding: 18px; }
.co-subhero__graphic img { width: 90%; height: auto; }
.co-spotlight__image { height: auto; }
}
@media (max-width: 360px) {
.co-wheel-scene__rim { width: 222px; }
.co-wheel-scene { height: 316px; }
.co-wheel-scene__orbit { width: 246px; margin-left: -123px; }
.co-board__intro h1 { font-size: 2.55rem; }
.co-footer__welcome > a { padding: 12px; }
.co-footer__welcome small { line-height: 1.4; }
}
.co-home-rail, .co-home-rail__cards, .co-home-rails > * { min-width: 0px; }
.co-home-rails { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
@media (max-width: 820px) {
.co-home-rails { grid-template-columns: minmax(0px, 1fr); }
}
body.platform-body[data-accounts-enabled="false"][data-visual-family="cercleodds"] { background: linear-gradient(rgba(6, 16, 34, 0.5), rgba(7, 11, 22, 0.92) 1200px), url("/images/carnival-environment.png") center top / cover fixed, rgb(7, 11, 22); font-family: var(--co-body); }
body.platform-body[data-accounts-enabled="false"] .co-contact__form { padding: 22px; background: linear-gradient(125deg, rgba(25, 34, 50, 0.91), rgba(18, 23, 37, 0.937)); border: 1px solid rgba(182, 195, 227, 0.23); }
body.platform-body[data-accounts-enabled="false"] .co-contact__form input, body.platform-body[data-accounts-enabled="false"] .co-contact__form textarea { font: inherit; background: rgb(7, 18, 33); border: 1px solid rgba(166, 197, 228, 0.23); border-radius: 8px; padding: 11px; color: rgb(237, 246, 255); }
body.platform-body[data-accounts-enabled="false"] .co-contact__form textarea { min-height: 145px; }
body.platform-body[data-accounts-enabled="false"] .co-contact__form button { border-radius: 9px; border: 1px solid rgb(222, 244, 183); background: linear-gradient(rgb(232, 253, 181), rgb(191, 219, 133)); box-shadow: rgba(255, 255, 255, 0.467) 0px 1px inset, rgba(0, 0, 0, 0.267) 0px 5px 12px; }
@media (max-width: 600px) {
body.platform-body[data-accounts-enabled="false"][data-visual-family="cercleodds"] { background-attachment: scroll; background-size: auto 1100px; }
body.platform-body[data-accounts-enabled="false"] .co-contact__form { padding: 16px; }
}
.co-game-card, .co-spotlight { position: relative; cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; }
.co-card-link::after { content: ""; position: absolute; inset: 0px; z-index: 5; border-radius: inherit; }
.co-game-card:focus-within, .co-spotlight:focus-within { outline: rgb(189, 237, 235) solid 2px; outline-offset: 3px; border-color: rgb(177, 228, 233); }
.co-spotlight .co-spotlight__copy h2 .co-card-link { display: inline; margin: 0px; padding: 0px; border: 0px; border-radius: 0px; background: none; box-shadow: none; color: rgb(244, 248, 255); font: inherit; letter-spacing: inherit; text-decoration: none; }
.co-spotlight .co-spotlight__copy h2 .co-card-link:hover { background: none; color: rgb(255, 255, 255); }
.co-game-card:hover, .co-spotlight:hover { transform: translateY(-2px); border-color: rgba(161, 212, 220, 0.6); box-shadow: rgba(0, 0, 0, 0.467) 0px 9px 22px, rgba(142, 203, 217, 0.1) 0px 0px 15px; }
.co-game-card__art img, .co-spotlight__image img { transition: transform 0.24s, filter 0.24s; }
.co-game-card:hover .co-game-card__art img, .co-spotlight:hover .co-spotlight__image img { transform: scale(1.035); filter: brightness(1.035); }
.co-game-card__copy { padding: 11px 12px 13px; }
.co-game-card__copy span { font-weight: 600; letter-spacing: 0.08em; opacity: 0.85; }
.co-game-card__copy p { margin: 5px 0px 0px; color: rgb(170, 190, 208); }
.co-board__rail .co-game-card--compact .co-game-card__copy { padding: 10px 11px 12px; }
.co-board__intro > p:not(.co-kicker) { margin-bottom: 20px; }
.co-spin-button, .co-board__tabs button, .co-menu-toggle, .co-nav__contact, .co-home-help a, .co-help__bottom a, .co-care__last a, .cookie-actions button { transition: filter 0.18s, box-shadow 0.18s, background-color 0.18s; border-radius: 10px; }
.co-spin-button:hover { filter: brightness(1.045); box-shadow: rgba(255, 255, 255, 0.533) 0px 1px inset, rgba(0, 0, 0, 0.4) 0px 6px 16px, rgba(203, 230, 148, 0.15) 0px 0px 12px; }
.co-board__tabs button:hover, .co-menu-toggle:hover, .co-nav__contact:hover, .co-home-help a:hover, .co-help__bottom a:hover, .co-care__last a:hover, .cookie-actions button:hover { filter: brightness(1.07); box-shadow: rgba(145, 207, 223, 0.09) 0px 0px 12px; }
.co-home-help a:hover { background: rgb(26, 59, 80); color: rgb(230, 250, 255); }
.co-board__tabs button { padding: 9px 17px; }
.co-nav__contact { padding: 11px 18px; }
@media (prefers-reduced-motion: reduce) {
.co-game-card, .co-spotlight, .co-game-card__art img, .co-spotlight__image img { transition: none; }
.co-game-card:hover, .co-spotlight:hover, .co-game-card:hover .co-game-card__art img, .co-spotlight:hover .co-spotlight__image img { transform: none; }
}
/* Information pages and responsible-play additions */
.storage-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid rgba(145, 204, 242, .25); border-radius: 12px; background: rgba(15, 29, 49, .88); }
.storage-table { width: 100%; min-width: 600px; border-collapse: collapse; text-align: left; }
.storage-table th, .storage-table td { padding: 13px 15px; border-bottom: 1px solid rgba(145, 204, 242, .15); vertical-align: top; line-height: 1.5; }
.storage-table thead th { color: var(--co-cyan); background: rgba(71, 130, 161, .14); font-size: .76rem; text-transform: uppercase; letter-spacing: .08em; }
.storage-table tbody th { color: #eef9ff; font-weight: 750; }
.storage-table tbody td { color: #cad9e9; }
.storage-table tr:last-child > * { border-bottom: 0; }
.storage-status { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 18px 0; }
.storage-status article, .co-care__note-grid article { padding: 17px; border: 1px solid rgba(145, 204, 242, .17); border-radius: 11px; background: linear-gradient(140deg, rgba(32, 61, 76, .72), rgba(25, 31, 55, .86)); }
.storage-status h3, .co-care__note-grid h3 { margin: 0 0 7px; color: #f0fbff; font-size: 1rem; }
.storage-status p, .co-care__note-grid p { margin: 0; color: #c5d7e6; font-size: .9rem; line-height: 1.55; }
.co-care__notes { margin-bottom: 16px; padding: 17px; border: 1px solid rgba(145, 204, 242, .15); border-radius: 14px; background: radial-gradient(at 90% 0, rgba(55, 139, 160, .17), transparent 58%), #142439; }
.co-care__note-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.co-care__closing { margin-block: 12px 20px; padding: 15px 18px; border-left: 3px solid var(--co-lime); background: rgba(18, 42, 56, .82); color: #d9eaf1; }
@media (max-width: 640px) {
  .storage-status, .co-care__note-grid { grid-template-columns: 1fr; }
  .co-care__notes { padding: 12px; }
  .storage-table { min-width: 0; }
  .storage-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
  .storage-table tbody, .storage-table tr, .storage-table th, .storage-table td { display: block; width: 100%; }
  .storage-table tr { padding: 9px 0; border-bottom: 1px solid rgba(145, 204, 242, .19); }
  .storage-table tr:last-child { border-bottom: 0; }
  .storage-table th, .storage-table td { padding: 5px 13px; border: 0; }
  .storage-table td::before { content: attr(data-label); display: block; margin-bottom: 2px; color: var(--co-cyan); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
}

/* Adult entry */
.age-gate {
  isolation: isolate;
  overflow-y: auto;
  padding: 24px;
  background:
    radial-gradient(circle at 53% 32%, rgba(57, 93, 168, .32), transparent 42%),
    radial-gradient(circle at 82% 77%, rgba(89, 49, 140, .22), transparent 38%),
    linear-gradient(135deg, rgba(3, 9, 25, .95), rgba(10, 15, 35, .92)),
    url("/images/carnival-environment.png") center / cover;
  backdrop-filter: blur(14px) saturate(.8);
}
.age-gate-card {
  width: min(470px, 100%);
  max-height: calc(100dvh - 48px);
  padding: clamp(23px, 4vw, 34px);
  border: 1px solid rgba(158, 194, 239, .35);
  border-radius: 20px;
  background: radial-gradient(circle at 100% 0, rgba(105, 78, 168, .17), transparent 42%), linear-gradient(145deg, rgba(22, 33, 60, .98), rgba(12, 20, 39, .98));
  box-shadow: inset 0 1px rgba(242, 250, 255, .12), 0 30px 85px rgba(0, 0, 0, .58), 0 0 50px rgba(67, 155, 205, .12);
  color: #edf5ff;
}
.age-gate__top { display: flex; align-items: center; gap: 11px; margin-bottom: 28px; }
.age-gate__mark { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border: 1px solid rgba(130, 198, 245, .33); border-radius: 11px; background: rgba(65, 101, 155, .15); }
.age-gate__mark img { width: 32px; height: 32px; }
.age-gate__brand { color: #f0f5ff; font: 800 .95rem/1 var(--co-display); letter-spacing: -.03em; }
.age-gate__brand span { color: #76def0; }
.age-gate__pill { margin-left: auto; padding: 6px 11px; border: 1px solid rgba(199, 242, 133, .54); border-radius: 999px; background: rgba(176, 230, 104, .11); color: #ddfcac; font-size: .76rem; font-weight: 850; white-space: nowrap; }
.age-gate__eyebrow { margin-bottom: 10px; color: #8bddea; font-size: .68rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
body.platform-body .age-gate-card h2 { max-width: none; margin: 0 0 12px; color: #f5f8ff; font: 750 clamp(1.8rem, 5vw, 2.1rem)/1.13 var(--co-display); letter-spacing: -.045em; }
.age-gate__description { max-width: 36ch; margin: 0; color: #cad8e8; font-size: .95rem; line-height: 1.55; }
.age-gate__disclosures { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 25px; }
.age-gate__disclosures span { padding: 7px 10px; border: 1px solid rgba(148, 190, 220, .26); border-radius: 7px; background: rgba(21, 50, 76, .62); color: #dbedf8; font-size: .67rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.age-gate__actions { display: grid; grid-template-columns: 1.3fr .7fr; gap: 10px; }
.age-gate__actions .button { min-height: 51px; width: 100%; padding: 11px 16px; border-radius: 10px; font-size: .84rem; line-height: 1.2; transition: transform .16s ease, filter .16s ease, box-shadow .16s ease, border-color .16s ease; }
.age-gate__confirm { border: 1px solid rgba(251, 255, 219, .7); background: linear-gradient(180deg, #e0ff94, #c9ec6f); box-shadow: inset 0 1px rgba(255, 255, 255, .6), 0 8px 20px rgba(161, 219, 80, .19), 0 2px 5px rgba(0, 0, 0, .22); color: #152130; }
.age-gate__leave { border: 1px solid rgba(160, 194, 234, .38); background: rgba(34, 49, 78, .68); box-shadow: inset 0 1px rgba(255, 255, 255, .06); color: #e3eefa; }
.age-gate__actions .button:hover { transform: translateY(-2px); filter: brightness(1.06); }
.age-gate__confirm:hover { box-shadow: inset 0 1px rgba(255, 255, 255, .7), 0 11px 24px rgba(161, 219, 80, .24); }
.age-gate__leave:hover { border-color: rgba(178, 217, 245, .62); box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 8px 20px rgba(0, 0, 0, .19); }
.age-gate__actions .button:active { transform: translateY(0) scale(.99); }
.age-gate__actions .button:focus-visible, .age-gate__legal a:focus-visible { outline: 3px solid #77e3f5; outline-offset: 3px; }
.age-gate__legal { margin: 22px 0 0; padding-top: 16px; border-top: 1px solid rgba(162, 194, 229, .16); color: #aebfd4; font-size: .75rem; line-height: 1.55; }
.age-gate__legal a { color: #d6edf8; text-underline-offset: 3px; }
.age-gate__legal a:hover { color: #fff; }
@media (max-width: 480px) {
  .age-gate { padding: 16px; }
  .age-gate-card { max-height: calc(100dvh - 32px); }
  .age-gate__top { margin-bottom: 23px; }
  .age-gate__actions { grid-template-columns: 1fr; }
}
@media (max-width: 360px) {
  .age-gate-card { padding: 20px; }
  .age-gate__top { margin-bottom: 15px; }
  .age-gate__disclosures { margin: 14px 0 16px; }
  .age-gate__actions .button { min-height: 48px; }
  .age-gate__legal { margin-top: 14px; padding-top: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .age-gate__actions .button { transition: none; }
  .age-gate__actions .button:hover, .age-gate__actions .button:active { transform: none; }
}

/* Essential storage notice */
body[data-accounts-enabled="false"] .cookie-banner {
  left: auto;
  right: 24px;
  bottom: 24px;
  width: min(540px, calc(100vw - 48px));
  max-height: min(440px, calc(100dvh - 48px));
  margin: 0;
  padding: 18px;
  gap: 12px;
  border: 1px solid rgba(143, 199, 230, .4);
  border-radius: 16px;
  background: radial-gradient(circle at 100% 0, rgba(89, 78, 157, .22), transparent 45%), linear-gradient(145deg, rgba(22, 35, 62, .98), rgba(12, 23, 43, .98));
  box-shadow: inset 0 1px rgba(234, 250, 255, .11), 0 20px 54px rgba(0, 0, 0, .48), 0 0 25px rgba(82, 168, 197, .09);
  color: #e9f3fb;
  overflow-y: auto;
}
body[data-accounts-enabled="false"] .cookie-banner:not([hidden]) { display: grid; grid-template-columns: 34px minmax(0, 1fr) 36px; align-items: start; }
.cookie-banner__mark { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(126, 219, 228, .34); border-radius: 9px; background: rgba(66, 176, 190, .11); color: #86e5ee; font-size: 1.15rem; line-height: 1; }
.cookie-banner__content { min-width: 0; }
body.platform-body .cookie-banner h2 { margin: 1px 0 7px; color: #f4f8ff; font: 750 1rem/1.2 var(--co-display); letter-spacing: -.025em; }
.cookie-banner__content p { color: #c8d8e8; font-size: .81rem; line-height: 1.55; }
.cookie-banner__actions { display: flex; align-items: center; gap: 8px; margin-top: 14px; }
.cookie-banner__details, .cookie-banner__confirm { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 9px 14px; border-radius: 9px; font: 750 .77rem/1.15 var(--co-body); text-decoration: none; cursor: pointer; transition: filter .16s ease, transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.cookie-banner__details { border: 1px solid rgba(166, 201, 235, .37); background: rgba(39, 57, 88, .65); color: #e2f1fb; }
.cookie-banner__confirm { border: 1px solid rgba(218, 252, 252, .76); background: linear-gradient(180deg, #bdf3f4, #76dce9); box-shadow: inset 0 1px rgba(255, 255, 255, .6), 0 5px 14px rgba(57, 194, 213, .15); color: #10283c; }
.cookie-banner__details:hover, .cookie-banner__confirm:hover { filter: brightness(1.06); transform: translateY(-1px); }
.cookie-banner__details:hover { border-color: rgba(194, 225, 246, .7); }
.cookie-banner__confirm:hover { box-shadow: inset 0 1px rgba(255, 255, 255, .65), 0 7px 18px rgba(57, 194, 213, .22); }
.cookie-banner__close { display: grid; width: 36px; height: 36px; place-items: center; padding: 0; border: 1px solid transparent; border-radius: 9px; background: transparent; color: #bed0e5; font-size: 1.45rem; line-height: 1; cursor: pointer; transition: background-color .16s ease, color .16s ease; }
.cookie-banner__close:hover { border-color: rgba(166, 201, 235, .25); background: rgba(130, 173, 219, .11); color: #fff; }
.cookie-banner__details:focus-visible, .cookie-banner__confirm:focus-visible, .cookie-banner__close:focus-visible { outline: 3px solid #d6fb7c; outline-offset: 2px; }
@media (max-width: 600px) {
  body[data-accounts-enabled="false"] .cookie-banner { left: 12px; right: 12px; bottom: 12px; width: auto; max-height: min(430px, calc(100dvh - 24px)); padding: 16px; }
  body[data-accounts-enabled="false"] .cookie-banner:not([hidden]) { display: block; }
  .cookie-banner__mark { display: none; }
  body.platform-body .cookie-banner h2 { padding-right: 44px; }
  .cookie-banner__close { position: absolute; right: 8px; top: 8px; width: 44px; height: 44px; }
  .cookie-banner__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .cookie-banner__details, .cookie-banner__confirm { width: 100%; min-height: 44px; padding-inline: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .cookie-banner__details, .cookie-banner__confirm, .cookie-banner__close { transition: none; }
  .cookie-banner__details:hover, .cookie-banner__confirm:hover { transform: none; }
}