/* Clean Arcade, generated by tools/build_css.py from styles/gamepage.css: edit the sources, not this file */
.stage{padding-block:calc(var(--sec-y) * 0.5) var(--space-8)}.game-frame-box{position:relative;width:100%;height:min(82vh,680px);min-height:520px;overflow:hidden;border-radius:var(--radius-lg);background:var(--ground-3)}.game-frame-box > iframe{display:block;width:100%;height:100%;border:0;background:transparent}.game-shell{position:relative;display:flex;flex-direction:column}.game-shell:fullscreen,.game-shell:-webkit-full-screen{width:100vw;height:100vh;height:100dvh;padding:0 0 max(4px,env(safe-area-inset-bottom));background:var(--ground-3)}.game-shell:fullscreen .game-frame-box,.game-shell:-webkit-full-screen .game-frame-box{flex:1 1 auto;height:auto;min-height:0;max-height:none;border-radius:0;border:0 !important}.game-shell:fullscreen .game-controls,.game-shell:-webkit-full-screen .game-controls,body.ca-pseudo-fs .game-controls{flex:none;flex-wrap:nowrap;justify-content:flex-end;gap:6px;margin:0;padding:4px max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left))}.game-shell:fullscreen .game-controls .ctl,.game-shell:-webkit-full-screen .game-controls .ctl,body.ca-pseudo-fs .game-controls .ctl{flex:0 0 auto;min-height:30px;padding:0 12px;font-size:11.5px}.game-shell:fullscreen .game-controls .ctl svg,.game-shell:-webkit-full-screen .game-controls .ctl svg,body.ca-pseudo-fs .game-controls .ctl svg{width:14px;height:14px}@media (max-width:680px),(max-height:500px){.game-shell:fullscreen .game-controls .ctl span,.game-shell:-webkit-full-screen .game-controls .ctl span,body.ca-pseudo-fs .game-controls .ctl span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.game-shell:fullscreen .game-controls .ctl,.game-shell:-webkit-full-screen .game-controls .ctl,body.ca-pseudo-fs .game-controls .ctl{min-height:28px;min-width:40px;padding:0 10px}}.game-frame-box:fullscreen,.game-frame-box:-webkit-full-screen{height:100%;min-height:0;max-height:none;border-radius:0;border:0 !important}body.ca-pseudo-fs{overflow:hidden}body.ca-pseudo-fs > *:not(main),body.ca-pseudo-fs main > *:not(.stage),body.ca-pseudo-fs .stage > *:not(.game-shell){display:none !important}body.ca-pseudo-fs .stage{padding:0;margin:0;max-width:none}body.ca-pseudo-fs .game-shell{position:fixed;inset:0;z-index:10001;height:100dvh;padding-block-end:max(8px,env(safe-area-inset-bottom));background:var(--ground-3)}body.ca-pseudo-fs .game-frame-box{flex:1 1 auto;height:auto;min-height:0;max-height:none;border:0 !important;border-radius:0}body.ca-pseudo-fs .game-controls{display:flex !important}.game-controls .ctl[disabled]{opacity:.42;cursor:default;box-shadow:none}.game-controls .ctl[disabled]:hover{background:color-mix(in srgb,var(--card-face) 72%,transparent)}.frame-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:13px;font-weight:600;letter-spacing:0.04em;color:color-mix(in srgb,var(--color-text) 60%,transparent);pointer-events:none;transition:opacity .3s ease}.frame-loading[hidden]{display:none}.frame-loading i{width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--neon) 35%,transparent);border-top-color:var(--neon);animation:frame-spin .8s linear infinite}@keyframes frame-spin{to{transform:rotate(360deg)}}.game-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-block-start:var(--space-3)}.game-controls .ctl{--pill:var(--n-cyan);display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;font-family:inherit;font-size:12.5px;font-weight:700;white-space:nowrap;text-decoration:none;cursor:pointer;color:var(--pill);background:color-mix(in srgb,var(--pill) 8%,transparent);border:1px solid color-mix(in srgb,var(--pill) 55%,transparent);box-shadow:0 0 18px -10px var(--pill),inset 0 0 16px -13px var(--pill);transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.game-controls .ctl:hover{background:color-mix(in srgb,var(--pill) 17%,transparent);box-shadow:0 0 24px -8px var(--pill)}.game-controls .ctl:active{transform:translateY(1px);background:color-mix(in srgb,var(--pill) 26%,transparent)}.game-controls .ctl:focus-visible{outline:2px solid var(--pill);outline-offset:3px}.game-controls .ctl svg{width:15px;height:15px;flex:none}.game-controls .ctl[hidden]{display:none}.game-controls .ctl-fs{--pill:var(--n-cyan)}.game-controls .ctl-restart{--pill:var(--n-violet)}.game-controls .ctl-home{--pill:var(--n-magenta)}[dir="rtl"] .game-controls .ctl-home svg{transform:scaleX(-1)}.fine{margin-block-start:var(--space-4);font-size:12.5px;font-weight:400;line-height:1.55;max-width:84ch;color:color-mix(in srgb,var(--color-text) 58%,transparent)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-4)}.info-card{padding:var(--space-6);border-radius:var(--radius-lg)}.info-card{border:1.5px solid transparent !important;background:linear-gradient(160deg,color-mix(in srgb,var(--card-face) 92%,var(--n-violet)),var(--ground-3)) padding-box,var(--edge) border-box !important;box-shadow:0 0 30px -18px var(--n-cyan),0 14px 30px -18px #000 !important}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.info-card{transition:transform .18s ease,box-shadow .18s ease}.info-card:hover{transform:translateY(-3px);box-shadow:0 0 34px -10px var(--n-cyan),0 0 60px -28px var(--n-magenta) !important}}.info-card h3{font-size:17px;font-weight:700;margin:0 0 var(--space-2);letter-spacing:-0.015em}.info-card p{margin:0;font-size:14px;font-weight:400;line-height:1.55;color:color-mix(in srgb,var(--color-text) 78%,transparent)}.fact-link{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:44px;padding:0 var(--space-4);margin-block-start:var(--space-3);border-radius:999px;font-size:13.5px;font-weight:600;text-decoration:none;color:var(--neon);background:color-mix(in srgb,var(--card-face) 72%,transparent);border:1px solid color-mix(in srgb,var(--neon) 50%,transparent);transition:background-color .15s ease,transform .15s ease}.fact-link:hover{background:color-mix(in srgb,var(--neon) 14%,transparent)}.fact-link:active{transform:translateY(1px)}.fact-link:focus-visible{outline:2px solid var(--neon);outline-offset:2px}.fact-link svg{width:15px;height:15px;flex:none}.info-card:has(.fact-link){display:flex;flex-direction:column}@media (prefers-reduced-motion:reduce){.fact-link{transition:none}}.neon-text-cyan{color:var(--n-cyan);text-shadow:0 0 16px color-mix(in srgb,var(--n-cyan) 55%,transparent)}.neon-text-magenta{color:var(--n-magenta);text-shadow:0 0 16px color-mix(in srgb,var(--n-magenta) 55%,transparent)}.neon-text-lime{color:var(--n-lime);text-shadow:0 0 16px color-mix(in srgb,var(--n-lime) 55%,transparent)}.neon-text-violet{color:var(--n-violet);text-shadow:0 0 16px color-mix(in srgb,var(--n-violet) 55%,transparent)}:root[data-theme="day"] .neon-text-cyan,:root[data-theme="day"] .neon-text-magenta,:root[data-theme="day"] .neon-text-lime,:root[data-theme="day"] .neon-text-violet{text-shadow:none}.back-pill{border-radius:999px;min-height:44px;font-size:13.5px;font-weight:600;white-space:nowrap;color:var(--n-cyan);border:1px solid color-mix(in srgb,var(--n-cyan) 55%,transparent);box-shadow:0 0 20px -10px var(--n-cyan),inset 0 0 18px -14px var(--n-cyan)}.back-pill:hover{background:color-mix(in srgb,var(--n-cyan) 12%,transparent)}@media (max-width:900px){.game-frame-box{height:min(72vh,600px);min-height:440px}}@media (max-width:760px){.game-frame-box{height:min(68vh,520px);min-height:380px}.game-controls .ctl{padding:0 12px;font-size:12px}}@media (max-width:560px){.game-frame-box{height:min(66vh,460px);min-height:340px}.game-controls .ctl{flex:1 1 0;min-width:0;padding:0 8px}.game-controls .ctl span{overflow:hidden;text-overflow:ellipsis}}@media (max-height:520px) and (orientation:landscape){.game-frame-box{height:78vh;min-height:260px}}@media (hover:none){.info-card,.game-frame-box,.game-controls .ctl{transition:none}}@media (prefers-reduced-motion:reduce){.frame-loading i{animation:none}}body.ca-pseudo-fs #sa-footer{display:none !important}@media (max-width:1180px){.ca-framed .brand-badge{display:none}}@media (max-width:1000px){.ca-framed .back-pill span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ca-framed .back-pill{padding-inline:var(--space-4)}}@media (max-width:620px){.ca-framed .brand-name{font-size:16px}.ca-framed .head-tools{gap:4px}}@media (max-width:560px){.ca-framed #ca-fs-btn{display:none}}.ca-framed .game-frame-box{border:4px solid transparent !important;border-radius:26px;background:linear-gradient(var(--ground-3),var(--ground-3)) padding-box,var(--edge-lit) border-box !important;box-shadow:0 0 44px -12px color-mix(in srgb,var(--n-cyan) 60%,transparent),0 0 90px -30px color-mix(in srgb,var(--n-magenta) 70%,transparent) !important}:root[data-theme="day"] .ca-framed .game-frame-box{box-shadow:0 26px 50px -24px rgba(58,46,30,.42),0 2px 6px rgba(58,46,30,.12) !important}@media (max-width:600px){.ca-framed .game-frame-box{border-width:3px !important;border-radius:20px}}.ca-framed .stage{padding-top:10px;min-height:calc(100dvh - var(--ca-head-h,64px))}html:has(body.ca-framed){scroll-padding-top:var(--ca-head-h,64px)}.ca-framed .game-frame-box{height:calc(100dvh - var(--ca-head-h,64px) - var(--sa-foot-h,28px) - 68px);min-height:300px;max-height:860px}@media (max-height:520px) and (orientation:landscape){.ca-framed .site-head{position:relative}.ca-framed .stage{padding-top:4px;min-height:100dvh}html:has(body.ca-framed){scroll-padding-top:0}.ca-framed .game-frame-box{height:calc(100dvh - var(--sa-foot-h,28px) - 10px);min-height:0;max-height:none}}.ca-framed .hero.shell{padding-left:max(var(--gutter),22px,calc(env(safe-area-inset-left) + 12px));padding-right:max(var(--gutter),22px,calc(env(safe-area-inset-right) + 12px))}.ca-framed .site-head .nav{padding-left:max(var(--gutter),16px,env(safe-area-inset-left));padding-right:max(var(--gutter),16px,env(safe-area-inset-right))}.ca-framed .hero h1{font-size:clamp(28px,7.4vw,60px);padding-inline:2px;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;text-wrap:balance}
