:root {
  --color-bg: #050716;
  --color-bg-deep: #02030b;
  --color-surface: #0b1230;
  --color-surface-strong: #101a3e;
  --color-surface-soft: #141d3b;
  --color-text: #f8fbff;
  --color-muted: #aeb9d7;
  --color-form-text: #132244;
  --color-form-background: #fff;
  --color-cyan: #10c9ff;
  --color-cyan-light: #64e6ff;
  --color-magenta: #ff1fa2;
  --color-yellow: #ffc928;
  --color-yellow-light: #ffe269;
  --color-green: #73dd38;
  --color-border: rgb(96 211 255 / 22%);
  --font-display: ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --radius-sm: .75rem;
  --radius-md: 1.25rem;
  --radius-lg: 2rem;
  --radius-pill: 999px;
  --shadow-card: 0 24px 70px rgb(0 0 0 / 28%);
  --shadow-cyan: 0 0 34px rgb(16 201 255 / 36%);
  --shadow-yellow: 0 0 28px rgb(255 201 40 / 35%);
  --content: 76rem;
  --content-narrow: 48rem;
  --header-height: 5.75rem;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --duration-fast: 160ms;
  --duration-slow: 600ms;
  --z-header: 20;
  --z-menu: 30;
  --z-skip: 50;
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { color-scheme: dark; scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; overflow-x: hidden; color: var(--color-text); background: radial-gradient(circle at 75% 5%, rgb(38 16 86 / 30%), transparent 38rem), var(--color-bg); font-family: var(--font-body); line-height: 1.6; }
img, iframe { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration: none; }
button, select { font: inherit; }
button, a, select { -webkit-tap-highlight-color: transparent; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3, .brand, .button { font-family: var(--font-display); }
h1 { font-size: clamp(2.75rem, 6vw, 6.6rem); line-height: .98; letter-spacing: -.055em; }
h2 { font-size: clamp(1.8rem, 3vw, 3rem); line-height: 1.1; letter-spacing: -.025em; }
h3 { line-height: 1.22; }
p { color: var(--color-muted); }
ul, ol { padding-left: 1.25rem; }
::selection { color: var(--color-bg-deep); background: var(--color-cyan-light); }
:focus-visible { outline: 3px solid var(--color-yellow); outline-offset: 4px; border-radius: .25rem; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: var(--z-skip); top: .75rem; left: .75rem; padding: .8rem 1.1rem; color: var(--color-bg); background: var(--color-yellow); border-radius: var(--radius-pill); font-weight: 900; transform: translateY(-180%); transition: transform var(--duration-fast); }
.skip-link:focus { transform: translateY(0); }
main { min-height: 70vh; }
.section { width: min(var(--content), calc(100% - 2rem)); margin: 0 auto; padding: var(--space-8) 0; }
.eyebrow { margin-bottom: var(--space-3); color: var(--color-cyan-light); font-size: .78rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.button { display: inline-flex; min-height: 2.85rem; align-items: center; justify-content: center; gap: .6rem; padding: .72rem 1.35rem; border: 1px solid transparent; border-radius: var(--radius-pill); font-size: .98rem; font-weight: 900; line-height: 1; transition: transform var(--duration-fast) var(--ease), box-shadow var(--duration-fast), background var(--duration-fast); }
.button:hover { transform: translateY(-2px); }
.button--large { min-height: 3.6rem; padding-inline: 2rem; font-size: 1.12rem; }
.button--compact { min-height: 2.8rem; padding-inline: 1.45rem; }
.button--cyan { color: #001525; background: linear-gradient(135deg, var(--color-cyan-light), var(--color-cyan)); box-shadow: var(--shadow-cyan); }
.button--yellow { color: #0a1530; background: linear-gradient(135deg, var(--color-yellow-light), var(--color-yellow)); box-shadow: var(--shadow-yellow); }
.button--ghost { color: var(--color-text); border-color: var(--color-border); background: rgb(255 255 255 / 4%); }
.text-link, .back-link { color: var(--color-cyan-light); font-weight: 800; }
.text-link:hover, .back-link:hover { text-decoration: underline; }

.site-header { position: relative; z-index: var(--z-header); height: var(--header-height); background: linear-gradient(180deg, rgb(2 3 11 / 90%), transparent); }
.site-header__inner { display: grid; width: min(100% - 3rem, 100rem); height: 100%; margin: auto; grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr); align-items: center; gap: 2rem; }
.site-header__inner--maintenance { grid-template-columns: 1fr auto; }
.maintenance-mode-label { padding: .48rem .8rem; color: var(--color-cyan-light); border: 1px solid rgb(91 205 255 / 24%); border-radius: var(--radius-pill); background: rgb(10 17 43 / 74%); font-size: .75rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.brand { display: inline-flex; align-items: baseline; gap: .5rem; width: max-content; font-size: clamp(1.25rem, 2vw, 2rem); font-weight: 950; letter-spacing: -.04em; }
.brand__kids { display: inline-flex; gap: .04em; font-style: normal; }
.brand__kids i { font-style: normal; }
.brand__kids i:nth-child(1) { color: #ff343d; }
.brand__kids i:nth-child(2) { color: #ffd72f; }
.brand__kids i:nth-child(3) { color: #5ddd37; }
.brand__kids i:nth-child(4) { color: #258dff; }
.main-nav ul { display: flex; margin: 0; padding: 0; align-items: center; gap: clamp(1.2rem, 2.5vw, 2.7rem); list-style: none; }
.main-nav a { position: relative; display: block; padding: 1rem .1rem; font-family: var(--font-display); font-weight: 800; white-space: nowrap; }
.main-nav a::after { position: absolute; right: 0; bottom: .45rem; left: 0; height: 3px; background: var(--color-cyan); border-radius: 2px; box-shadow: 0 0 12px var(--color-cyan); content: ""; opacity: 0; transform: scaleX(.5); transition: opacity var(--duration-fast), transform var(--duration-fast); }
.main-nav a:hover::after, .main-nav a[aria-current="page"]::after { opacity: 1; transform: scaleX(1); }
.nav-account-mobile { display: none; }
.header-actions { display: flex; justify-self: end; align-items: center; gap: .8rem; }
.maintenance-header-actions { display: flex; align-items: center; gap: .8rem; }
.theme-toggle { display: grid; width: 2.7rem; height: 2.7rem; flex: none; padding: .62rem; place-items: center; color: var(--color-text); border: 1px solid var(--color-border); border-radius: 50%; background: rgb(10 17 43 / 90%); cursor: pointer; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 3%); transition: color var(--duration-fast), border-color var(--duration-fast), background var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast) var(--ease); }
.theme-toggle:hover { color: var(--color-yellow-light); border-color: rgb(255 201 40 / 65%); box-shadow: var(--shadow-yellow); transform: translateY(-2px); }
.theme-toggle__icon { width: 1.3rem; height: 1.3rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.theme-toggle__icon--dark { display: none; }
html[data-theme="light"] .theme-toggle__icon--light { display: none; }
html[data-theme="light"] .theme-toggle__icon--dark { display: block; }
.language-picker { position: relative; }
.language-picker__trigger { display: flex; min-width: 7.8rem; min-height: 2.7rem; padding: .5rem .65rem; align-items: center; gap: .5rem; color: var(--color-text); border: 1px solid var(--color-border); border-radius: var(--radius-pill); background: #0b1230; cursor: pointer; font: inherit; }
.language-picker__trigger:hover, .language-picker__trigger[aria-expanded="true"] { border-color: rgb(91 205 255 / 55%); }
.language-picker__flag { width: 1.35rem; height: .9rem; flex: none; overflow: hidden; border: 1px solid rgb(255 255 255 / 24%); border-radius: .14rem; box-shadow: 0 1px 2px rgb(0 0 0 / 24%); }
.language-picker__current { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.language-picker__chevron { width: .9rem; height: .9rem; margin-left: auto; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition: transform var(--duration-fast); }
.language-picker__trigger[aria-expanded="true"] .language-picker__chevron { transform: rotate(180deg); }
.language-picker__panel { position: absolute; z-index: var(--z-menu); top: calc(100% + .45rem); right: 0; width: 13rem; padding: .35rem; border: 1px solid var(--color-border); border-radius: .8rem; background: #0b1230; box-shadow: var(--shadow-card); }
.language-picker__panel[hidden] { display: none; }
.language-picker__search { position: relative; display: block; margin-bottom: .25rem; }
.language-picker__search svg { position: absolute; top: 50%; left: .65rem; width: 1rem; height: 1rem; fill: none; stroke: var(--color-muted); stroke-width: 1.6; stroke-linecap: round; transform: translateY(-50%); pointer-events: none; }
.language-picker__search input { width: 100%; min-height: 2.45rem; padding: .45rem .65rem .45rem 2rem; color: var(--color-text); border: 1px solid rgb(91 205 255 / 20%); border-radius: .55rem; outline: none; background: rgb(4 8 26 / 72%); font: inherit; font-size: .88rem; }
.language-picker__search input:focus { border-color: var(--color-cyan); box-shadow: 0 0 0 2px rgb(91 205 255 / 15%); }
.language-picker__search input::placeholder { color: var(--color-muted); opacity: 1; }
.language-picker__list { display: grid; gap: .12rem; }
.language-picker__option { display: grid; min-height: 2.45rem; padding: .45rem .55rem; grid-template-columns: 1.35rem 1fr 1rem; align-items: center; gap: .5rem; border-radius: .5rem; font-size: .9rem; }
.language-picker__option:hover, .language-picker__option:focus-visible { color: var(--color-text); outline: none; background: rgb(91 205 255 / 12%); }
.language-picker__check { color: var(--color-cyan-light); opacity: 0; }
.language-picker__option[aria-selected="true"] { background: rgb(91 205 255 / 9%); }
.language-picker__option[aria-selected="true"] .language-picker__check { opacity: 1; }
.language-picker__empty { margin: .25rem 0 0; padding: .65rem; color: var(--color-muted); font-size: .85rem; text-align: center; }
.menu-button { display: none; width: 3rem; height: 3rem; padding: .7rem; border: 1px solid var(--color-border); border-radius: 50%; color: var(--color-text); background: rgb(10 17 43 / 90%); }
.menu-button span { display: block; width: 100%; height: 2px; margin: 4px 0; background: currentColor; transition: transform var(--duration-fast), opacity var(--duration-fast); }
.menu-button[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.menu-button[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-button[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.tag-row { display: flex; flex-wrap: wrap; gap: .55rem; }
.tag-row span { padding: .35rem .7rem; color: var(--color-cyan-light); border: 1px solid var(--color-border); border-radius: var(--radius-pill); background: rgb(14 29 67 / 75%); font-size: .78rem; font-weight: 800; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.section-heading h2 { margin-bottom: .5rem; }
.section-heading p { margin-bottom: 0; }
.info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin-top: 2rem; }
.info-grid article, .privacy-panel, .callout, .faq-list details, .blog-card, .mini-game { border: 1px solid rgb(91 205 255 / 13%); background: linear-gradient(145deg, rgb(17 28 66 / 92%), rgb(7 12 33 / 94%)); box-shadow: var(--shadow-card); }
.info-grid article { padding: 1.6rem; border-radius: var(--radius-md); }
.info-grid h3 { margin: 1rem 0 .5rem; }
.info-grid p { margin: 0; font-size: .94rem; }
.info-icon { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; color: #06142a; background: var(--color-cyan); border-radius: 50%; box-shadow: var(--shadow-cyan); font-weight: 950; }
.info-icon--image { width: 5.25rem; height: 5.25rem; margin: -.35rem 0 -.15rem; object-fit: contain; background: radial-gradient(circle, rgb(16 201 255 / 16%), transparent 68%); border-radius: 1.35rem; box-shadow: none; filter: drop-shadow(0 .65rem .8rem rgb(0 0 0 / 28%)); }
.callout { padding: clamp(2rem, 5vw, 4rem); text-align: center; border-radius: var(--radius-lg); }
.callout > p { max-width: 46rem; margin: 0 auto 1.6rem; }
.callout > div { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; }
.site-footer { position: relative; margin-top: var(--space-8); padding: 3.5rem max(1rem, calc((100% - var(--content)) / 2)); border-top: 1px solid var(--color-border); background: #030511; }
.site-footer::before { position: absolute; top: -1px; left: 12%; width: 30%; height: 1px; background: var(--color-cyan); box-shadow: 0 0 18px var(--color-cyan); content: ""; }
.site-footer__inner { display: grid; grid-template-columns: .8fr 1.2fr; gap: 4rem; }
.footer-brand { margin-bottom: .4rem; color: var(--color-text); font-family: var(--font-display); font-size: 1.5rem; font-weight: 900; }
.footer-brand span { color: var(--color-cyan); }
.site-footer h2 { font-size: 1rem; }
.site-footer ul { display: grid; margin: 0; padding: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem 1.5rem; list-style: none; }
.site-footer a { color: var(--color-muted); font-size: .88rem; }
.site-footer a:hover { color: var(--color-cyan-light); }
.site-footer__copyright { margin: 2.5rem 0 0; padding-top: 1.25rem; border-top: 1px solid rgb(255 255 255 / 7%); font-size: .78rem; }
.fallback-note { padding: .9rem 1rem; color: var(--color-yellow-light); border: 1px solid rgb(255 201 40 / 30%); border-radius: var(--radius-sm); background: rgb(255 201 40 / 7%); font-size: .88rem; }

.cinematic-hero { position: relative; width: min(100% - 2rem, 100rem); min-height: min(54rem, calc(100svh - 1rem)); margin: calc(var(--header-height) * -1) auto 0; padding: calc(var(--header-height) + 4rem) clamp(2rem, 5vw, 5rem) 11rem; overflow: hidden; border: 1px solid rgb(72 197 255 / 13%); border-radius: 0 0 var(--radius-lg) var(--radius-lg); background: radial-gradient(circle at 72% 42%, rgb(11 72 183 / 30%), transparent 25rem), radial-gradient(circle at 78% 46%, rgb(255 20 156 / 20%), transparent 35rem), linear-gradient(120deg, #02030b 10%, #05091c 65%, #071333); box-shadow: 0 35px 100px rgb(0 0 0 / 38%); }
.hero-copy { position: relative; z-index: 3; width: 47%; padding-top: clamp(3rem, 7vh, 6rem); }
.hero-copy h1 { max-width: 10ch; margin-bottom: 1.6rem; }
.hero-intro { max-width: 33rem; font-size: clamp(1rem, 1.4vw, 1.2rem); font-weight: 600; }
.trust-row { display: flex; flex-wrap: wrap; gap: 1.4rem; margin: 2rem 0; font-family: var(--font-display); font-weight: 850; }
.trust-row span { display: inline-flex; align-items: center; gap: .65rem; }
.trust-row__icon { width: 3rem; height: 3rem; flex: none; object-fit: contain; filter: drop-shadow(0 .45rem .65rem rgb(0 0 0 / 30%)); }
.trust-row b { display: grid; width: 2.35rem; height: 2.35rem; place-items: center; color: #031526; background: var(--color-cyan); border-radius: 50%; box-shadow: var(--shadow-cyan); }
.trust-row span:nth-child(2) b { background: var(--color-green); box-shadow: 0 0 28px rgb(115 221 56 / 35%); }
.hero-visual { position: absolute; z-index: 2; top: 8%; right: -1%; bottom: 9rem; width: 58%; }
.hero-bear { position: absolute; z-index: 2; right: 4%; bottom: -10%; width: min(40rem, 76%); aspect-ratio: 1; filter: drop-shadow(0 28px 35px rgb(0 0 0 / 45%)); transform-origin: 50% 96%; animation: bear-pop .7s cubic-bezier(.22, 1, .36, 1) both, bear-hop 2.4s cubic-bezier(.33, 0, .3, 1) .6s infinite; will-change: transform; }
.hero-bear__sway { position: relative; width: 100%; height: 100%; transform-origin: 50% 94%; animation: bear-sway 2.4s ease-in-out .6s infinite alternate; will-change: transform; }
.hero-bear__frame { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.hero-bear__frame--wave, .hero-bear__frame--blink { opacity: 0; }
.hero-bear__frame--idle { animation: bear-idle-frames 3.2s steps(1, end) .6s infinite; }
.hero-bear__frame--wave { animation: bear-wave-frames 3.2s steps(1, end) .6s infinite; }
.hero-bear__frame--blink { animation: bear-blink-frames 3.2s steps(1, end) .6s infinite; }
@keyframes bear-pop { 0% { opacity: 0; transform: scale(.85) translateY(20px); } 60% { opacity: 1; transform: scale(1.04) translateY(-6px); } 100% { opacity: 1; transform: scale(1) translateY(0); } }
@keyframes bear-hop { 0%, 100% { transform: translateY(0) scale(1); } 30% { transform: translateY(-10px) scale(.995, 1.01); } 55% { transform: translateY(0) scale(1.01, .99); } 75% { transform: translateY(-4px) scale(1); } }
@keyframes bear-sway { 0%, 100% { transform: rotate(-1.4deg); } 50% { transform: rotate(1.4deg); } }
@keyframes bear-wave-frames {
  0%, 3%, 8%, 10%, 15%, 17%, 22%, 24%, 29%, 46%, 51%, 53%, 58%, 60%, 65%, 81%, 86%, 100% { opacity: 0; }
  4%, 7%, 11%, 14%, 18%, 21%, 25%, 28%, 47%, 50%, 54%, 57%, 61%, 64%, 82%, 85% { opacity: 1; }
}
@keyframes bear-blink-frames {
  0%, 32%, 36%, 38%, 42%, 67%, 71%, 73%, 77%, 89%, 93%, 100% { opacity: 0; }
  33%, 35%, 39%, 41%, 68%, 70%, 74%, 76%, 90%, 92% { opacity: 1; }
}
@keyframes bear-idle-frames {
  0%, 3%, 8%, 10%, 15%, 17%, 22%, 24%, 29%, 46%, 51%, 53%, 58%, 60%, 65%, 81%, 86%, 100% { opacity: 1; }
  4%, 7%, 11%, 14%, 18%, 21%, 25%, 28%, 47%, 50%, 54%, 57%, 61%, 64%, 82%, 85% { opacity: 0; }
}
.portal { position: absolute; inset: 2% 0 0 2%; }
.portal span { position: absolute; inset: 7% 3% 1% 1%; border: clamp(.6rem, 1vw, 1.15rem) solid var(--color-cyan); border-radius: 50%; filter: drop-shadow(0 0 10px var(--color-cyan)); transform: rotate(-10deg); }
.portal span::before, .portal span::after { position: absolute; inset: -2.1rem; border: .7rem solid var(--color-magenta); border-radius: inherit; box-shadow: inset 0 0 18px var(--color-magenta), 0 0 24px var(--color-magenta); content: ""; }
.portal span::after { inset: -4.4rem; border-width: .22rem; border-color: var(--color-cyan-light); opacity: .65; }
.portal span:nth-child(2) { inset: 12% 6% -4% -3%; border-color: var(--color-magenta); opacity: .55; transform: rotate(8deg); }
.portal span:nth-child(3) { inset: 2% -3% 8% 8%; border-width: .25rem; border-color: var(--color-yellow); opacity: .7; transform: rotate(16deg); }
.product-dock { position: absolute; z-index: 5; right: 2.5rem; bottom: 1rem; left: 2.5rem; display: grid; min-height: 8.7rem; padding: 1rem 2rem; grid-template-columns: 7rem 1fr auto; align-items: center; gap: 1.5rem; border: 1px solid rgb(45 199 255 / 64%); border-radius: var(--radius-lg); background: linear-gradient(110deg, rgb(6 15 44 / 94%), rgb(10 24 56 / 88%)); box-shadow: 0 0 30px rgb(10 167 255 / 20%), 0 25px 55px rgb(0 0 0 / 45%); backdrop-filter: blur(12px); }
.product-dock > img { width: 7rem; border-radius: 1.3rem; box-shadow: var(--shadow-yellow); }
.product-dock h2 { margin-bottom: .65rem; font-size: clamp(1.55rem, 2.6vw, 2.65rem); }
.product-dock__title > div { display: flex; flex-wrap: wrap; gap: 1.4rem; color: var(--color-muted); font-weight: 750; }
.blog-feature { display: grid; padding: clamp(1.5rem, 4vw, 3.2rem); grid-template-columns: 1fr 12rem; align-items: center; gap: 2rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: linear-gradient(135deg, var(--color-surface-strong), var(--color-surface)); box-shadow: var(--shadow-card); }
.blog-feature img { border-radius: var(--radius-md); }
.blog-feature time, .blog-card time, .article__meta { color: var(--color-cyan-light); font-size: .8rem; font-weight: 800; }
.blog-feature h3 { margin: .65rem 0; font-size: clamp(1.45rem, 3vw, 2.5rem); }
.blog-feature span { color: var(--color-cyan-light); font-weight: 800; }
.page-hero { display: grid; width: min(var(--content), calc(100% - 2rem)); min-height: 25rem; margin: 2rem auto 0; padding: clamp(2rem, 6vw, 5rem); grid-template-columns: 1.25fr .75fr; align-items: center; gap: 3rem; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: radial-gradient(circle at 85% 20%, rgb(255 31 162 / 20%), transparent 19rem), linear-gradient(135deg, #0b1433, #06091d); box-shadow: var(--shadow-card); }
.page-hero h1 { margin-bottom: 1.4rem; font-size: clamp(2.8rem, 6vw, 5.6rem); }
.page-hero p:last-child { max-width: 45rem; margin-bottom: 0; font-size: 1.05rem; }
.page-hero--compact { display: block; min-height: 20rem; padding-right: min(35%, 20rem); }
.mini-portal { position: relative; align-self: end; }
.mini-portal::before { position: absolute; inset: 18% 0 5%; border: .5rem solid var(--color-magenta); border-radius: 50%; box-shadow: 0 0 35px var(--color-magenta), inset 0 0 20px var(--color-cyan); content: ""; }
.mini-portal img { position: relative; z-index: 1; max-height: 20rem; margin: auto; object-fit: contain; }
.game-card--featured { display: grid; max-width: 66rem; margin: auto; padding: clamp(1rem, 3vw, 2rem); grid-template-columns: minmax(13rem, 25rem) 1fr; align-items: center; gap: clamp(2rem, 5vw, 4rem); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: linear-gradient(135deg, var(--color-surface-strong), var(--color-surface)); box-shadow: var(--shadow-card); }
.game-card--featured > img { filter: drop-shadow(0 0 14px rgb(255 201 40 / 35%)); }
.game-card--featured h2 { margin: 1.2rem 0; }
.game-card--featured .button { margin-top: 1rem; }
.game-title { grid-template-columns: 12rem 1fr; min-height: auto; }
.game-title > img { border-radius: var(--radius-md); box-shadow: var(--shadow-yellow); }
.game-title h1 { margin: 1rem 0; }
.game-stage { width: min(var(--content), calc(100% - 2rem)); aspect-ratio: 1.707 / 1; margin: 2rem auto 0; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: #02030a; box-shadow: var(--shadow-card); }
.game-stage iframe { width: 100%; height: 100%; border: 0; }
.game-stage iframe[hidden], .game-placeholder[hidden], .game-file-notice[hidden] { display: none; }
.purchase-panel { display: grid; width: min(var(--content), calc(100% - 2rem)); margin: 2rem auto 0; padding: clamp(1.25rem, 4vw, 2.5rem); grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); align-items: center; gap: clamp(1.5rem, 4vw, 3rem); border: 1px solid rgb(255 201 40 / 32%); border-radius: var(--radius-lg); background: radial-gradient(circle at 0 0, rgb(255 201 40 / 15%), transparent 24rem), linear-gradient(145deg, var(--color-surface-strong), var(--color-surface)); box-shadow: var(--shadow-card); }
.purchase-panel h2 { margin: .6rem 0 1rem; font-size: clamp(1.7rem, 4vw, 2.75rem); }
.purchase-panel__copy > p:not(.eyebrow), .purchase-panel__action p { color: var(--color-muted); }
.purchase-panel__test { width: fit-content; margin-top: 1.15rem; padding: .45rem .75rem; color: #fff1b2 !important; border: 1px solid rgb(255 201 40 / 30%); border-radius: 999px; background: rgb(255 201 40 / 8%); font-size: .8rem; font-weight: 800; }
.purchase-panel__action { min-height: 10rem; padding: 1.25rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: rgb(2 6 20 / 55%); }
.purchase-panel__action > div { display: grid; align-content: center; min-height: 7rem; gap: .8rem; }
.purchase-panel__action > div[hidden] { display: none; }
.purchase-panel__action .account-spinner { width: 2.4rem; height: 2.4rem; margin: 0; }
.purchase-panel__action .button { width: 100%; }
.purchase-panel__owned { color: #c8ffac !important; font-weight: 850; }
.purchase-authorization { display: grid; gap: .6rem; }
.purchase-authorization label { color: var(--color-text); font-weight: 850; }
.purchase-authorization input { width: 100%; padding: .8rem 1rem; color: var(--color-text); border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: rgb(255 255 255 / 6%); font: 800 1.35rem/1 var(--font-display); letter-spacing: .28em; text-align: center; }
.purchase-authorization input:focus-visible { border-color: var(--color-cyan); outline: 3px solid rgb(41 211 255 / 22%); outline-offset: 2px; }
.purchase-authorization .form-hint { margin: 0; font-size: .82rem; }
.browser-auth-dialog { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; padding: 1rem; }
.browser-auth-dialog[hidden] { display: none; }
.browser-auth-dialog__backdrop { position: absolute; inset: 0; background: rgb(1 4 14 / 82%); backdrop-filter: blur(.45rem); }
.browser-auth-dialog__panel { position: relative; width: min(34rem, 100%); max-height: min(44rem, calc(100dvh - 2rem)); overflow-y: auto; padding: clamp(1.35rem, 5vw, 2.35rem); border: 1px solid rgb(41 211 255 / 35%); border-radius: var(--radius-lg); background: radial-gradient(circle at 100% 0, rgb(41 211 255 / 12%), transparent 18rem), var(--color-surface-strong); box-shadow: 0 1.5rem 5rem rgb(0 0 0 / 55%); }
.browser-auth-dialog__panel h2 { margin: .35rem 2.5rem .7rem 0; font-size: clamp(1.55rem, 6vw, 2.25rem); }
.browser-auth-dialog__panel > div > p:not(.eyebrow) { color: var(--color-muted); }
.browser-auth-dialog__close { position: absolute; z-index: 1; top: .75rem; right: .75rem; width: 2.75rem; height: 2.75rem; color: var(--color-text); border: 1px solid var(--color-border); border-radius: 50%; background: rgb(255 255 255 / 6%); font-size: 1.65rem; line-height: 1; cursor: pointer; }
.browser-auth-dialog__form { display: grid; gap: .8rem; margin: 1.25rem 0; }
.browser-auth-dialog__form > label:not(.browser-auth-dialog__confirmation) { font-weight: 850; }
.browser-auth-dialog__form > input { width: 100%; padding: .9rem 1rem; color: var(--color-text); border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: rgb(255 255 255 / 6%); font: inherit; }
.browser-auth-dialog__form > input:focus-visible, .browser-auth-dialog__close:focus-visible { border-color: var(--color-cyan); outline: 3px solid rgb(41 211 255 / 28%); outline-offset: 2px; }
.browser-auth-dialog__form input[name="token"] { font: 800 1.35rem/1 var(--font-display); letter-spacing: .28em; text-align: center; }
.browser-auth-dialog__confirmation { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: .65rem; color: var(--color-muted); font-size: .92rem; }
.browser-auth-dialog__confirmation input { width: 1.2rem; height: 1.2rem; margin-top: .1rem; accent-color: var(--color-yellow); }
.game-placeholder, .game-file-notice { display: grid; width: 100%; height: 100%; padding: 2rem; place-content: center; gap: .9rem; text-align: center; background: radial-gradient(circle, rgb(17 89 154 / 35%), transparent 45%), repeating-linear-gradient(45deg, rgb(255 255 255 / 2%) 0 1px, transparent 1px 14px); }
.game-placeholder > span, .game-file-notice > span { color: var(--color-cyan); font-size: 3rem; }
.game-placeholder p, .game-file-notice p { max-width: 42rem; }
.game-placeholder .button { min-width: min(100%, 14rem); justify-self: center; }
.game-stage[data-unity-state="loading"] .game-placeholder > span { animation: account-spin 1.1s linear infinite; }
.game-file-notice code { display: inline-block; padding: .65rem 1rem; color: var(--color-yellow-light); border: 1px solid rgb(255 201 40 / 35%); border-radius: var(--radius-sm); background: rgb(255 201 40 / 8%); font-size: 1rem; font-weight: 800; }
.mini-games { display: grid; margin: 1.5rem 0 0; padding: 0; grid-template-columns: repeat(3, 1fr); gap: 1rem; list-style: none; }
.mini-game { display: flex; min-width: 0; padding: 1rem; gap: 1rem; border-radius: var(--radius-md); }
.mini-game img { width: 5.25rem; height: 5.25rem; flex: none; object-fit: cover; border-radius: var(--radius-sm); }
.mini-game h3 { margin-bottom: .3rem; font-size: 1rem; }
.mini-game p { margin: 0; font-size: .82rem; line-height: 1.45; }
.guided-section { position: relative; display: grid; padding: clamp(1.5rem, 4vw, 3rem); grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(2rem, 5vw, 4rem); overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: radial-gradient(circle at 100% 100%, rgb(16 201 255 / 12%), transparent 24rem), linear-gradient(145deg, rgb(17 28 66 / 94%), rgb(7 12 33 / 97%)); box-shadow: var(--shadow-card); }
.guided-section + .guided-section { margin-top: var(--space-6); }
.full-version-section { border-color: rgb(255 201 40 / 28%); background: radial-gradient(circle at 0 0, rgb(255 201 40 / 14%), transparent 22rem), radial-gradient(circle at 100% 100%, rgb(16 201 255 / 10%), transparent 24rem), linear-gradient(145deg, rgb(17 28 66 / 94%), rgb(7 12 33 / 97%)); }
.guided-section__copy { position: relative; z-index: 1; }
.guided-section__copy h2 { margin-bottom: 1rem; }
.guided-section__copy > p:last-child { margin: 0; }
.numbered-cards { position: relative; z-index: 1; display: grid; margin: 0; padding: 0; gap: .85rem; list-style: none; }
.numbered-cards li { display: grid; min-height: 4.5rem; padding: 1rem 1.1rem; grid-template-columns: 2.45rem 1fr; align-items: start; gap: .9rem; border: 1px solid rgb(91 205 255 / 14%); border-radius: var(--radius-sm); background: rgb(2 6 20 / 42%); }
.numbered-cards li > span { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; color: #06142a; background: var(--color-cyan); border-radius: 50%; box-shadow: var(--shadow-cyan); font-family: var(--font-display); font-size: .78rem; font-weight: 950; }
.numbered-cards h3 { margin: 0 0 .3rem; font-size: 1rem; }
.numbered-cards p { margin: 0; color: var(--color-muted); font-size: .88rem; line-height: 1.55; }
.faq-list { display: grid; margin-top: 1.5rem; gap: .8rem; }
.faq-list details { padding: 1rem 1.2rem; border-radius: var(--radius-sm); }
.faq-list summary { cursor: pointer; font-family: var(--font-display); font-weight: 850; }
.faq-list p { margin: .8rem 0 0; }
.privacy-panel { border-radius: var(--radius-lg); }
.privacy-panel ul { display: grid; gap: .6rem; color: var(--color-muted); }
.about-privacy { margin-top: var(--space-7); padding: clamp(2rem, 5vw, 4rem); text-align: center; }
.about-privacy > .eyebrow { margin-bottom: .65rem; }
.about-privacy > h2 { margin-bottom: 0; }
.about-privacy ul { margin: 2rem 0 0; padding: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; list-style: none; }
.about-privacy li { display: grid; min-width: 0; padding: 1.15rem; grid-template-columns: 2rem minmax(0, 1fr); align-items: start; gap: .75rem; color: var(--color-muted); border: 1px solid rgb(91 205 255 / 13%); border-radius: var(--radius-sm); background: rgb(2 6 20 / 38%); line-height: 1.55; text-align: left; }
.about-privacy li::before { display: grid; width: 2rem; height: 2rem; place-items: center; color: #031526; background: var(--color-cyan); border-radius: 50%; box-shadow: var(--shadow-cyan); content: "✓"; font-weight: 950; }
.privacy-panel__link { display: inline-flex; margin-top: 1.5rem; align-items: center; justify-content: center; }
.blog-list { display: grid; gap: 1.3rem; }
.blog-card { display: grid; padding: 1.4rem; grid-template-columns: 10rem 1fr; align-items: center; gap: 2rem; border-radius: var(--radius-md); }
.blog-card img { border-radius: var(--radius-sm); }
.blog-card h2 { margin: .45rem 0 .7rem; font-size: clamp(1.4rem, 3vw, 2.2rem); }
.article, .legal-page { width: min(var(--content-narrow), calc(100% - 2rem)); margin: 3rem auto 0; }
.article > header, .legal-page > header { margin: 2rem 0 3rem; padding-bottom: 2rem; border-bottom: 1px solid var(--color-border); }
.article h1, .legal-page h1 { margin: 1.2rem 0; font-size: clamp(2.6rem, 7vw, 5.2rem); }
.article__lead, .legal-page header > p:last-child { color: #d6def3; font-size: 1.18rem; }
.article__cover { width: 100%; max-height: 34rem; margin: 0 0 3rem; object-fit: cover; border: 1px solid var(--color-border); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); }
.article > section, .legal-page > section { margin: 3rem 0; }
.article > section h2, .legal-page > section h2 { margin-bottom: 1.2rem; font-size: clamp(1.55rem, 3vw, 2.2rem); }
.article > section p, .article > p, .legal-body { font-size: 1.02rem; line-height: 1.8; }
.article aside { margin-top: 3rem; padding: 1.7rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.blog-comments { width: min(var(--content-narrow), calc(100% - 2rem)); margin: 4rem auto 0; padding-top: 3rem; border-top: 1px solid var(--color-border); }
.blog-comments__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; }
.blog-comments__header h2 { margin: .35rem 0 .6rem; font-size: clamp(2rem, 5vw, 3.4rem); }
.blog-comments__header p { max-width: 44rem; }
.blog-comments__count { flex: 0 0 auto; color: var(--color-cyan-light); font-family: var(--font-display); font-size: .9rem; font-weight: 850; }
.blog-comments__list { display: grid; margin-top: 1.8rem; gap: 1rem; }
.blog-comments__state { margin: 0; padding: 1.2rem; color: var(--color-muted); border: 1px dashed var(--color-border); border-radius: var(--radius-sm); text-align: center; }
.blog-comment { padding: 1.2rem 1.35rem; border: 1px solid rgb(91 205 255 / 16%); border-radius: var(--radius-sm); background: var(--color-surface); box-shadow: 0 12px 30px rgb(0 0 0 / 12%); }
.blog-comment header { display: flex; align-items: center; gap: .65rem; }
.blog-comment header strong { font-family: var(--font-display); font-weight: 900; }
.blog-comment time { margin-inline-start: auto; color: var(--color-muted); font-size: .78rem; }
.blog-comment__badge { padding: .22rem .55rem; color: var(--color-cyan-light); border: 1px solid rgb(16 201 255 / 24%); border-radius: 999px; background: rgb(16 201 255 / 7%); font-size: .7rem; font-weight: 850; }
.blog-comment > p { margin: .8rem 0 0; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.blog-comment-form-card { margin-top: 2rem; padding: clamp(1.3rem, 4vw, 2rem); border: 1px solid rgb(91 205 255 / 18%); border-radius: var(--radius-md); background: linear-gradient(145deg, rgb(17 28 66 / 92%), rgb(7 12 33 / 94%)); box-shadow: var(--shadow-card); }
.blog-comment-form-card h3 { margin: 0 0 .45rem; font-size: clamp(1.45rem, 3vw, 2rem); }
.blog-comments__mode { margin: 0; color: var(--color-muted); font-size: .9rem; }
.blog-comments__mode a, .blog-comment-form__privacy a { color: var(--color-cyan-light); font-weight: 800; }
.blog-comment-form { display: grid; margin-top: 1.5rem; gap: .75rem; }
.blog-comment-form > label:not(.blog-comment-form__consent) { font-family: var(--font-display); font-size: .9rem; font-weight: 850; }
.blog-comment-form input[type="text"], .blog-comment-form textarea { width: 100%; padding: .85rem 1rem; color: var(--color-text); border: 1px solid rgb(91 205 255 / 28%); border-radius: var(--radius-sm); outline: none; background: rgb(2 6 20 / 78%); font: inherit; transition: border-color var(--duration-fast), box-shadow var(--duration-fast); }
.blog-comment-form input[type="text"] { min-height: 3.4rem; }
.blog-comment-form textarea { min-height: 9rem; resize: vertical; line-height: 1.55; }
.blog-comment-form input:focus-visible, .blog-comment-form textarea:focus-visible { border-color: var(--color-cyan); box-shadow: 0 0 0 3px rgb(16 201 255 / 16%), var(--shadow-cyan); }
.blog-comment-form input::placeholder, .blog-comment-form textarea::placeholder { color: #74819e; }
.blog-comment-form__counter { justify-self: end; color: var(--color-muted); font-size: .8rem; font-variant-numeric: tabular-nums; }
.blog-comment-form__consent { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: .65rem; color: var(--color-muted); font-size: .88rem; line-height: 1.5; }
.blog-comment-form__consent input { width: 1.15rem; height: 1.15rem; margin-top: .15rem; accent-color: var(--color-cyan); }
.blog-comment-form__privacy { margin: .35rem 0; color: var(--color-muted); font-size: .82rem; line-height: 1.55; }
.blog-comment-form .button { justify-self: start; }
.blog-comments__status { margin: 1rem 0 0; padding: .9rem 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: rgb(255 255 255 / 4%); font-size: .9rem; font-weight: 750; }
.blog-comments__status[hidden] { display: none; }
.blog-comments__status[data-tone="success"] { color: #c8ffac; border-color: rgb(115 221 56 / 38%); background: rgb(115 221 56 / 9%); }
.blog-comments__status[data-tone="error"] { color: #ffd6dc; border-color: rgb(255 72 101 / 45%); background: rgb(255 72 101 / 9%); }
.legal-page a { color: var(--color-cyan-light); text-decoration: underline; text-underline-offset: 3px; }
.legal-page > .button { margin-top: 1rem; color: #001525; text-decoration: none; }
.form-box { padding: 1.5rem; color: #dbe6ff; border: 1px dashed var(--color-border); border-radius: var(--radius-sm); background: rgb(255 255 255 / 3%); font-family: ui-monospace, monospace; white-space: normal; }
.legal-small { font-size: .84rem; }
.error-page { display: grid; width: min(42rem, calc(100% - 2rem)); min-height: 65vh; margin: auto; padding: 4rem 0; place-content: center; text-align: center; }
.error-page > span { color: var(--color-magenta); font-family: var(--font-display); font-size: clamp(5rem, 20vw, 11rem); font-weight: 950; line-height: 1; text-shadow: 0 0 45px rgb(255 31 162 / 35%); }
.error-page h1 { margin: 1rem 0; font-size: clamp(2rem, 6vw, 3.6rem); }
.error-page .button { justify-self: center; margin-top: 1rem; }
.maintenance-hero { position: relative; display: grid; width: min(80rem, calc(100% - 2rem)); min-height: clamp(40rem, 72vh, 54rem); margin: 1rem auto 0; padding: clamp(2rem, 5vw, 5rem); grid-template-columns: minmax(0, 1.08fr) minmax(18rem, .92fr); align-items: center; gap: clamp(2rem, 5vw, 5rem); overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: radial-gradient(circle at 78% 38%, rgb(16 201 255 / 19%), transparent 22rem), radial-gradient(circle at 12% 92%, rgb(255 31 162 / 13%), transparent 24rem), linear-gradient(145deg, #0b1433, #050718 72%); box-shadow: var(--shadow-card); isolation: isolate; }
.maintenance-hero::before { position: absolute; inset: 0; z-index: -2; background-image: linear-gradient(rgb(255 255 255 / 2%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 2%) 1px, transparent 1px); background-size: 3.5rem 3.5rem; mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 75%, transparent); content: ""; }
.maintenance-hero__copy { position: relative; z-index: 3; }
.maintenance-language-switcher { display: flex; width: fit-content; margin-bottom: 1.5rem; padding: .42rem .48rem .42rem .8rem; align-items: center; gap: .7rem; border: 1px solid rgb(91 205 255 / 24%); border-radius: var(--radius-pill); background: rgb(2 6 20 / 58%); }
.maintenance-language-switcher > span { color: var(--color-muted); font-size: .72rem; font-weight: 800; white-space: nowrap; }
.maintenance-language-switcher > div { display: flex; gap: .2rem; }
.maintenance-language-switcher a { display: grid; min-width: 2rem; min-height: 2rem; padding: .3rem; place-items: center; color: var(--color-muted); border: 1px solid transparent; border-radius: 50%; font-family: var(--font-display); font-size: .7rem; font-weight: 900; text-decoration: none; transition: color var(--duration-fast), border-color var(--duration-fast), background var(--duration-fast), box-shadow var(--duration-fast); }
.maintenance-language-switcher a:hover { color: var(--color-cyan-light); border-color: rgb(91 205 255 / 35%); }
.maintenance-language-switcher a[aria-current="page"] { color: #001525; border-color: var(--color-cyan-light); background: var(--color-cyan-light); box-shadow: 0 0 16px rgb(16 201 255 / 26%); }
.maintenance-hero h1 { max-width: 12ch; margin: 0 0 1.5rem; font-size: clamp(2.8rem, 6.5vw, 6rem); line-height: .98; text-wrap: balance; }
.maintenance-hero__intro { max-width: 42rem; margin-bottom: 1.8rem; color: #d6def3; font-size: clamp(1rem, 2vw, 1.18rem); line-height: 1.75; }
.maintenance-status { display: flex; width: fit-content; max-width: 100%; margin-bottom: 1.5rem; padding: .85rem 1rem; align-items: center; gap: .85rem; border: 1px solid rgb(91 205 255 / 26%); border-radius: var(--radius-sm); background: rgb(2 6 20 / 62%); box-shadow: inset 0 0 24px rgb(16 201 255 / 6%); }
.maintenance-status__signal { position: relative; width: .72rem; height: .72rem; flex: none; background: var(--color-yellow); border-radius: 50%; box-shadow: 0 0 0 .3rem rgb(255 201 40 / 12%), 0 0 18px var(--color-yellow); }
.maintenance-status__signal::after { position: absolute; inset: -.35rem; border: 1px solid rgb(255 201 40 / 58%); border-radius: inherit; animation: maintenance-pulse 2.2s ease-out infinite; content: ""; }
.maintenance-status strong, .maintenance-status small { display: block; }
.maintenance-status strong { color: var(--color-text); font-family: var(--font-display); font-size: .92rem; }
.maintenance-status small { margin-top: .18rem; color: var(--color-muted); font-size: .78rem; }
.maintenance-hero__visual { position: relative; min-height: 30rem; align-self: stretch; }
.maintenance-hero__visual .portal { inset: 11% 2% 5% 3%; opacity: .82; transform: scale(.82); }
.maintenance-hero__visual picture { position: absolute; z-index: 2; inset: 3% -5% 0; display: grid; place-items: end center; }
.maintenance-hero__visual img { width: min(100%, 32rem); max-height: 100%; object-fit: contain; filter: drop-shadow(0 1.8rem 2rem rgb(0 0 0 / 40%)); animation: maintenance-float 4.8s ease-in-out infinite; }
.maintenance-orbit { position: absolute; z-index: 3; width: .65rem; height: .65rem; background: var(--color-yellow); border-radius: 50%; box-shadow: 0 0 18px 4px rgb(255 201 40 / 52%); }
.maintenance-orbit--one { top: 22%; right: 6%; animation: maintenance-drift 5.4s ease-in-out infinite; }
.maintenance-orbit--two { bottom: 26%; left: 6%; width: .45rem; height: .45rem; background: var(--color-cyan-light); box-shadow: 0 0 18px 4px rgb(16 201 255 / 48%); animation: maintenance-drift 4.6s 1.2s ease-in-out infinite reverse; }
.maintenance-hero__stars { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.maintenance-hero__stars i { position: absolute; width: .25rem; height: .25rem; background: var(--color-cyan-light); border-radius: 50%; box-shadow: 0 0 12px 3px var(--color-cyan); }
.maintenance-hero__stars i:nth-child(1) { top: 12%; left: 8%; }.maintenance-hero__stars i:nth-child(2) { top: 18%; left: 47%; background: var(--color-magenta); }.maintenance-hero__stars i:nth-child(3) { top: 9%; right: 8%; background: var(--color-yellow); }.maintenance-hero__stars i:nth-child(4) { right: 42%; bottom: 12%; }.maintenance-hero__stars i:nth-child(5) { right: 5%; bottom: 8%; background: var(--color-magenta); }.maintenance-hero__stars i:nth-child(6) { bottom: 16%; left: 5%; background: var(--color-yellow); }
.maintenance-reassurance { position: absolute; z-index: 4; right: clamp(1.5rem, 4vw, 4rem); bottom: clamp(1.25rem, 3vw, 2.5rem); left: clamp(1.5rem, 4vw, 4rem); display: flex; margin: 0; padding-top: 1rem; align-items: center; justify-content: center; gap: .65rem; color: var(--color-muted); border-top: 1px solid rgb(255 255 255 / 9%); font-size: .84rem; text-align: center; }
.maintenance-reassurance span { color: var(--color-yellow); }
@keyframes maintenance-pulse { 0% { opacity: .9; transform: scale(.75); } 75%, 100% { opacity: 0; transform: scale(1.75); } }
@keyframes maintenance-float { 0%, 100% { transform: translateY(0) rotate(-.4deg); } 50% { transform: translateY(-.8rem) rotate(.5deg); } }
@keyframes maintenance-drift { 0%, 100% { transform: translate(0); } 50% { transform: translate(-.8rem, 1rem); } }
.checkout-return { position: relative; width: min(46rem, calc(100% - 2rem)); min-height: 34rem; margin: 2rem auto 0; padding: clamp(2rem, 7vw, 5rem); overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: radial-gradient(circle at 100% 0, rgb(16 201 255 / 18%), transparent 24rem), linear-gradient(145deg, var(--color-surface-strong), var(--color-surface)); box-shadow: var(--shadow-card); }
.checkout-return--success { border-color: rgb(115 221 56 / 38%); }
.checkout-return--cancel { border-color: rgb(255 201 40 / 38%); }
.checkout-return__status { display: grid; width: 4.25rem; height: 4.25rem; margin-bottom: 2rem; place-items: center; color: #041423; background: var(--color-green); border-radius: 50%; box-shadow: 0 0 32px rgb(115 221 56 / 28%); font-family: var(--font-display); font-size: 2rem; font-weight: 950; }
.checkout-return--cancel .checkout-return__status { background: var(--color-yellow); box-shadow: var(--shadow-yellow); }
.checkout-return h1 { max-width: 12ch; margin: .7rem 0 1.4rem; font-size: clamp(2.5rem, 7vw, 4.8rem); }
.checkout-return__intro { color: #d6def3; font-size: 1.15rem; }
.checkout-return__note { margin-top: 1.4rem; padding: 1rem 1.1rem; color: var(--color-muted); border-left: 3px solid var(--color-cyan); background: rgb(255 255 255 / 3%); }
.checkout-return__actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.checkout-confirmation { display: grid; margin-top: 1.5rem; padding: 1.15rem; gap: 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: rgb(255 255 255 / 3%); }
.checkout-confirmation[hidden] { display: none; }
.checkout-confirmation .account-spinner { width: 2.5rem; height: 2.5rem; margin: 0; }
.checkout-confirmation__success { color: #c8ffac; font-weight: 850; }

.account-layout { display: grid; width: min(var(--content), calc(100% - 2rem)); margin: 2rem auto 0; grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); align-items: start; gap: clamp(1rem, 3vw, 2rem); }
.account-card, .account-security { border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: radial-gradient(circle at 100% 0, rgb(16 201 255 / 14%), transparent 22rem), linear-gradient(145deg, var(--color-surface-strong), var(--color-surface)); box-shadow: var(--shadow-card); }
.account-card { min-height: 35rem; padding: clamp(1.5rem, 5vw, 3.5rem); }
.account-state { display: grid; align-content: start; }
.account-state[hidden] { display: none; }
.account-state h2, .account-security h2 { margin: .6rem 0 1rem; font-size: clamp(1.75rem, 4vw, 2.8rem); }
.account-state > p:not(.eyebrow), .account-security > p:not(.eyebrow) { color: var(--color-muted); }
.account-state--loading { min-height: 25rem; place-content: center; text-align: center; }
.account-spinner { width: 3rem; height: 3rem; margin: 0 auto 1.25rem; border: .28rem solid rgb(91 205 255 / 18%); border-top-color: var(--color-cyan); border-radius: 50%; animation: account-spin .8s linear infinite; }
@keyframes account-spin { to { transform: rotate(360deg); } }
.account-form { display: grid; margin-top: 1.6rem; gap: .8rem; }
.account-form > label:not(.account-consent) { color: var(--color-text); font-family: var(--font-display); font-size: .9rem; font-weight: 850; }
.account-form input[type="email"], .account-form input[type="text"] { width: 100%; min-height: 3.5rem; padding: .85rem 1rem; color: var(--color-text); border: 1px solid rgb(91 205 255 / 28%); border-radius: var(--radius-sm); outline: none; background: rgb(2 6 20 / 78%); font: inherit; transition: border-color var(--duration-fast), box-shadow var(--duration-fast); }
.account-form input[type="text"] { font-family: ui-monospace, "Cascadia Mono", monospace; font-size: 1.35rem; font-weight: 850; letter-spacing: .28em; text-align: center; }
.account-form input:focus-visible { border-color: var(--color-cyan); box-shadow: 0 0 0 3px rgb(16 201 255 / 16%), var(--shadow-cyan); }
.account-form input::placeholder { color: #74819e; }
.account-form .button { width: 100%; margin-top: .35rem; }
.account-form[aria-busy="true"] { opacity: .72; }
.account-form :disabled { cursor: wait; }
.account-consent { display: grid; margin: .35rem 0 .6rem; grid-template-columns: 1.35rem 1fr; align-items: start; gap: .7rem; color: var(--color-muted); font-size: .88rem; line-height: 1.5; cursor: pointer; }
.account-consent input { width: 1.2rem; height: 1.2rem; margin: .12rem 0 0; accent-color: var(--color-cyan); }
.account-fine-print { margin: 1rem 0 0; padding-left: .9rem; border-left: 2px solid var(--color-border); font-size: .82rem; line-height: 1.55; }
.account-message { margin: 1.4rem 0 0; padding: .9rem 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: rgb(255 255 255 / 4%); font-size: .9rem; font-weight: 750; }
.account-message[hidden] { display: none; }
.account-message[data-tone="success"] { color: #c8ffac; border-color: rgb(115 221 56 / 38%); background: rgb(115 221 56 / 9%); }
.account-message[data-tone="error"] { color: #ffd6dc; border-color: rgb(255 72 101 / 45%); background: rgb(255 72 101 / 9%); }
.account-success { display: grid; width: 4rem; height: 4rem; margin-bottom: 1.5rem; place-items: center; color: #041423; background: var(--color-green); border-radius: 50%; box-shadow: 0 0 32px rgb(115 221 56 / 28%); font-family: var(--font-display); font-size: 1.8rem; font-weight: 950; }
.account-facts { display: grid; margin: 1.7rem 0; gap: .7rem; }
.account-facts > div { display: flex; padding: .9rem 1rem; justify-content: space-between; gap: 1rem; border: 1px solid rgb(115 221 56 / 18%); border-radius: var(--radius-sm); background: rgb(115 221 56 / 6%); }
.account-facts dt { color: var(--color-muted); }
.account-facts dd { margin: 0; color: #c8ffac; font-weight: 850; }
.account-facts__email dd { min-width: 0; color: var(--color-text); overflow-wrap: anywhere; text-align: right; }
.account-actions { display: flex; flex-wrap: wrap; gap: .8rem; }
.account-library { margin: 0 0 1.5rem; padding: 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: rgb(255 255 255 / 3%); }
.account-library h3 { margin: 0 0 .65rem; font-size: 1rem; }
.account-library p { margin: 0; color: var(--color-muted); font-size: .9rem; }
.account-library [data-library-state][hidden] { display: none; }
.account-library ul { display: grid; margin: 0; padding: 0; gap: .55rem; list-style: none; }
.account-library a { display: block; padding: .75rem .85rem; color: #c8ffac; border: 1px solid rgb(115 221 56 / 22%); border-radius: .65rem; background: rgb(115 221 56 / 6%); font-weight: 850; text-decoration: none; }
.account-library a:hover { border-color: rgb(115 221 56 / 55%); }
.account-security { padding: clamp(1.4rem, 4vw, 2.4rem); }
.account-security ul { display: grid; margin: 1.7rem 0 0; padding: 0; gap: 1rem; list-style: none; }
.account-security li { display: grid; grid-template-columns: 1.8rem 1fr; align-items: start; gap: .65rem; color: #d6def3; }
.account-security li span { display: grid; width: 1.55rem; height: 1.55rem; place-items: center; color: #041423; background: var(--color-green); border-radius: 50%; font-size: .75rem; font-weight: 950; }

@media (max-width: 70rem) {
  .site-header__inner { grid-template-columns: 1fr auto auto; }
  .site-header__inner--maintenance { grid-template-columns: 1fr auto; }
  .menu-button { display: block; grid-column: 2; }
  .header-actions { grid-column: 3; }
  .main-nav { position: absolute; z-index: var(--z-menu); top: calc(var(--header-height) - .5rem); right: 1rem; left: 1rem; padding: 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: rgb(5 8 24 / 98%); box-shadow: var(--shadow-card); opacity: 0; pointer-events: none; transform: translateY(-.75rem); transition: opacity var(--duration-fast), transform var(--duration-fast); }
  .main-nav[data-open="true"] { opacity: 1; pointer-events: auto; transform: translateY(0); }
  .main-nav ul { display: grid; gap: .15rem; }
  .nav-account-mobile { display: list-item; }
  .main-nav a { padding: .75rem 1rem; }
  .main-nav a::after { right: auto; bottom: .45rem; left: 1rem; width: 2.2rem; }
  .hero-copy { width: 51%; }
  .hero-visual { right: -10%; width: 64%; }
  .info-grid { grid-template-columns: repeat(2, 1fr); }
  .mini-games { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 48rem) {
  :root { --header-height: 4.75rem; --space-8: 3.25rem; }
  .site-header__inner { width: calc(100% - 1.25rem); gap: .5rem; }
  .brand { font-size: 1.08rem; }
  .brand__name { max-width: 8.5rem; overflow: hidden; white-space: nowrap; }
  .header-actions .button { display: none; }
  .header-actions { gap: .45rem; }
  .language-picker__trigger { min-width: 7.2rem; min-height: 2.6rem; padding-inline: .55rem; }
  .theme-toggle { width: 2.6rem; height: 2.6rem; }
  .menu-button { width: 2.7rem; height: 2.7rem; }
  .cinematic-hero { display: flex; min-height: auto; padding: calc(var(--header-height) + 2.5rem) 1.25rem 1.25rem; flex-direction: column; border-radius: 0 0 var(--radius-md) var(--radius-md); }
  .hero-copy { z-index: 4; width: 100%; padding-top: 0; }
  .hero-copy h1 { max-width: 11ch; font-size: clamp(3rem, 13vw, 4.6rem); }
  .hero-intro { max-width: 31rem; }
  .hero-visual { position: relative; top: auto; right: auto; bottom: auto; width: 100%; height: min(27rem, 78vw); margin-top: 1.5rem; }
  .hero-bear { right: 4%; bottom: -12%; width: 76%; }
  .portal { inset: 2% 3% 0; }
  .product-dock { position: relative; right: auto; bottom: auto; left: auto; grid-template-columns: 4.8rem 1fr; width: 100%; min-height: auto; margin-top: 1rem; padding: 1rem; gap: 1rem; border-radius: var(--radius-md); }
  .product-dock > img { width: 4.8rem; border-radius: .9rem; }
  .product-dock h2 { margin: 0 0 .35rem; font-size: 1.25rem; }
  .product-dock__title > div { gap: .7rem; font-size: .78rem; }
  .product-dock .button { grid-column: 1 / -1; width: 100%; }
  .blog-feature { grid-template-columns: 1fr; }
  .blog-feature img { width: 8rem; grid-row: 1; }
  .page-hero { min-height: auto; padding: 2rem 1.4rem; grid-template-columns: 1fr; gap: 1.5rem; }
  .page-hero--compact { padding-right: 1.4rem; }
  .page-hero--bear > div:first-child { order: 1; }
  .mini-portal { width: 14rem; margin: -1rem auto; }
  .game-title { grid-template-columns: 6rem 1fr; }
  .game-title > img { width: 6rem; }
  .game-title h1 { font-size: clamp(2.2rem, 9vw, 3.2rem); }
  .game-title p { grid-column: 1 / -1; }
  .game-stage { aspect-ratio: 1.707 / 1; border-radius: var(--radius-md); }
  .game-card--featured { grid-template-columns: 1fr; }
  .game-card--featured > img { max-width: 22rem; margin: auto; }
  .guided-section { grid-template-columns: 1fr; }
  .about-privacy { padding: 2rem 1.4rem; }
  .about-privacy ul { grid-template-columns: 1fr; }
  .account-layout { grid-template-columns: 1fr; }
  .purchase-panel { grid-template-columns: 1fr; }
  .maintenance-hero { min-height: auto; padding-bottom: 6rem; grid-template-columns: 1fr; }
  .maintenance-hero__copy { text-align: center; }
  .maintenance-hero h1, .maintenance-hero__intro { margin-right: auto; margin-left: auto; }
  .maintenance-language-switcher, .maintenance-status, .maintenance-hero__copy .button { margin-right: auto; margin-left: auto; }
  .maintenance-hero__visual { min-height: 24rem; }
  .site-footer__inner { grid-template-columns: 1fr; gap: 2rem; }
}

@media (max-width: 38rem) {
  .site-header__inner { gap: .35rem; }
  .header-actions { gap: .3rem; }
  .language-picker__trigger { min-width: 6.8rem; }
  .theme-toggle { width: 2.45rem; height: 2.45rem; padding: .55rem; }
  .site-header__inner--maintenance { grid-template-columns: 1fr auto; }
  .maintenance-mode-label { padding: .4rem .58rem; font-size: .62rem; letter-spacing: .04em; }
  .maintenance-language-switcher { width: 100%; padding: .55rem; flex-direction: column; gap: .35rem; border-radius: var(--radius-md); }
  .maintenance-language-switcher > div { width: 100%; justify-content: center; gap: .35rem; }
  .maintenance-language-switcher a { min-width: 2.25rem; min-height: 2.25rem; }
  .maintenance-hero { margin-top: .25rem; padding: 2rem 1.25rem 5.75rem; border-radius: 1.25rem; }
  .maintenance-hero h1 { font-size: clamp(2.45rem, 13vw, 3.6rem); }
  .maintenance-hero__visual { min-height: 19rem; }
  .maintenance-reassurance { right: 1rem; bottom: 1rem; left: 1rem; align-items: flex-start; font-size: .76rem; text-align: left; }
  .section-heading { align-items: start; flex-direction: column; gap: .7rem; }
  .trust-row { gap: .7rem 1rem; font-size: .88rem; }
  .trust-row__icon { width: 2.5rem; height: 2.5rem; }
  .trust-row b { width: 2rem; height: 2rem; }
  .info-grid, .mini-games { grid-template-columns: 1fr; }
  .mini-game img { width: 4.6rem; height: 4.6rem; }
  .blog-card { grid-template-columns: 1fr; }
  .blog-card img { width: 8rem; }
  .blog-comments__header { align-items: flex-start; flex-direction: column; gap: .8rem; }
  .blog-comment header { align-items: flex-start; flex-wrap: wrap; }
  .blog-comment time { width: 100%; margin-inline-start: 0; }
  .blog-comment-form .button { width: 100%; }
  .game-title { display: block; }
  .game-title > img { margin-bottom: 1.25rem; }
  .site-footer ul { grid-template-columns: 1fr; }
  .account-card { min-height: 31rem; padding: 1.35rem; border-radius: var(--radius-md); }
  .account-security { border-radius: var(--radius-md); }
  .account-facts > div { align-items: start; flex-direction: column; gap: .25rem; }
  .account-facts__email dd { text-align: left; }
  .account-actions .button { width: 100%; }
  .purchase-panel { padding: 1.25rem; border-radius: var(--radius-md); }
  .browser-auth-dialog { align-items: end; padding: .5rem; }
  .browser-auth-dialog__panel { max-height: calc(100dvh - 1rem); border-radius: var(--radius-md); }
}

@media (max-width: 23rem) {
  .brand { font-size: .96rem; }
  .brand__name { max-width: 6.4rem; }
  .language-picker__trigger { min-width: 6.3rem; gap: .35rem; font-size: .82rem; }
  .language-picker__panel { width: min(13rem, calc(100vw - 1rem)); }
  .menu-button { width: 2.55rem; height: 2.55rem; }
}

@media (min-width: 100rem) {
  .cinematic-hero { min-height: 56rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
  .hero-bear, .hero-bear__sway, .hero-bear__frame { animation: none !important; }
  .hero-bear__frame--idle { opacity: 1; }
  .hero-bear__frame--wave, .hero-bear__frame--blink { opacity: 0; }
}

.site-footer__inner {
  grid-template-columns: minmax(17rem, 1.35fr) minmax(19rem, 1fr) minmax(12rem, auto);
  gap: clamp(2.5rem, 6vw, 5.5rem);
  align-items: start;
}

.site-footer__intro > p:last-child {
  max-width: 25rem;
  margin-bottom: 0;
}

.site-footer__navigation {
  display: grid;
  grid-template-columns: minmax(10rem, 1.35fr) minmax(7rem, .65fr);
  gap: clamp(1.5rem, 4vw, 3.5rem);
}

.site-footer__navigation h2 {
  margin-bottom: .9rem;
}

.site-footer__navigation ul {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: .5rem;
}

.site-footer__action {
  display: flex;
  justify-content: flex-end;
}

.footer-withdrawal {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 3rem;
  padding: .75rem 1.15rem;
  border: 1px solid rgb(255 201 40 / 52%);
  border-radius: 999px;
  color: var(--color-yellow-light);
  background: rgb(255 201 40 / 8%);
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 3%);
  transition: color var(--duration-fast), border-color var(--duration-fast), background var(--duration-fast), transform var(--duration-fast) var(--ease);
}

.site-footer .footer-withdrawal:hover {
  border-color: var(--color-yellow);
  color: #0a1530;
  background: linear-gradient(135deg, var(--color-yellow-light), var(--color-yellow));
  transform: translateY(-2px);
}

.checkout-consents {
  display: grid;
  gap: .8rem;
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid rgb(255 255 255 / 22%);
  border-radius: 1rem;
}

.checkout-consents label {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .7rem;
  align-items: start;
}

.checkout-consents input { margin-top: .3rem; inline-size: 1.2rem; block-size: 1.2rem; }
.legal-warning { border-inline-start: .35rem solid var(--yellow); padding: .8rem 1rem; background: rgb(255 220 75 / 10%); }

.withdrawal-function {
  margin-block: 3rem;
  padding: clamp(1.1rem, 3vw, 2rem);
  border: 2px solid var(--cyan);
  border-radius: 1.5rem;
  background: rgb(10 18 45 / 78%);
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 24%);
}

.feedback-function {
  margin-block: 3rem;
  padding: clamp(1.1rem, 3vw, 2rem);
  border: 2px solid var(--color-cyan);
  border-radius: 1.5rem;
  background: radial-gradient(circle at 100% 0, rgb(41 211 255 / 10%), transparent 22rem), rgb(10 18 45 / 78%);
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 24%);
}

.feedback-function form { display: grid; gap: 1rem; }
.feedback-function label { display: grid; gap: .4rem; font-weight: 700; }
.feedback-function textarea {
  inline-size: 100%;
  min-height: 10rem;
  padding: .85rem;
  resize: vertical;
  border: 1px solid rgb(255 255 255 / 32%);
  border-radius: .7rem;
  color: var(--color-form-text);
  background: var(--color-form-background);
  font: inherit;
  line-height: 1.55;
}
.feedback-function textarea:focus-visible { border-color: var(--color-cyan); outline: 3px solid rgb(41 211 255 / 28%); outline-offset: 2px; }
.feedback-function__actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.feedback-function__counter { color: var(--color-muted); font-variant-numeric: tabular-nums; }
.feedback-function__privacy { margin: 1rem 0 0; color: var(--color-muted); font-size: .86rem; }
.feedback-function__privacy a { color: var(--color-cyan-light); }

.withdrawal-function form,
.withdrawal-purchases,
.withdrawal-confirmation { display: grid; gap: 1rem; }

.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.withdrawal-function label { display: grid; gap: .4rem; font-weight: 700; }
.withdrawal-function input,
.withdrawal-function select {
  inline-size: 100%;
  min-height: 3rem;
  padding: .7rem .85rem;
  border: 1px solid rgb(255 255 255 / 32%);
  border-radius: .7rem;
  color: var(--color-form-text);
  background: var(--color-form-background);
  font: inherit;
}

.form-honeypot { position: absolute !important; inset-inline-start: -10000px !important; inline-size: 1px !important; block-size: 1px !important; }
.withdrawal-confirmation { margin-top: 1rem; padding: 1rem; border-radius: 1rem; background: rgb(52 211 153 / 13%); }
.withdrawal-confirmation dl { display: grid; gap: .6rem; margin: 0; }
.withdrawal-confirmation dl div { display: grid; grid-template-columns: minmax(7rem, auto) 1fr; gap: 1rem; }
.withdrawal-confirmation dt { font-weight: 800; }
.withdrawal-confirmation dd { margin: 0; overflow-wrap: anywhere; }

@media (max-width: 850px) {
  .site-footer__inner { grid-template-columns: 1fr 1fr; }
  .site-footer__intro, .site-footer__navigation { grid-column: 1 / -1; }
  .site-footer__action { justify-content: flex-start; }
}

@media (max-width: 580px) {
  .site-footer__inner, .form-grid { grid-template-columns: 1fr; }
  .site-footer__navigation { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  .footer-withdrawal { width: 100%; }
  .feedback-function__actions { align-items: stretch; flex-direction: column; }
  .feedback-function__actions .button { width: 100%; }
}

html[data-theme="light"] {
  color-scheme: light;
  --color-bg: #f6fbff;
  --color-bg-deep: #e4f1fb;
  --color-surface: #ffffff;
  --color-surface-strong: #eef7ff;
  --color-surface-soft: #e7f2fc;
  --color-text: #132244;
  --color-muted: #52617b;
  --color-cyan: #007da6;
  --color-cyan-light: #006f9a;
  --color-magenta: #d81782;
  --color-yellow: #f0b400;
  --color-yellow-light: #8a6200;
  --color-green: #438223;
  --color-border: rgb(20 119 166 / 24%);
  --shadow-card: 0 22px 60px rgb(40 86 120 / 14%);
  --shadow-cyan: 0 0 30px rgb(0 139 184 / 22%);
  --shadow-yellow: 0 0 25px rgb(240 180 0 / 22%);
}

html[data-theme="light"] body { background: radial-gradient(circle at 75% 5%, rgb(133 211 255 / 32%), transparent 38rem), linear-gradient(180deg, #fbfdff, var(--color-bg)); }
html[data-theme="light"] ::selection { color: #ffffff; background: var(--color-cyan); }
html[data-theme="light"] .site-header { background: linear-gradient(180deg, rgb(247 252 255 / 96%), rgb(247 252 255 / 72%) 58%, transparent); }
html[data-theme="light"] .maintenance-mode-label,
html[data-theme="light"] .menu-button,
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .language-picker__trigger,
html[data-theme="light"] .language-picker__panel { background: rgb(255 255 255 / 96%); box-shadow: 0 8px 24px rgb(44 91 127 / 9%); }
html[data-theme="light"] .language-picker__search input { background: rgb(238 247 255 / 90%); }
html[data-theme="light"] .language-picker__option:hover,
html[data-theme="light"] .language-picker__option:focus-visible,
html[data-theme="light"] .language-picker__option[aria-selected="true"] { background: rgb(0 125 166 / 9%); }
html[data-theme="light"] .theme-toggle:hover { color: #8a6200; background: #fff9da; }
html[data-theme="light"] .tag-row span { background: rgb(219 241 252 / 84%); }
html[data-theme="light"] .info-grid article,
html[data-theme="light"] .privacy-panel,
html[data-theme="light"] .callout,
html[data-theme="light"] .faq-list details,
html[data-theme="light"] .blog-card,
html[data-theme="light"] .mini-game { border-color: var(--color-border); background: linear-gradient(145deg, rgb(255 255 255 / 98%), rgb(235 247 255 / 96%)); }
html[data-theme="light"] .about-privacy li { border-color: rgb(20 88 130 / 13%); background: rgb(255 255 255 / 58%); }
html[data-theme="light"] .info-icon,
html[data-theme="light"] .trust-row b,
html[data-theme="light"] .numbered-cards li > span,
html[data-theme="light"] .about-privacy li::before,
html[data-theme="light"] .checkout-return__status,
html[data-theme="light"] .account-success,
html[data-theme="light"] .account-security li span { color: #ffffff; }
html[data-theme="light"] .button--cyan { color: #ffffff; }
html[data-theme="light"] .button--yellow { color: #2f2600; background: linear-gradient(135deg, #ffe36c, #f0b400); }
html[data-theme="light"] .button--ghost { background: rgb(255 255 255 / 62%); }
html[data-theme="light"] .site-footer { background: #e8f3fb; }
html[data-theme="light"] .site-footer__copyright,
html[data-theme="light"] .maintenance-reassurance { border-color: rgb(20 88 130 / 12%); }
html[data-theme="light"] .fallback-note,
html[data-theme="light"] .game-file-notice code { color: #765400; background: rgb(255 211 62 / 18%); }
html[data-theme="light"] .cinematic-hero { border-color: rgb(0 139 184 / 18%); background: radial-gradient(circle at 72% 42%, rgb(55 176 231 / 22%), transparent 25rem), radial-gradient(circle at 78% 46%, rgb(255 82 176 / 14%), transparent 35rem), linear-gradient(120deg, #ffffff 10%, #f1f9ff 65%, #dcefff); box-shadow: 0 35px 90px rgb(48 94 128 / 16%); }
html[data-theme="light"] .hero-bear { filter: drop-shadow(0 28px 30px rgb(51 87 111 / 24%)); }
html[data-theme="light"] .product-dock { border-color: rgb(0 139 184 / 38%); background: linear-gradient(110deg, rgb(255 255 255 / 94%), rgb(231 246 255 / 90%)); box-shadow: 0 0 28px rgb(10 167 255 / 13%), 0 22px 50px rgb(48 94 128 / 15%); }
html[data-theme="light"] .blog-feature,
html[data-theme="light"] .game-card--featured { background: linear-gradient(135deg, var(--color-surface), var(--color-surface-strong)); }
html[data-theme="light"] .page-hero { background: radial-gradient(circle at 85% 20%, rgb(255 31 162 / 12%), transparent 19rem), linear-gradient(135deg, #ffffff, #e8f5ff); }
html[data-theme="light"] .purchase-panel { background: radial-gradient(circle at 0 0, rgb(255 201 40 / 18%), transparent 24rem), linear-gradient(145deg, var(--color-surface), var(--color-surface-strong)); }
html[data-theme="light"] .guided-section { background: radial-gradient(circle at 100% 100%, rgb(16 201 255 / 12%), transparent 24rem), linear-gradient(145deg, #ffffff, #eef8ff); }
html[data-theme="light"] .full-version-section { border-color: rgb(185 134 0 / 28%); background: radial-gradient(circle at 0 0, rgb(255 201 40 / 18%), transparent 22rem), radial-gradient(circle at 100% 100%, rgb(16 201 255 / 10%), transparent 24rem), linear-gradient(145deg, #ffffff, #eef8ff); }
html[data-theme="light"] .numbered-cards li { border-color: var(--color-border); background: rgb(255 255 255 / 66%); }
html[data-theme="light"] .purchase-panel__test { color: #765400 !important; background: rgb(255 201 40 / 15%); }
html[data-theme="light"] .purchase-panel__action,
html[data-theme="light"] .maintenance-status { background: rgb(255 255 255 / 72%); }
html[data-theme="light"] .maintenance-language-switcher { background: rgb(255 255 255 / 72%); }
html[data-theme="light"] .purchase-panel__owned,
html[data-theme="light"] .checkout-confirmation__success,
html[data-theme="light"] .account-facts dd,
html[data-theme="light"] .account-library a { color: #36791a !important; }
html[data-theme="light"] .purchase-authorization input,
html[data-theme="light"] .account-form input[type="email"],
html[data-theme="light"] .account-form input[type="text"] { background: #ffffff; }
html[data-theme="light"] .blog-comment-form-card { background: linear-gradient(145deg, #ffffff, #eef9ff); }
html[data-theme="light"] .blog-comment-form input[type="text"],
html[data-theme="light"] .blog-comment-form textarea { background: #ffffff; }
html[data-theme="light"] .blog-comment { background: #ffffff; }
html[data-theme="light"] .blog-comment-form input::placeholder,
html[data-theme="light"] .blog-comment-form textarea::placeholder { color: #71809a; }
html[data-theme="light"] .blog-comments__status[data-tone="success"] { color: #36791a; }
html[data-theme="light"] .blog-comments__status[data-tone="error"] { color: #9b2437; }
html[data-theme="light"] .game-placeholder,
html[data-theme="light"] .game-file-notice { background: radial-gradient(circle, rgb(99 194 238 / 25%), transparent 45%), repeating-linear-gradient(45deg, rgb(16 74 110 / 3%) 0 1px, transparent 1px 14px); }
html[data-theme="light"] .article__lead,
html[data-theme="light"] .legal-page header > p:last-child,
html[data-theme="light"] .maintenance-hero__intro,
html[data-theme="light"] .checkout-return__intro,
html[data-theme="light"] .account-security li { color: #344665; }
html[data-theme="light"] .form-box,
html[data-theme="light"] .checkout-return__note,
html[data-theme="light"] .checkout-confirmation,
html[data-theme="light"] .account-message,
html[data-theme="light"] .account-library { color: var(--color-text); background: rgb(223 242 253 / 52%); }
html[data-theme="light"] .maintenance-hero { background: radial-gradient(circle at 78% 38%, rgb(16 201 255 / 16%), transparent 22rem), radial-gradient(circle at 12% 92%, rgb(255 31 162 / 10%), transparent 24rem), linear-gradient(145deg, #ffffff, #e9f6ff 72%); }
html[data-theme="light"] .maintenance-hero::before { background-image: linear-gradient(rgb(10 79 122 / 5%) 1px, transparent 1px), linear-gradient(90deg, rgb(10 79 122 / 5%) 1px, transparent 1px); }
html[data-theme="light"] .maintenance-hero__visual img { filter: drop-shadow(0 1.8rem 2rem rgb(43 83 109 / 24%)); }
html[data-theme="light"] .checkout-return,
html[data-theme="light"] .account-card,
html[data-theme="light"] .account-security { background: radial-gradient(circle at 100% 0, rgb(16 201 255 / 12%), transparent 22rem), linear-gradient(145deg, var(--color-surface), var(--color-surface-strong)); }
html[data-theme="light"] .account-form input::placeholder { color: #71809a; }
html[data-theme="light"] .account-message[data-tone="success"] { color: #36791a; }
html[data-theme="light"] .account-message[data-tone="error"] { color: #9b2437; }
html[data-theme="light"] .withdrawal-function { background: rgb(242 250 255 / 92%); box-shadow: var(--shadow-card); }
html[data-theme="light"] .feedback-function { background: radial-gradient(circle at 100% 0, rgb(41 211 255 / 12%), transparent 22rem), rgb(242 250 255 / 92%); box-shadow: var(--shadow-card); }
html[data-theme="light"] .checkout-consents { border-color: var(--color-border); }
html[data-theme="light"] .site-footer .footer-withdrawal:hover { color: #2f2600; background: linear-gradient(135deg, #ffe36c, #f0b400); }

@media (max-width: 70rem) {
  html[data-theme="light"] .main-nav { background: rgb(248 252 255 / 98%); }
}