/* AI-GAMES: readable neon surfaces, scoped to editorial content. */
:root{--muted:#a3b5ca;--line:#2a3d50}
body{background:radial-gradient(ellipse at 88% 0%,#163a5366,transparent 34%),radial-gradient(ellipse at 5% 32%,#291c4933,transparent 28%),#060a12}
.site-header{background:linear-gradient(110deg,#0c1826cc,#080e19bb);border-bottom-color:#63f5ff38}
.brand-mark{box-shadow:inset 0 0 18px #63f5ff20;filter:drop-shadow(0 0 8px #63f5ff20)}
.site-header nav a{min-height:44px;display:inline-flex;align-items:center}
.hero{gap:42px;padding-top:50px;padding-bottom:38px}
.hero h1{font-size:clamp(3.6rem,6.5vw,5.8rem);text-shadow:0 0 50px #63f5ff0a}
.hero h1>span:first-child{filter:drop-shadow(0 0 22px #63f5ff22)}
.hero-jp{color:#c6d6e7}.hero-details{color:#a9bed2}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 18px;min-height:46px;border:1px solid #476778;font-size:13px;font-weight:700;background:#0c1b2a;border-radius:5px}
.hero-actions .hero-primary{color:#06151d;background:linear-gradient(110deg,#85f9ed,#63dbff);border-color:#85f9ed;box-shadow:0 5px 25px #63f5ff15}
.hero-actions a:hover{border-color:#b8ffff;color:#fff;background:#183347}.hero-actions .hero-primary:hover{background:#bbfff6;color:#06151d}
.core-panel{border-color:#63f5ff55;background:radial-gradient(ellipse at center,#42e3ff20,transparent 66%),linear-gradient(135deg,#143248aa,#10152b80)}
.core-top,.core-bottom{color:#9bc3d7}.orbit-three{box-shadow:0 0 55px #39d7ff25,inset 0 0 26px #63f5ff10}.core-label{color:#ecfcff;text-shadow:0 0 28px #63f5ff80}
.section-heading h2,.game-faq h2{color:#eefaff}.section-heading .eyebrow{font-size:10px;letter-spacing:.2em}.heading-dot{color:#f385d5;text-shadow:0 0 12px #f385d555}
.game-grid{gap:22px;align-items:stretch}
.game-card{border-radius:10px;overflow:hidden;background:linear-gradient(145deg,#112033,#0c1420 65%);border-color:#30465a;box-shadow:0 8px 28px #0003}
.game-card.sky-skip{--accent:#9ce9d2}.game-card.blackjack{--accent:#f2d7a0}
.game-card:hover,.game-card:focus-within{box-shadow:0 12px 36px #0005,0 0 18px color-mix(in srgb,var(--accent) 12%,transparent);transform:translateY(-3px)}
.game-card.rooftop{grid-column:auto;display:flex;flex-direction:column}
.game-card.rooftop .game-visual{height:auto;min-height:0}.game-card.rooftop .card-content{border-left:0;border-top:1px solid #30465a}
.game-visual-image img{object-fit:cover;transition:transform .5s ease}
@media(hover:hover){.game-card:hover .game-visual-image img{transform:scale(1.025)}}
.card-content{padding:22px;border-top-color:#30465a}
.card-content h3{font-size:20px;line-height:1.5;letter-spacing:-.025em;margin:12px 0 10px}
.game-meta{font-size:11px;letter-spacing:.02em}.new-tag{border-radius:3px;background:color-mix(in srgb,var(--accent) 10%,transparent)}
.game-description{color:#b1c2d7;font-size:14px;line-height:1.9;margin-bottom:12px}
.game-tagline{color:#eff6ff}.card-content .guide-link{font-size:12px;padding:9px 0;line-height:1.8;margin:4px 0 12px;min-height:40px}
.game-card .play{border-radius:5px;min-height:48px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 14%,#0a1624),#102132);border-color:color-mix(in srgb,var(--accent) 50%,#203247);color:#edfaff}
.game-card .play:hover,.game-card .play:focus-visible{background:var(--accent);color:#07121d;border-color:var(--accent)}
.game-card .play-icon{color:var(--accent)}.game-card .play:hover .play-icon{color:#07121d}
.game-stats{justify-content:space-between;gap:8px;border-top:1px solid #30465a80;padding-top:14px;margin:12px 0 4px}.game-like{border-radius:20px;min-height:44px;padding:8px 13px}.play-count{font-size:12px;color:#adc8da}
.popularity-list{border-radius:8px;overflow:hidden;background:linear-gradient(110deg,#102237,#0b1724);border-color:#36566a}
.popularity-row,.popularity-row.rooftop{position:relative;min-height:78px;grid-template-columns:46px minmax(0,1fr);padding:12px 22px;border-color:#2b4257}
.popularity-row:first-child{background:linear-gradient(90deg,#63f5ff0c,transparent 75%)}
.popularity-row:first-child::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#63f5ff;box-shadow:0 0 12px #63f5ff66;pointer-events:none}
.popularity-rank{display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:6px;min-height:40px;font-size:20px}
.popularity-name.play{font-size:15px;min-height:30px}.popularity-note{color:#a6b8cb}.popularity-metrics{color:#a3bed1}
.about-panel{border-radius:10px;border-color:#416575;background:radial-gradient(ellipse at top left,#63f5ff12,transparent 70%),linear-gradient(120deg,#122b3d,#101827);box-shadow:0 12px 36px #0002}
.about-copy p{color:#c0cfdf}.about-copy .ad-note{color:#a0b6c9}.about-x{min-height:52px}
.game-faq{padding:30px 0}.faq-grid{gap:18px}.faq-grid>div,.faq-grid>article{border:1px solid #2b4155;background:#0c1826;padding:22px;border-radius:8px}.faq-grid p{font-size:14px;line-height:1.95;color:#bacbdf}
.site-footer{background:linear-gradient(180deg,#0d182280,#08101a);border-top-color:#63f5ff30}.footer-links a,.analytics-settings{min-height:36px;display:inline-flex;align-items:center}.footer-bottom{color:#98aec4}
.guide aside{border-radius:8px;background:linear-gradient(140deg,#11253a,#0d1522);border-color:#365269}.guide-art img,.guide-screen img{border-radius:8px;border-color:#385368}.guide-play{border-radius:5px;box-shadow:0 4px 24px #63f5ff18}.guide h2{border-top-color:#365269}.guide-breadcrumb a{color:#b5e7f1}.info .mail{border-radius:5px}.info article{padding-bottom:20px}.info h2{color:#d7f6ff}
@media(max-width:850px){.hero{gap:24px}.hero h1{font-size:clamp(3.6rem,8vw,4.8rem)}.game-grid{gap:16px}.card-content{padding:20px}.popularity-row,.popularity-row.rooftop{grid-template-columns:40px minmax(0,1fr)}}
@media(max-width:600px){.site-header{padding:14px 20px;gap:8px}.site-header nav{gap:6px 16px;width:100%;justify-content:flex-start}.site-header nav>a:not(.x-link){display:inline-flex;font-size:12px}.site-header nav .x-link{margin-left:auto;padding:8px 12px;min-height:40px}.hero{padding-top:30px;padding-bottom:28px}.hero h1{font-size:clamp(3.4rem,13vw,4.8rem);margin-top:20px}.hero-actions{gap:8px;margin-top:20px}.hero-actions a{font-size:12px;padding:11px 14px;gap:12px}.hero-details{gap:9px;font-size:10px}.hero-details>span+span{padding-left:9px}.game-grid{gap:18px}.card-content h3{font-size:19px}.card-content{padding:20px}.popularity-row,.popularity-row.rooftop{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:11px 14px;min-height:74px}.popularity-rank{font-size:17px;min-height:34px}.popularity-name.play{font-size:14px}.about-panel{padding:24px 20px}.faq-grid>div,.faq-grid>article{padding:18px}.footer-brand{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.game-visual-image img{transition:none}.game-card:hover,.game-card:focus-within{transform:none}.game-card:hover .game-visual-image img{transform:none}}
@media(forced-colors:active){.game-card,.popularity-rank,.popularity-list,.guide aside{border-color:CanvasText}.hero-actions .hero-primary{background:ButtonFace;color:ButtonText}}