:root{--bg: #060812;--bg2: #0d1224;--ink: #eef1f8;--muted: #a5b0c6;--gold: #f8d67a;--line: rgba(255, 255, 255, .12);--card: rgba(255, 255, 255, .055);--card-hi: rgba(255, 255, 255, .09);--accent: #7c5cff;--accent2: #22d3ee;--pink: #ff5c8a;--glass: rgba(10, 14, 28, .62);--shadow: 0 24px 80px rgba(0, 0, 0, .38);--grad: linear-gradient(120deg, #8b5cf6 0%, #22d3ee 52%, #f8d67a 100%)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0}body{background:radial-gradient(900px 520px at 10% -6%,rgba(139,92,246,.32),transparent 62%),radial-gradient(820px 480px at 94% 2%,rgba(34,211,238,.22),transparent 58%),radial-gradient(680px 440px at 50% 115%,rgba(248,214,122,.12),transparent 64%),var(--bg);color:var(--ink);font-family:system-ui,Segoe UI,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 72%)}a{color:var(--gold);text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:20px 20px 72px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-20px -20px 20px;padding:14px 20px 12px;background:linear-gradient(to bottom,#060812e0,#06081285);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px)}.topbar-left{display:flex;align-items:center;gap:14px}.topbar .home{font-weight:800;font-size:18px;color:var(--ink);font-family:"Noto Serif SC",Songti SC,serif;display:inline-flex;align-items:center;gap:9px;text-decoration:none}.topbar .brand-name{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar .brand-logo{width:30px;height:30px;display:block}.topbar .nav-back{font-size:14px;color:var(--ink);opacity:.85;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:6px 12px;white-space:nowrap;background:var(--card)}.topbar .nav-back:hover{opacity:1;border-color:var(--accent);color:#fff}.lang-btn{border:1px solid var(--line);background:var(--glass);color:var(--ink);border-radius:10px;padding:7px 13px;font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;line-height:1;transition:border-color .15s,background .15s}.lang-btn:hover{border-color:var(--accent);background:var(--card-hi)}.topbar-right{display:flex;align-items:center;gap:8px}.icon-btn{padding:7px 11px;font-size:16px;line-height:1}.menu-wrap{position:relative}.menu-btn{gap:6px}.site-menu{position:absolute;z-index:120;top:calc(100% + 10px);right:0;width:min(360px,calc(100vw - 32px));padding:14px;border:1px solid var(--line);border-radius:18px;background:#0a0e1cf5;box-shadow:var(--shadow);backdrop-filter:blur(20px);max-height:min(72vh,560px);overflow:auto}.menu-title{margin:0 0 8px;color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.menu-grid a,.menu-links a{display:block;border:1px solid var(--line);border-radius:12px;padding:8px 10px;color:var(--ink);background:#ffffff09;font-size:13px}.menu-grid a:hover,.menu-links a:hover{border-color:var(--accent);background:var(--card-hi)}.menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.top-search{flex:1 1 260px;max-width:360px;min-width:160px;display:flex;align-items:center}.top-search input{width:100%;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--ink);background:var(--card);outline:none;font-size:13px}.top-search input:focus{border-color:var(--accent);background:var(--card-hi)}#mute-btn[aria-pressed=true]{border-color:#b34;color:#e88;opacity:.85}.settings-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px)}.settings-overlay[hidden]{display:none}.settings-panel{width:min(360px,90vw);background:#141824;color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 20px 60px #0000008c}.settings-panel h3{margin:0 0 14px;color:var(--gold);font-size:20px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;font-size:15px}.set-chips{display:flex;gap:6px;flex-wrap:wrap}.set-chip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;padding:5px 10px;font-size:13px;cursor:pointer}.set-chip.on{border-color:var(--accent);color:#fff;background:#7c5cff2e}.set-toggle input{width:20px;height:20px;accent-color:var(--accent);cursor:pointer}.set-note{font-size:12px;opacity:.7;margin:12px 0 16px}.set-done{width:100%;border:none;background:var(--grad);color:#0b0e15;font-weight:800;border-radius:11px;padding:10px;font-size:15px;cursor:pointer}.hero{position:relative;text-align:center;padding:42px 0 30px}.eyebrow{display:inline-flex;margin:0 0 14px;padding:6px 12px;border:1px solid rgba(34,211,238,.28);border-radius:999px;color:#a5f3fc;background:#22d3ee14;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-logo{width:76px;height:76px;display:block;margin:0 auto 14px;filter:drop-shadow(0 6px 22px rgba(124,92,255,.45))}.hero h1{margin:0 0 10px;font-size:clamp(34px,8vw,60px);line-height:1.05;font-family:"Noto Serif SC",Songti SC,serif;letter-spacing:1px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:0 auto;max-width:640px;color:var(--muted);font-size:clamp(15px,3.4vw,19px)}.hero-stats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:22px auto 0}.hero-stats span{border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:#ffffff0b;color:#dbeafe;font-size:13px;box-shadow:0 1px #ffffff0d inset}.ai-landing-hero{padding-top:58px}.ai-landing-hero h1{max-width:920px;margin-inline:auto}.cat-bar{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:6px 0 14px}.cat-chip{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.cat-chip:hover{color:var(--ink);border-color:var(--accent)}.cat-chip.on{color:#0b0e15;border-color:transparent;background:var(--grad)}.cat-chip-fav{color:var(--gold)}.cat-chip-fav.on{color:#0b0e15;background:linear-gradient(120deg,#ffd36b,#ff9e3d)}.search-bar{position:relative;display:flex;align-items:center;max-width:520px;margin:0 auto 22px}.search-input{width:100%;box-sizing:border-box;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:11px 46px 11px 18px;font-size:15px;outline:none;transition:border-color .15s,background .15s}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:var(--accent);background:var(--card-hi)}.search-count{position:absolute;right:16px;color:var(--muted);font-size:13px;pointer-events:none}.search-empty{text-align:center;color:var(--muted);font-size:15px;margin:24px 0}.category-note{max-width:760px;margin:0 auto 18px;color:var(--muted);text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:18px;margin-top:8px}.card{position:relative;display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;overflow:hidden;backdrop-filter:blur(8px);transition:transform .16s ease,border-color .16s,background .16s;box-shadow:0 1px #ffffff0f inset,0 14px 34px #0000002e}.card:before{content:"";position:absolute;inset:-40% -20% auto auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 64%);opacity:.55;pointer-events:none}.card:after{content:"";position:absolute;inset:0;border-radius:18px;padding:1px;background:var(--grad);opacity:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .16s;pointer-events:none}.card:hover{transform:translateY(-4px);background:var(--card-hi);box-shadow:var(--shadow)}.card:hover:after{opacity:1}.card .glyph{flex:0 0 auto;width:62px;height:62px;border-radius:14px;display:grid;place-items:center;font-size:32px;font-weight:700;color:#fff5e8;font-family:"Noto Serif SC",Songti SC,serif;box-shadow:0 6px 16px #00000059}.card .meta{min-width:0}.card .card-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--accent2);margin-bottom:4px}.new-badge{display:inline-flex;margin-left:7px;padding:2px 7px;border-radius:999px;background:linear-gradient(120deg,#22d3ee,#f8d67a);color:#07111f;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;vertical-align:1px}.card .meta h2{margin:0 0 3px;font-size:19px;color:var(--ink)}.card .meta p{margin:0;font-size:13.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .fav-star{position:absolute;top:8px;right:8px;z-index:4;width:30px;height:30px;display:grid;place-items:center;border:none;border-radius:9px;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;opacity:.6;transition:opacity .15s,color .15s,transform .12s}.card .fav-star:hover{opacity:1;color:var(--gold);transform:scale(1.15)}.card .fav-star.on{opacity:1;color:var(--gold)}.card.is-fav{border-color:#ffd36b66}.card .meta h2{padding-right:26px}.fav-btn.on{border-color:var(--gold);color:var(--gold)}.gm-hero{display:flex;align-items:center;gap:20px;margin:18px 0 22px;padding:20px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#ffffff13,#ffffff07);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.gm-hero .glyph{width:84px;height:84px;border-radius:18px;display:grid;place-items:center;font-size:46px;font-weight:700;color:#fff5e8;font-family:"Noto Serif SC",Songti SC,serif;flex:0 0 auto;box-shadow:0 8px 22px #0006}.gm-hero h1{margin:0 0 4px;font-size:clamp(26px,6vw,40px);color:var(--ink)}.gm-hero .tagline{margin:0;color:var(--muted);font-size:clamp(15px,3.6vw,18px)}.play-row{margin:22px 0 8px;padding:18px;border:1px solid rgba(34,211,238,.18);border-radius:20px;background:linear-gradient(135deg,#22d3ee14,#7c5cff12)}.play-btn{display:inline-flex;align-items:center;gap:10px;background:var(--grad);color:#0b0e15;border:none;border-radius:14px;padding:14px 36px;font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 10px 26px #7c5cff59;transition:transform .12s,filter .12s}.play-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.play-hint{margin:8px 0 0;color:var(--muted);font-size:13px}.noscript-note{color:var(--gold);font-size:13px}.game-preview{position:relative;margin:16px 0 4px;width:100%;max-width:560px;aspect-ratio:16 / 10;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#141824;box-shadow:0 12px 32px #00000073}.game-preview .preview-canvas{display:block;width:100%;height:100%}.game-preview .preview-badge{position:absolute;top:8px;left:8px;z-index:2;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.5px;color:#eef1f8;background:#0b0e15b3;border:1px solid var(--line);pointer-events:none}.game-preview .preview-play{position:absolute;inset:0;z-index:3;display:grid;place-items:center;border:none;cursor:pointer;color:#fff;font-size:22px;font-weight:800;background:#06080c4d;transition:background .15s}.game-preview .preview-play:hover{background:#06080c24}.section{margin-top:28px;padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:#ffffff07;box-shadow:0 1px #ffffff09 inset}.section h3{margin:0 0 10px;font-size:18px;color:var(--ink);border-left:3px solid;border-image:var(--grad) 1;padding-left:10px}.section p{margin:0;color:var(--ink)}.section p+p{margin-top:10px}.section ol,.section ul{margin:0;padding-left:22px;color:var(--ink)}.section li{margin:4px 0}.guide-table-wrap{margin-top:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px;background:#02061761}.guide-table-caption{margin:0!important;padding:9px 12px;color:var(--gold)!important;font-size:13px;font-weight:800;border-bottom:1px solid var(--line)}.guide-table{width:100%;min-width:620px;border-collapse:collapse;font-size:13px;line-height:1.45}.guide-table th,.guide-table td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top;text-align:left}.guide-table th{position:sticky;top:0;color:#0b0e15;background:linear-gradient(120deg,#f8d67a,#22d3ee);font-weight:900}.guide-table td{color:var(--ink)}.guide-table tr:last-child td{border-bottom:none}.guide-table tr:nth-child(2n) td{background:#ffffff06}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{background:#7c5cff1f;border:1px solid var(--line);color:#cbb8ff;border-radius:999px;padding:5px 13px;font-size:13px}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.seo-grid article{border:1px solid var(--line);border-radius:14px;padding:14px;background:#ffffff09}.seo-grid h4{margin:0 0 6px;color:var(--gold);font-size:15px}.seo-grid p{color:var(--muted);font-size:14px}.co-create-panel{border-color:#f8d67a3d;background:linear-gradient(135deg,#f8d67a14,#7c5cff14)}.co-create-panel .eyebrow{margin-bottom:10px}.co-create-panel h3{border:0;padding:0;margin-bottom:8px;font-size:clamp(20px,4.2vw,28px);color:var(--ink)}.co-create-panel p{color:var(--muted)}.ai-creation-panel{border-color:#22d3ee33;background:linear-gradient(135deg,#22d3ee14,#7c5cff14,#f8d67a0b)}.ai-creation-panel h3{border:0;padding:0;margin-bottom:8px;font-size:clamp(22px,4.6vw,32px);color:var(--ink)}.ai-creation-panel p{color:var(--muted)}.ai-creation-panel-compact{margin-top:-4px;margin-bottom:22px}.ai-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:16px}.ai-flow article{border:1px solid var(--line);border-radius:16px;padding:14px;background:#ffffff0a}.ai-flow h4{margin:0 0 6px;color:var(--gold);font-size:15px}.ai-flow p{margin:0;color:var(--muted);font-size:14px}.idea-terms-preview{margin-top:14px;border:1px solid rgba(248,214,122,.2);border-radius:14px;padding:10px 12px;background:#00000029}.idea-terms-preview summary{cursor:pointer;color:var(--gold);font-weight:900}.idea-terms-preview p{margin-top:8px;font-size:13px}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;color:var(--muted)}.primary-link{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;padding:11px 18px;background:var(--grad);color:#0b0e15;font-weight:900;box-shadow:0 10px 24px #7c5cff47}.primary-link:hover{filter:brightness(1.05);transform:translateY(-1px)}.secondary-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:13px;padding:10px 16px;color:var(--ink);background:var(--card);font-weight:800}.secondary-link:hover{border-color:var(--accent);background:var(--card-hi)}.contact-form-section h2{margin:0 0 8px;color:var(--gold)}.contact-form-section>p{color:var(--muted)}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.contact-form label{display:grid;gap:6px;color:var(--ink);font-weight:800;font-size:13px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--ink);background:#ffffff0e;outline:none;font:inherit;color-scheme:dark}.contact-form select option{color:var(--ink);background:#141824}.contact-form textarea{resize:vertical;min-height:150px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent);background:var(--card-hi)}.contact-wide,.contact-form-actions{grid-column:1 / -1}.idea-terms-box{border:1px solid rgba(248,214,122,.24);border-radius:14px;padding:12px;background:#f8d67a0f;color:var(--muted)}.idea-terms-box strong{display:block;margin-bottom:6px;color:var(--gold)}.idea-terms-box p{margin:0;font-size:13px}.contact-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.contact-form-actions button{border:none;cursor:pointer;font:inherit}.terms-modal{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:18px;background:#000000ad;backdrop-filter:blur(5px)}.terms-card{width:min(720px,94vw);max-height:min(720px,86vh);overflow:auto;border:1px solid rgba(248,214,122,.28);border-radius:20px;padding:20px;background:#0a0e1cfa;color:var(--ink);box-shadow:var(--shadow)}.terms-card h3{margin:0 0 10px;color:var(--gold)}.terms-card p{color:var(--muted);font-size:14px}.terms-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px}.terms-actions button{border:none;cursor:pointer;font:inherit}body.modal-open{overflow:hidden}.faq details{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#ffffff07}.faq details+details{margin-top:8px}.faq summary{cursor:pointer;color:var(--ink);font-weight:700}.faq details p{margin-top:8px;color:var(--muted)}.site-footer{margin-top:48px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center}.site-footer nav{margin-top:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.site-footer a{color:#cbd5e1}.legal-page{max-width:860px;margin-inline:auto}.legal-page h2{color:var(--gold);margin:22px 0 8px}.legal-page p,.legal-page li{color:var(--muted)}.privacy-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:2000;max-width:760px;margin:0 auto;padding:14px;border:1px solid rgba(248,214,122,.32);border-radius:18px;background:#0a0e1cf5;color:var(--ink);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.privacy-banner p{margin:0 0 10px;color:var(--muted);font-size:14px}.privacy-banner div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.privacy-banner button{border:1px solid var(--line);border-radius:10px;padding:8px 12px;color:var(--ink);background:var(--card);cursor:pointer}.privacy-banner button[data-accept]{color:#0b0e15;border-color:transparent;background:var(--grad);font-weight:800}#stage-host{position:fixed;inset:0;z-index:50;background:var(--bg);display:none}#stage-host.on{display:block}#stage-host.pseudo-fullscreen{width:100vw;height:100vh;height:100dvh}#stage-host canvas{display:block;width:100vw;height:100vh;height:100dvh;touch-action:none}.overlay-btn{position:fixed;z-index:60;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#0b0e15c7;color:var(--ink);font-size:18px;cursor:pointer}#exit-btn{top:8px;left:8px}#exit-btn{width:auto;min-width:52px;padding:0 10px;font-size:14px;font-weight:800}#fs-btn{top:8px;right:8px}body.playing{overflow:hidden}@media (max-width: 820px){.topbar{flex-wrap:wrap}.topbar-left{flex:1 1 auto}.top-search{order:3;flex-basis:100%;max-width:none}.site-menu{position:fixed;top:64px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 82px)}.contact-form{grid-template-columns:1fr}}