:root{--bg: #f5f1ea;--bg-soft: #fffaf4;--paper: rgba(255, 252, 247, .92);--paper-strong: rgba(255, 255, 255, .96);--ink: #181412;--muted: #6d655c;--line: rgba(51, 35, 24, .12);--line-strong: rgba(51, 35, 24, .22);--brand: #c35c28;--brand-deep: #8a3c19;--accent: #1f6075;--success: #1f8c58;--danger: #c84646;--shadow: 0 18px 44px rgba(33, 20, 12, .08);--shadow-strong: 0 24px 64px rgba(33, 20, 12, .12);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px;--max: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;background:radial-gradient(circle at top,rgba(255,255,255,.94),rgba(255,247,238,.38) 34%,transparent 54%),linear-gradient(180deg,#f8f3ec,#f1ebe2)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}input,select{width:100%;min-height:48px;padding:0 16px;color:var(--ink);border:1px solid var(--line);border-radius:16px;background:#ffffffe0}input:focus,select:focus{outline:2px solid rgba(195,92,40,.18);border-color:#c35c283d}.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}.container{width:min(var(--max),calc(100% - 32px));margin:0 auto}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1}.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(18px);background:#f8f3ecdb;border-bottom:1px solid var(--line)}.nav-bar{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.nav-brand{font-size:1.16rem;font-weight:800;letter-spacing:-.03em;white-space:nowrap}.nav-brand span{color:var(--brand)}.nav-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nav-links a{color:var(--muted);font-size:.95rem}.nav-links a:hover{color:var(--ink)}.page-section{padding:34px 0}.page-section.tight{padding-top:18px}.page-section-hero{padding-top:28px}.hero-panel,.panel,.page-header{border:1px solid var(--line);box-shadow:var(--shadow)}.hero-panel,.page-header{padding:34px;border-radius:var(--radius-xl);background:radial-gradient(circle at top right,rgba(255,255,255,.84),transparent 32%),linear-gradient(180deg,#fffbf6f2,#f8f1e8e6)}.panel{padding:24px;border-radius:var(--radius-lg);background:var(--paper)}.panel.inset{background:#ffffff9e}.portal-hero-grid,.hero-grid,.content-grid,.two-col-grid,.portal-info-grid{display:grid;gap:24px}.portal-hero-grid,.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:stretch}.content-grid,.portal-info-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.two-col-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy,.hero-copy-wide,.stack{display:grid;gap:18px}.hero-copy-wide{align-content:center}.hero-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hero-showcase .game-card{min-height:100%}.eyebrow,.kicker{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:32px;padding:0 12px;border-radius:999px;color:var(--brand);background:#c35c2814;border:1px solid rgba(195,92,40,.18);font-size:.79rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{margin:0;letter-spacing:-.04em;line-height:1.06}h1{font-size:clamp(2.6rem,5vw,4.6rem)}h2{font-size:clamp(1.8rem,2.8vw,2.5rem)}h3{font-size:1.08rem}p{margin:0}.lead,.muted,.section-copy,.footer-note,.embed-note,.embed-tip,.category-card-description,.catalog-result-copy{color:var(--muted)}.button-row{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;font-weight:700;transition:transform .16s ease,background .16s ease,color .16s ease}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--brand)}.button-primary:hover{background:var(--brand-deep)}.button-secondary{color:var(--ink);background:#ffffffb8;border:1px solid var(--line-strong)}.button-secondary:hover{background:#fffffff0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap}.search-panel{display:grid;gap:18px}.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.catalog-toolbar{display:grid;gap:16px}.catalog-toolbar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.form-field{display:grid;gap:8px}.form-field span{font-size:.88rem;font-weight:700}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.game-grid>[data-game-item]{height:100%}.game-card,.category-card{height:100%;display:grid;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:#ffffffc7;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.game-card:hover,.category-card:hover{transform:translateY(-3px);border-color:#c35c2838;box-shadow:var(--shadow-strong)}.card-thumb,.category-card-cover,.preview-stage{position:relative;overflow:hidden}.card-thumb{min-height:156px;display:grid;align-content:space-between;gap:12px;padding:18px;color:#fff}.card-thumb>*{position:relative;z-index:1}.card-thumb-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.game-card.is-compact .card-thumb{min-height:132px}.card-thumb-top,.card-thumb-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.card-thumb small,.card-thumb-footer span,.category-card-label,.card-status{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.card-thumb-mark{font-size:clamp(2.5rem,4vw,3.4rem);font-weight:800;letter-spacing:-.08em}.card-status{min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.18)}.card-status.is-demo{background:#18141238}.card-body,.category-card-body{display:grid;gap:12px;padding:18px}.card-heading,.category-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-heading h3,.category-card-heading h3{font-size:1.12rem;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.category-card-heading span{font-size:.84rem;color:var(--muted)}.card-description{color:var(--muted);display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.game-card.is-compact .card-body{gap:10px}.game-card.is-compact .card-play-button{min-height:34px;padding:0 12px;font-size:.84rem}.badge-row,.tag-list,.pill-row{display:flex;flex-wrap:wrap;gap:8px}.badge,.tag,.pill{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;color:var(--muted);border:1px solid var(--line);background:#ffffffb3;font-size:.82rem}.badge.is-brand,.pill.is-brand{color:var(--brand-deep);border-color:#c35c282e;background:#c35c2814}.card-action-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-link{font-weight:700;color:var(--brand-deep)}.card-play-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;color:#fff;background:var(--brand);font-size:.9rem;font-weight:700;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.category-card-cover{min-height:140px;display:grid;align-content:end;gap:10px;padding:18px;color:#fff}.category-card-cover strong{font-size:1.6rem;letter-spacing:-.05em;line-height:1}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-cover-card{margin:0;overflow:hidden;border-radius:22px;border:1px solid var(--line);background:#ffffffb8}.game-cover-image{width:100%;aspect-ratio:16 / 9;object-fit:cover}.summary-card{padding:18px;border-radius:18px;border:1px solid var(--line);background:#ffffffc7}.summary-card strong{display:block;margin-bottom:6px}.breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.92rem}.breadcrumbs span[aria-hidden=true]{opacity:.5}.page-intro{background:#ffffffb8}.section-title{margin-bottom:14px}.list{margin:0;padding-left:18px;display:grid;gap:10px}.faq-list{display:grid;gap:12px}.faq-item{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:#ffffffad}.faq-item summary{cursor:pointer;font-weight:700}.faq-item p{margin-top:10px;color:var(--muted)}.info-table{display:grid;gap:14px}.info-row{display:flex;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.info-row strong{font-weight:700}.play-shell,.preview-game{display:grid;gap:18px}.play-toolbar,.embed-toolbar,.game-topbar,.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.game-frame-shell,.embed-shell{position:relative;width:100%;max-width:var(--frame-max-width, 960px);margin:0 auto;overflow:hidden;border-radius:20px;border:1px solid var(--line);background:#111}.game-frame-shell{aspect-ratio:var(--frame-ratio, 16 / 10)}.game-frame,.embed-frame{width:100%;height:100%;display:block;border:0;background:#0f1014}.embed-loading{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:24px;color:#ffffffeb;text-align:center;font-weight:700;letter-spacing:.01em;background:linear-gradient(180deg,#090a0eb8,#090a0e61),radial-gradient(circle at top,rgba(255,255,255,.08),transparent 38%);pointer-events:none;transition:opacity .22s ease,visibility .22s ease}.embed-loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fffc;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.game-frame-shell.is-loaded .embed-loading{opacity:0;visibility:hidden}.game-frame-placeholder{min-height:480px;display:grid;place-items:center;padding:24px;color:#fff;text-align:center}.embed-note a{color:var(--brand-deep);text-decoration:underline;text-underline-offset:3px}.preview-stage{padding:18px;border-radius:20px;border:1px solid var(--line)}.preview-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.preview-card{min-height:110px;display:grid;align-content:start;gap:8px;padding:16px;color:#fff;border-radius:18px;background:#11101038;border:1px solid rgba(255,255,255,.16)}.preview-card strong{font-size:1rem}.native-game{display:grid;gap:18px}.status-pill{min-width:152px;padding:10px 16px;text-align:center;border-radius:999px;font-weight:800;border:1px solid transparent}.status-idle{color:var(--accent);border-color:#1f607529;background:#1f60751a}.status-green{color:var(--success);border-color:#1f8c582e;background:#1f8c581a}.status-red{color:var(--danger);border-color:#c846462e;background:#c846461a}.stats{display:flex;flex-wrap:wrap;gap:12px}.stat{min-width:110px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:#ffffffad}.stat-label{margin-bottom:4px;color:var(--muted);font-size:.8rem}.stat-value{font-weight:800;letter-spacing:-.02em}.game-area{display:grid;gap:16px;padding:18px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffffeb,#f7f0e7d1)}.signal-board,.message-box{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#ffffffdb;text-align:center}.signal-board{font-size:1.08rem;font-weight:800}.signal-board small{display:block;margin-top:4px;color:var(--muted);font-size:.84rem;font-weight:500}.track-wrap{display:grid;gap:8px}.track-labels{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted)}.track{position:relative;height:76px;overflow:hidden;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,#efe6d8,#e6dac8)}.track:before{content:"";position:absolute;inset:0;opacity:.4;background:repeating-linear-gradient(90deg,rgba(255,255,255,.36) 0,rgba(255,255,255,.36) 18px,transparent 18px,transparent 48px)}.finish-zone{position:absolute;top:0;right:0;width:14%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800;letter-spacing:.06em;color:var(--brand-deep);text-transform:uppercase;border-left:2px dashed rgba(195,92,40,.32);background:linear-gradient(90deg,#c35c2814,#c35c282e)}.player{position:absolute;top:50%;left:10px;width:46px;height:46px;border-radius:50%;transform:translateY(-50%);border:1px solid rgba(255,255,255,.94);background:radial-gradient(circle at 35% 35%,#fff,#ffe7b8 38%,#f18a37);box-shadow:0 12px 22px #c35c283d,inset 0 1px #fffffff2}.player.moving{box-shadow:0 16px 26px #c35c2847,0 0 0 12px #c35c2814,inset 0 1px #fffffff2}.controls-row{display:flex;flex-wrap:wrap;gap:12px}.game-button{min-height:48px;padding:0 18px;border:0;border-radius:999px;font-weight:700;cursor:pointer}.game-button.primary{color:#fff;background:var(--brand)}.game-button.secondary{background:#ffffffd1;border:1px solid var(--line)}.move-button{flex:1 1 240px;min-height:62px;color:#fff;background:#181412;box-shadow:inset 0 1px #ffffff14}.move-button.pressed,.move-button:active{transform:scale(.99)}.subtle-note{text-align:center;color:var(--muted);font-size:.92rem}.empty-state{text-align:center}.center-message{display:grid;gap:14px;place-items:center;text-align:center;min-height:38vh}.legal-copy{display:grid;gap:18px}.site-footer{padding:28px 0 48px}.footer-grid{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line)}.card-thumb.tone-sun,.category-card-cover.tone-sun,.preview-stage.tone-sun{background:radial-gradient(circle at top right,rgba(255,255,255,.3),transparent 30%),linear-gradient(135deg,#e68d3a,#b94c1a)}.card-thumb.tone-mint,.category-card-cover.tone-mint,.preview-stage.tone-mint{background:radial-gradient(circle at top right,rgba(255,255,255,.3),transparent 30%),linear-gradient(135deg,#49a883,#226d5d)}.card-thumb.tone-sky,.category-card-cover.tone-sky,.preview-stage.tone-sky{background:radial-gradient(circle at top right,rgba(255,255,255,.34),transparent 30%),linear-gradient(135deg,#4f83b8,#244762)}.card-thumb.tone-ember,.category-card-cover.tone-ember,.preview-stage.tone-ember{background:radial-gradient(circle at top right,rgba(255,255,255,.3),transparent 30%),linear-gradient(135deg,#d96d44,#7f2c21)}.card-thumb.tone-gold,.category-card-cover.tone-gold,.preview-stage.tone-gold{background:radial-gradient(circle at top right,rgba(255,255,255,.32),transparent 30%),linear-gradient(135deg,#caa143,#8c6b1b)}.card-thumb.tone-ocean,.category-card-cover.tone-ocean,.preview-stage.tone-ocean{background:radial-gradient(circle at top right,rgba(255,255,255,.3),transparent 30%),linear-gradient(135deg,#2d8b9d,#1f5568)}.card-thumb.tone-slate,.category-card-cover.tone-slate,.preview-stage.tone-slate{background:radial-gradient(circle at top right,rgba(255,255,255,.22),transparent 30%),linear-gradient(135deg,#44556b,#1e2834)}.card-thumb.tone-peach,.category-card-cover.tone-peach,.preview-stage.tone-peach{background:radial-gradient(circle at top right,rgba(255,255,255,.32),transparent 30%),linear-gradient(135deg,#df8f72,#b85d43)}.card-thumb.tone-ink,.category-card-cover.tone-ink,.preview-stage.tone-ink{background:radial-gradient(circle at top right,rgba(255,255,255,.22),transparent 30%),linear-gradient(135deg,#453128,#221915)}@media(max-width:980px){.portal-hero-grid,.hero-grid,.content-grid,.two-col-grid,.portal-info-grid{grid-template-columns:1fr}.catalog-toolbar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.container{width:min(var(--max),calc(100% - 20px))}.nav-bar{padding:14px 0;align-items:flex-start;flex-direction:column}.nav-links{width:100%}.hero-panel,.panel,.page-header{padding:20px}.hero-showcase,.preview-stage-grid,.summary-grid,.catalog-toolbar-grid,.search-form{grid-template-columns:1fr}.game-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading,.footer-grid,.info-row{align-items:start}.game-frame-shell{border-radius:14px;aspect-ratio:var(--frame-mobile-ratio, 4 / 3)}}@media(max-width:560px){h1{font-size:clamp(2.1rem,9vw,3rem)}.game-grid,.category-grid{grid-template-columns:1fr}.button,.game-button{width:100%}}.cookie-consent-banner[data-astro-cid-garwan2p]{position:fixed;bottom:0;left:0;right:0;background:#000000f2;color:#fff;padding:1.5rem;z-index:9999;box-shadow:0 -2px 10px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-consent-content[data-astro-cid-garwan2p]{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.cookie-consent-text[data-astro-cid-garwan2p]{flex:1;min-width:300px}.cookie-consent-text[data-astro-cid-garwan2p] p[data-astro-cid-garwan2p]{margin:0;font-size:.95rem;line-height:1.5}.cookie-consent-text[data-astro-cid-garwan2p] a[data-astro-cid-garwan2p]{color:#4a9eff;text-decoration:underline}.cookie-consent-text[data-astro-cid-garwan2p] a[data-astro-cid-garwan2p]:hover{color:#6bb3ff}.cookie-consent-actions[data-astro-cid-garwan2p]{display:flex;gap:1rem;flex-shrink:0}.cookie-btn[data-astro-cid-garwan2p]{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cookie-btn-accept[data-astro-cid-garwan2p]{background:#4a9eff;color:#fff}.cookie-btn-accept[data-astro-cid-garwan2p]:hover{background:#3a8eef}.cookie-btn-decline[data-astro-cid-garwan2p]{background:transparent;color:#fff;border:2px solid white}.cookie-btn-decline[data-astro-cid-garwan2p]:hover{background:#ffffff1a}@media(max-width:640px){.cookie-consent-content[data-astro-cid-garwan2p]{flex-direction:column;align-items:stretch}.cookie-consent-actions[data-astro-cid-garwan2p]{width:100%}.cookie-btn[data-astro-cid-garwan2p]{flex:1}}