@property --ambient{syntax:"<color>";inherits:true;initial-value:#0000}:root{--palette-deep-1000:#08090a;--palette-deep-990:#0a0b0c;--palette-deep-975:#0c0d0e;--palette-deep-950:#121415;--palette-deep-900:#17191a;--palette-deep-850:#202325;--palette-deep-800:#292c2f;--palette-paper-0:#fdfefa;--palette-paper-50:#f6f7f3;--palette-paper-75:#f4f6ef;--palette-paper-100:#eef0e8;--palette-paper-150:#ebeee5;--palette-paper-200:#e9ece2;--palette-paper-300:#dfe4d6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--palette-deep-975);--bg-2:var(--palette-deep-950);--surface:var(--palette-deep-900);--surface-2:var(--palette-deep-850);--surface-3:var(--palette-deep-800);--screen:var(--palette-deep-1000);--panel-bg:var(--surface);--panel-bg-soft:var(--bg-2);--control-bg:var(--bg-2);--elevated-bg:var(--surface-2);--sidebar-bg:var(--palette-deep-990);--panel-fg:var(--bg);--panel-line:var(--line);--ink:#ecedef;--ink-rgb:236, 237, 239;--muted:#9a9c9f;--faint:#8b8d90;--line:#e6e8ec17;--line-strong:#e6e8ec26;--line-hot:var(--accent-line);--accent:#cfe86f;--accent-rgb:207, 232, 111;--accent-fill:#d8f068;--brand-mark-bg:var(--palette-deep-975);--accent-hot:#e4fa86;--accent-soft:var(--accent-hot);--accent-deep:var(--accent);--accent-ink:#10201a;--accent-dim:#cfe86f1f;--accent-line:#cfe86f52;--pink:#ff9a7d;--pink-rgb:255, 154, 125;--pink-dim:rgba(var(--pink-rgb), .12);--pink-line:rgba(var(--pink-rgb), .3);--cyan:#72d6c8;--cyan-rgb:114, 214, 200;--cyan-dim:rgba(var(--cyan-rgb), .12);--cyan-line:rgba(var(--cyan-rgb), .3);--lime:#c7e783;--lime-rgb:199, 231, 131;--lime-dim:rgba(var(--lime-rgb), .12);--lime-line:rgba(var(--lime-rgb), .3);--success:#3ad39b;--success-rgb:58, 211, 155;--success-dim:#3ad39b1f;--success-line:#3ad39b66;--warning:#fb923c;--warning-rgb:251, 146, 60;--warning-dim:#fb923c1f;--warning-line:#fb923c66;--danger:#f87171;--danger-rgb:248, 113, 113;--danger-dim:#f871711f;--danger-line:#f8717166;--info:#60a5fa;--info-rgb:96, 165, 250;--info-dim:#60a5fa1f;--info-line:#60a5fa66;--genre-arcade:#ff8a63;--genre-card:#e88664;--genre-action:#ffbf5e;--genre-adventure:#e2a44e;--genre-casual:#c6e873;--genre-strategy:#78d8a4;--genre-simulation:#57bd88;--genre-puzzle:#4fd4cc;--genre-shooter:#8fb6f5;--genre-runner:#83a9ec;--genre-ink:#101410;--font:"Space Grotesk Variable", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--font-display:"Space Grotesk Variable", -apple-system, "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--font-nav:var(--font);--font-figure:"Bahnschrift", "DIN Alternate", "DIN Condensed", var(--font);--font-mono:"SFMono-Regular", "Cascadia Code", "Liberation Mono", Menlo, Consolas, ui-monospace, monospace;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-base:15px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:32px;--fs-4xl:48px;--fs-5xl:64px;--fs-display:clamp(40px, 6.2vw, 96px);--fs-display-sm:clamp(30px, 3.6vw, 56px);--fs-score:clamp(48px, 7vw, 80px);--lh-display:.94;--tracking-display:-.035em;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-tile:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--sticker:0 5px 16px rgba(var(--scrim-rgb), .2);--sticker-sm:0 2px 6px rgba(var(--scrim-rgb), .14);--sticker-hover:0 8px 24px rgba(var(--scrim-rgb), .24);--highlight:inset 0 1px 0 #ffffff0f;--elevation-1:inset 0 1px 0 #ffffff0d, 0 1px 2px #00000052;--elevation-2:inset 0 1px 0 #ffffff12, 0 6px 18px #00000057;--elevation-3:inset 0 1px 0 #ffffff17, 0 20px 48px #00000080;--shadow-panel:var(--arcade-card-shadow);--shadow:var(--arcade-hover-shadow);--shadow-lg:var(--elevation-3);--halftone-ink:rgba(var(--accent-rgb), .9);--halftone:radial-gradient(circle at center, var(--halftone-ink) 0 1.1px, transparent 1.6px) 0 0 / 7px 7px;--misregister:2px 0 0 rgba(var(--pink-rgb), .85), -2px 0 0 rgba(var(--cyan-rgb), .85);--skew:-2deg;--tilt-a:-1deg;--tilt-b:1deg;--dur-fast:.14s;--dur-base:.22s;--dur-slow:.42s;--ease:cubic-bezier(.22, .61, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-pop:cubic-bezier(.68, -.55, .265, 1.55);--ink-on-media:#fff;--stage-bg:#000;--scrim-rgb:0, 0, 0;--paper-card-bg:#f4f3e7;--paper-card-ink:#263e34;--paper-card-line:#9bad99;--tone-fallback:var(--surface);--console-bg:#031009;--console-bar:#06180e;--console-line:#0d2a1a;--console-line-2:#10351f;--console-line-3:#123a23;--console-edge:#2d7f4d;--console-fg:#7dffb0;--console-fg-strong:#9dffc4;--console-fg-dim:#4f9f6c;--console-fg-faint:#3f8559;--cover-veil:linear-gradient(180deg, #00000014 0%, transparent 34%, #0000009e 100%);--cover-badge-bg:var(--arcade-overlay-bg);--cover-badge-line:#ffffff29;--cover-badge-ink:#ffffffd1;--nav-tint:#0a0b0c80;--nav-tint-soft:#0a0b0c00;--nav-ring:#f0f2f61f;--nav-surface:#0f1011e6;--nav-glass-top:#ffffff1f;--nav-glass-bottom:#ffffff09;--nav-glass-shadow:inset 0 1px 0 #ffffff21, 0 6px 18px #00000047;--nav-blur:blur(28px) saturate(1.22);--container:1560px;--gutter:clamp(16px, 2.4vw, 34px);--sidebar-w:0px;--sidebar-w-collapsed:0px;--ambient-wash:radial-gradient(1500px 950px at 30% 20%, color-mix(in srgb, var(--ambient) 10%, transparent), transparent 66%);--page-bg:var(--ambient-wash), radial-gradient(1100px 650px at 8% -8%, rgba(var(--arcade-water-rgb), .08), transparent 70%), radial-gradient(780px 520px at 102% 0%, rgba(var(--arcade-sunset-rgb), .06), transparent 72%);--arcade-water-rgb:108, 138, 66;--arcade-sunset-rgb:198, 133, 82;--arcade-title-end:var(--accent-fill);--arcade-badge-end:#ffd28e;--arcade-card-shadow:0 6px 18px #00060c47;--arcade-hover-shadow:0 16px 32px #00060c6b;--arcade-overlay-bg:#050d14e6;--arcade-overlay-ink:var(--ink);--arcade-overlay-muted:#bcc8d0;--arcade-overlay-line:#bcc8d04d;--arcade-scrim-rgb:5, 11, 17;--arcade-grade-s:var(--accent-fill);--arcade-grade-a:var(--cyan);--arcade-grade-b:var(--muted);--ink-magenta:var(--pink);--ink-cyan:var(--cyan);--ink-lime:var(--lime);--arcade-scroll-thumb:#4f6575;--arcade-scroll-track:var(--bg)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--palette-paper-50);--bg-2:var(--palette-paper-100);--surface:var(--palette-paper-0);--surface-2:var(--palette-paper-200);--surface-3:var(--palette-paper-300);--screen:var(--palette-paper-150);--panel-bg:var(--surface);--panel-bg-soft:var(--bg);--control-bg:var(--surface);--elevated-bg:var(--surface);--sidebar-bg:var(--palette-paper-75);--panel-fg:var(--bg);--panel-line:var(--line);--ink:#1d2419;--ink-rgb:29, 36, 25;--muted:#5d6459;--faint:#5f665a;--line:#1d241917;--line-strong:#1d241926;--line-hot:var(--accent-line);--accent:#4a5a12;--accent-rgb:74, 90, 18;--accent-fill:#d8f068;--accent-hot:#e4fa86;--accent-soft:var(--accent-hot);--accent-deep:var(--accent);--accent-ink:#1b2410;--accent-dim:#4a5a1214;--accent-line:#4a5a1240;--pink:#b34d32;--pink-rgb:179, 77, 50;--pink-dim:rgba(var(--pink-rgb), .12);--pink-line:rgba(var(--pink-rgb), .3);--cyan:#147465;--cyan-rgb:20, 116, 101;--cyan-dim:rgba(var(--cyan-rgb), .12);--cyan-line:rgba(var(--cyan-rgb), .3);--lime:#587524;--lime-rgb:88, 117, 36;--lime-dim:rgba(var(--lime-rgb), .12);--lime-line:rgba(var(--lime-rgb), .3);--success:#0f7a54;--success-rgb:15, 122, 84;--success-dim:#0f7a5414;--success-line:#0f7a544d;--warning:#c2410c;--warning-rgb:194, 65, 12;--warning-dim:#c2410c14;--warning-line:#c2410c52;--danger:#b91c1c;--danger-rgb:185, 28, 28;--danger-dim:#b91c1c14;--danger-line:#b91c1c52;--info:#1d4ed8;--info-rgb:29, 78, 216;--info-dim:#1d4ed814;--info-line:#1d4ed852;--genre-arcade:#b2462c;--genre-card:#8f3823;--genre-action:#94621c;--genre-adventure:#7a5216;--genre-casual:#4f7322;--genre-strategy:#1f7a4a;--genre-simulation:#15643c;--genre-puzzle:#0b6f70;--genre-shooter:#3c67a0;--genre-runner:#2f5486;--genre-ink:#fff;--ink-magenta:var(--pink);--ink-cyan:var(--cyan);--ink-lime:var(--lime);--sticker:0 5px 16px rgba(var(--scrim-rgb), .2);--sticker-sm:0 2px 6px rgba(var(--scrim-rgb), .14);--sticker-hover:0 8px 24px rgba(var(--scrim-rgb), .24);--halftone-ink:rgba(var(--ink-rgb), .5);--misregister:2px 0 0 rgba(var(--pink-rgb), .75), -2px 0 0 rgba(var(--cyan-rgb), .75);--highlight:inset 0 1px 0 #ffffffe6;--elevation-1:inset 0 1px 0 #ffffffe6, 0 1px 2px #3c2d1914;--elevation-2:inset 0 1px 0 #ffffffe6, 0 6px 18px #3c2d191a;--elevation-3:inset 0 1px 0 #ffffffe6, 0 20px 48px #3c2d1924;--shadow-panel:0 0 0 1px rgba(var(--ink-rgb), .06), var(--elevation-1);--shadow:var(--elevation-2);--shadow-lg:var(--elevation-3);--ambient-wash:radial-gradient(1500px 950px at 30% 20%, color-mix(in srgb, var(--ambient) 7%, transparent), transparent 66%);--page-bg:var(--ambient-wash), radial-gradient(1100px 650px at 8% -8%, rgba(var(--arcade-water-rgb), .1), transparent 70%), radial-gradient(780px 520px at 102% 0%, rgba(var(--arcade-sunset-rgb), .06), transparent 72%);--arcade-water-rgb:169, 185, 138;--arcade-sunset-rgb:218, 177, 122;--arcade-title-end:var(--accent);--arcade-card-shadow:0 5px 16px #17323812;--arcade-hover-shadow:0 14px 28px #17323829;--tone-fallback:var(--surface);--radius-md:12px;--radius-lg:16px;--radius-tile:16px;--cover-badge-bg:var(--arcade-overlay-bg);--arcade-scroll-thumb:#aaa69a;--arcade-scroll-track:var(--bg);--nav-tint:#f4f2ec80;--nav-tint-soft:#f4f2ec00;--nav-ring:#1732381a;--nav-surface:#e8e5ddd1;--nav-glass-top:#fffffffa;--nav-glass-bottom:#fcfbf6db;--nav-glass-shadow:inset 0 1px 0 #fffffff2, 0 2px 6px #3c2d191a, 0 0 0 1px #1732380d}
.discover{padding:44px var(--gutter) 0;max-width:var(--container);margin:0 auto;scroll-margin-top:20px}.filter-row{scrollbar-width:none;align-items:center;gap:6px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-chip{border:2px solid var(--line);border-radius:var(--radius-sm);background:rgba(var(--ink-rgb), .03);height:34px;color:var(--muted);font-size:var(--fs-md);white-space:nowrap;transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), transform var(--dur-base) var(--ease-pop), box-shadow var(--dur-base) var(--ease-pop);flex:none;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.filter-chip:hover{border-color:var(--line-strong);background:rgba(var(--ink-rgb), .07);color:var(--ink)}.filter-chip.is-active{border-color:var(--accent-ink);background:var(--accent-fill);color:var(--accent-ink);box-shadow:2px 2px 0 rgba(var(--pink-rgb), .55);font-weight:800;transform:rotate(-1.5deg)}.toolbar-right{flex:none;align-items:center;gap:8px;display:flex}.search-box{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--control-bg);width:220px;height:36px;color:var(--faint);transition:border-color var(--dur-fast) var(--ease);align-items:center;gap:6px;padding:0 10px;display:flex}.search-box:focus-within{border-color:var(--accent)}.search-box input{width:100%;min-width:0;color:var(--ink);font-size:var(--fs-sm);background:0 0;border:0;outline:none}.search-box input::placeholder{color:var(--faint)}.search-box button{color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.sort-switch{border:1px solid var(--line);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.sort-switch button{border-radius:var(--radius-xs);min-height:30px;color:var(--faint);font-size:var(--fs-sm);background:0 0;border:0;padding:0 10px;font-weight:700}.sort-switch button.is-active{background:var(--accent-fill);color:var(--accent-ink)}.discover-resultline{color:var(--faint);font-size:var(--fs-xs);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.discover-resultline>span{align-items:center;gap:6px;display:inline-flex}.discover-end{color:var(--faint);font-size:var(--fs-xs);text-align:center;padding:30px 0 6px}@media (max-width:900px){.toolbar-right{width:100%}.search-box{flex:1;width:auto}}@media (max-width:640px){.toolbar-right{flex-wrap:wrap}.search-box{flex:auto;width:100%}.discover{padding-top:32px}}
.detail-page{padding:16px 0 clamp(48px,6vw,80px)}.detail-topline{border-bottom:1px solid var(--line);color:var(--faint);font-size:var(--fs-xs);justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.back-link{width:fit-content;color:var(--muted);font-size:var(--fs-xs);transition:color var(--dur-fast) var(--ease);background:0 0;border:0;align-items:center;gap:6px;display:flex}.back-link:hover{color:var(--ink)}.detail-topline .back-link{border-radius:8px;justify-content:center;min-width:44px;min-height:32px}.detail-topline .back-link:focus-visible{outline:2px solid var(--ui-focus-ring,currentColor);outline-offset:2px}.detail-topline__crumb{color:var(--faint);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.detail-theater{grid-template-columns:minmax(0,1.58fr) minmax(340px,.72fr);align-items:start;gap:clamp(14px,1.6vw,22px);padding-top:18px;display:grid}.detail-stage{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--screen);min-width:0;box-shadow:var(--shadow);overflow:hidden;container:stage/inline-size}.detail-stage__screen{aspect-ratio:16/9;background:radial-gradient(circle at 50% 42%, var(--surface) 0%, var(--screen) 76%);position:relative;overflow:hidden}.detail-stage__iframe{background:var(--stage-bg);border:0;width:100%;height:100%;display:block}.detail-stage__poster{cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.detail-stage__media{position:absolute;inset:0;overflow:hidden}.detail-stage__media .game-cover,.detail-stage__media .game-art{aspect-ratio:auto;width:100%;height:100%}.detail-stage__media .game-cover--contain{background:var(--screen)}.detail-stage__overlay{background:radial-gradient(#00000047,#0000 70%);position:absolute;inset:0}.detail-stage__overlay:after{content:"";position:absolute;inset:0;box-shadow:inset 0 1px #eaf6f752,inset 0 0 0 1px #eaf6f71a}.detail-stage__action{background:var(--accent-fill);width:66px;height:66px;color:var(--accent-ink);transition:scale .18s var(--ease-out), background-color .18s var(--ease-out);border:1px solid #ffffff5c;border-radius:18px;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 10px 32px #0000006b}.detail-stage__poster[aria-disabled=false]:is(:hover,:focus-visible) .detail-stage__action{background:var(--accent-hot);scale:1.06}.detail-stage__poster--web .detail-stage__action{color:#16201d;width:auto;min-width:44px;height:auto;min-height:44px;font-size:var(--fs-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f3f8f7eb;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:680;display:inline-flex;inset:auto 14px 14px auto;translate:none}.detail-stage__poster--web[aria-disabled=false]:is(:hover,:focus-visible) .detail-stage__action{background:#fff}.detail-stage__poster--web .detail-stage__hint{bottom:68px}.detail-stage__poster:focus-visible{outline:2px solid var(--accent-fill);outline-offset:-5px}.detail-stage__poster[aria-disabled=true]{cursor:default}.detail-stage__hint{color:#ffffffd9;font-size:var(--fs-xs);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border-radius:999px;padding:6px 12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.detail-stage__bar{border-top:1px solid var(--line);color:var(--faint);font-size:var(--fs-xs);justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;display:flex}.detail-stage__info{flex-wrap:nowrap;align-items:center;gap:6px 10px;min-width:0;display:flex}.detail-stage__info>span[role=status]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.detail-stage__export{border:1px solid var(--line);color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:0 0;border-radius:7px;flex:none;padding:4px 9px;line-height:1.2}.detail-stage__export:hover{border-color:var(--line-strong);background:rgba(var(--ink-rgb), .05);color:var(--ink)}.detail-stage__status{white-space:nowrap;color:var(--muted);flex:none;align-items:center;gap:7px;display:inline-flex}.detail-stage__manage{white-space:nowrap;flex:none;align-items:center;min-height:32px;display:inline-flex}@container stage (max-width:660px){.detail-stage__status{display:none}}@container stage (max-width:620px){.detail-stage__cloud{display:none}}@container stage (max-width:600px){.detail-stage__bar{flex-direction:column;align-items:stretch;gap:7px;padding:8px 10px 10px}.detail-stage__info{flex-wrap:nowrap;gap:8px}.detail-stage__info>span[role=status]{flex:auto}.detail-stage__manage{flex:none}.detail-stage__tools>*{flex:1 1 0;justify-content:center;gap:4px;padding:7px 4px}}.detail-stage__status i{background:var(--accent-fill);border-radius:50%;width:6px;height:6px}.detail-stage__tools{align-items:center;gap:6px;display:flex}.detail-stage__tools button,.detail-stage__tools a{border:1px solid var(--line);min-height:32px;color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:0 0;border-radius:7px;align-items:center;gap:5px;padding:5px 9px;display:inline-flex}.detail-stage__tools button:hover:not(:disabled),.detail-stage__tools a:hover{border-color:var(--line-strong);background:rgba(var(--ink-rgb), .05);color:var(--ink)}.detail-stage__tools button:disabled{opacity:.4;cursor:not-allowed}.detail-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--glass-clear,transparent), var(--panel-bg));min-width:0;box-shadow:var(--glass-ring);flex-direction:column;gap:14px;padding:clamp(16px,1.6vw,22px);display:flex}.detail-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.detail-category{background:var(--accent-fill);min-height:22px;color:var(--accent-ink);font-size:var(--fs-xs);border-radius:6px;align-items:center;padding:0 8px;font-weight:600;display:inline-flex}.detail-badge{border:1px solid var(--line);min-height:22px;color:var(--muted);font-size:var(--fs-xs);border-radius:6px;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.detail-badge--ghost{color:var(--faint)}.detail-badge--official{border-color:rgba(var(--accent-rgb), .4);color:var(--accent);font-weight:600}.detail-title{font-family:var(--font-display);letter-spacing:-.01em;overflow-wrap:anywhere;font-size:clamp(26px,2.6vw,38px);font-weight:700;line-height:1.04}.detail-description{color:var(--muted);font-size:var(--fs-sm);overflow-wrap:anywhere;white-space:pre-line;line-height:1.7}.detail-metadata{border-block:1px solid var(--line)}.detail-metadata summary{min-height:44px;color:var(--muted);font-size:var(--fs-sm);cursor:pointer;padding-block:12px}.detail-metadata>:not(summary){margin-block:8px 12px}.detail-tags{flex-wrap:wrap;gap:6px;display:flex}.detail-tags span{border:1px solid var(--line);color:var(--faint);font-size:var(--fs-xs);border-radius:999px;padding:3px 9px}.detail-stats{border-top:1px solid var(--line);flex-direction:column;padding-top:6px;display:flex}.detail-stats>div{border-bottom:1px solid var(--line);color:var(--faint);align-items:center;gap:8px;padding:8px 0;display:flex}.detail-stats>div:last-child{border-bottom:0}.detail-stats svg{color:var(--faint);flex:none}.detail-stats span{font-size:var(--fs-xs)}.detail-stats b{color:var(--ink);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.detail-cta{grid-template-columns:1fr auto;gap:8px;margin-top:2px;display:grid}.detail-play{min-height:46px;font-size:var(--fs-md);border-radius:var(--radius-md)}.detail-creator{border-top:1px solid var(--line);align-items:center;gap:10px;padding-top:14px;display:flex}.detail-creator__avatar{background:var(--accent-fill);width:34px;height:34px;color:var(--accent-ink);font-size:var(--fs-sm);border-radius:50%;place-items:center;font-weight:600;display:grid}.detail-creator>div{flex-direction:column;gap:1px;display:flex}.detail-creator__label{color:var(--faint);font-size:var(--fs-xs);letter-spacing:.08em}.detail-creator b{font-size:var(--fs-sm);font-weight:600}.detail-creator .detail-creator__profile{width:100%;min-height:44px}.detail-creator__profile>svg{color:var(--muted);flex:none;margin-inline-start:auto}.detail-page .detail-overview--instructions{display:block}.detail-more{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:14px;display:flex}.detail-more__label{color:var(--faint);font-size:var(--fs-xs);letter-spacing:.1em;margin-bottom:2px;font-weight:600}.detail-mini{transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:4px;display:flex}.detail-mini:hover{border-color:var(--line);background:rgba(var(--ink-rgb), .04)}.detail-mini__art{border:1px solid var(--line);border-radius:4px;flex:none;width:30px;height:40px;overflow:hidden}.detail-mini__art .game-art{aspect-ratio:auto;width:100%;height:100%}.detail-mini__body{flex-direction:column;flex:1;min-width:0;display:flex}.detail-mini__body b{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.detail-mini__body small{color:var(--faint);font-size:var(--fs-xs)}.detail-mini>svg{color:var(--faint);flex:none}.owner-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(var(--accent-rgb), .04);padding:12px}.owner-panel__head{color:var(--ink);font-size:var(--fs-xs);justify-content:space-between;align-items:center;gap:10px;font-weight:600;display:flex}.owner-panel__head span{align-items:center;gap:5px;display:inline-flex}.owner-panel__head svg{color:var(--accent)}.owner-panel__head small,.owner-panel__hint{color:var(--faint);font-size:var(--fs-xs);font-weight:400}.visibility-switch{border:1px solid var(--line);background:var(--bg);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:9px;padding:3px;display:grid}.visibility-switch button{min-height:28px;color:var(--muted);font-size:var(--fs-xs);background:0 0;border:0;border-radius:6px}.visibility-switch button.is-active{background:var(--accent-fill);color:var(--accent-ink);font-weight:600}.visibility-switch button:disabled{cursor:wait}.owner-panel__hint{margin-top:8px;display:block}.detail-toast{border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:var(--fs-xs);overflow-wrap:anywhere;border-radius:8px;padding:8px 10px}.detail-owner-strip{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--faint);font-size:var(--fs-xs);justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:10px 14px;display:flex}.detail-owner-strip>span{align-items:center;gap:6px;display:inline-flex}.detail-owner-strip>span:first-child{color:var(--muted)}.detail-related{border-top:1px solid var(--line);margin-top:clamp(36px,5vw,64px);padding-top:22px}.detail-related .game-grid{margin-top:16px}.detail-loading,.detail-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60vh;display:flex}.detail-loading{color:var(--muted);font-size:var(--fs-sm);flex-direction:row}.detail-error__icon{border:1px solid var(--line-strong);width:48px;height:48px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.detail-error h1{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.05}.detail-error p{max-width:460px;color:var(--muted);font-size:var(--fs-sm);line-height:1.7}.detail-error__actions{gap:8px;margin-top:4px;display:flex}@media (max-width:1100px){.detail-theater{grid-template-columns:1fr}.detail-panel{max-width:none}}@media (max-width:640px){.detail-page{padding-top:10px}.detail-topline__crumb{display:none}.detail-stage__screen{aspect-ratio:auto;height:clamp(300px,62dvh,470px)}.detail-page:not([data-playing=true]) .detail-stage__screen{aspect-ratio:16/10;height:auto}.detail-page[data-playing] .detail-stage__screen{height:clamp(300px,100dvh - 250px,640px)}.detail-stage__action{border-radius:15px;width:54px;height:54px}.detail-stage__bar{padding:8px 10px 10px}.detail-panel{padding:14px}.detail-cta{grid-template-columns:1fr}.detail-owner-strip{flex-direction:column;align-items:flex-start;gap:6px}.detail-owner-strip>span:nth-child(2){display:none}}@media (orientation:landscape) and (max-height:520px) and (max-width:1100px){.detail-page{padding-top:6px}.detail-topline{padding-bottom:4px}.detail-theater{padding-top:10px}.detail-stage__poster--web .detail-stage__action{inset:12px 14px auto auto}.detail-stage__poster--web .detail-stage__hint{top:64px;bottom:auto}.detail-page[data-playing=true] .detail-stage__screen:not(:fullscreen){--stage-scroll-top:calc(var(--navigation-height,64px) + 8px);aspect-ratio:auto;height:calc(100dvh - var(--stage-scroll-top) - 6px);scroll-margin-top:var(--stage-scroll-top)}}.detail-stage__help{min-height:32px;color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;transition:color var(--dur-fast) var(--ease);background:0 0;border:0;flex:none;align-items:center;gap:5px;padding:0;display:inline-flex}.detail-stage__help:hover{color:var(--ink)}@container stage (max-width:600px){.detail-page:not([data-playing=true]) .detail-stage__bar{flex-flow:wrap;gap:2px 6px;padding:4px 6px}.detail-page:not([data-playing=true]) .detail-stage__bar :is(.detail-stage__info,.detail-stage__tools){display:contents}.detail-page:not([data-playing=true]) .detail-stage__bar :is(button,a){white-space:normal;border:0;flex:auto;justify-content:center;min-height:44px;padding:4px 7px}}@media (prefers-reduced-transparency:reduce),(forced-colors:active){.detail-stage__overlay:after{content:none}.detail-stage__poster--web .detail-stage__action{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f3f8f7}.detail-stage__hint{-webkit-backdrop-filter:none;backdrop-filter:none;background:#18201d}}@media (forced-colors:active){.detail-stage__poster--web .detail-stage__action{color:buttontext;background:buttonface;border-color:buttontext}}@media (prefers-reduced-motion:reduce){.detail-stage__action{transition:none}.detail-stage__poster[aria-disabled=false]:is(:hover,:focus-visible) .detail-stage__action{scale:1}}.detail-controls{border:1px solid var(--line);background:rgba(var(--ink-rgb), .035);border-radius:10px;flex-direction:column;gap:7px;margin-bottom:12px;padding:12px 14px;display:flex}.detail-controls__label{color:var(--muted);font-size:var(--fs-xs);align-items:center;gap:6px;font-weight:600;display:flex}.detail-controls__label em{color:var(--faint);font-style:normal;font-weight:400}.detail-overview .detail-controls__text,.detail-overview .detail-controls--empty p{color:var(--ink);font-size:var(--fs-sm);white-space:pre-line;overflow-wrap:anywhere;margin:0;line-height:1.8}.detail-overview .detail-controls--empty p{color:var(--muted)}.detail-controls--empty .text-link{width:fit-content;font-size:var(--fs-xs)}.game-controls-dialog .modal-shell__panel{border-radius:14px;width:min(560px,100vw - 24px);padding:0}.game-controls{flex-direction:column;gap:14px;padding:20px;display:flex}.game-controls__top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.game-controls__head{align-items:flex-start;gap:12px;display:flex}.game-controls__icon{border:1px solid var(--accent-line);background:rgba(var(--accent-rgb), .1);width:38px;height:38px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.game-controls__head h2{color:var(--ink);font-family:var(--font-nav);letter-spacing:-.01em;margin:0;font-size:clamp(20px,3vw,26px);font-weight:700;line-height:1.1}.game-controls__head p{color:var(--faint);font-size:var(--fs-xs);margin:3px 0 0}.game-controls__text{border:1px solid var(--line);background:rgba(var(--ink-rgb), .035);max-height:min(46dvh,380px);color:var(--ink);font-size:var(--fs-sm);white-space:pre-line;overflow-wrap:anywhere;border-radius:10px;padding:15px 16px;line-height:1.9;overflow-y:auto}.game-controls__empty{border:1px dashed var(--line-strong);background:rgba(var(--ink-rgb), .02);border-radius:10px;padding:15px 16px}.game-controls__empty b{color:var(--ink);font-size:var(--fs-sm);margin-bottom:6px;display:block}.game-controls__empty p{color:var(--muted);font-size:var(--fs-xs);margin:0;line-height:1.8}.game-controls__note{color:var(--faint);font-size:var(--fs-xs);align-items:flex-start;gap:6px;margin:0;line-height:1.7;display:flex}.game-controls__actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding-top:12px;display:flex}@media (max-width:640px){.detail-stage__guide{padding:5px 9px;top:8px;left:8px}.modal-shell.game-controls-dialog{padding:8px}.game-controls-dialog .modal-shell__panel{width:100%;max-height:92dvh}.game-controls{gap:12px;padding:16px}.game-controls__text{max-height:44dvh;padding:13px 14px}.game-controls__actions{grid-template-columns:1fr;display:grid}.game-controls__actions .btn{justify-content:center}}.knowledge-guide{border:1px solid var(--line);color:var(--ink);overflow-wrap:anywhere;background:linear-gradient(135deg,#188e9717,#0000 65%);border-radius:20px;margin:28px 0;padding:clamp(20px,3vw,40px);line-height:1.85}.knowledge-guide h2{margin:10px 0 16px;font-size:clamp(23px,2.6vw,32px);line-height:1.4}.knowledge-guide h3{margin:0 0 14px;font-size:18px}.knowledge-guide p{color:var(--muted);margin:0 0 12px}.knowledge-guide__intro{max-width:850px}.knowledge-guide__facts{flex-wrap:wrap;gap:8px;margin:20px 0 30px;display:flex}.knowledge-guide__facts span{border:1px solid var(--line);border-radius:30px;padding:3px 12px;font-size:12px}.knowledge-guide__columns{grid-template-columns:1fr 1fr;gap:32px;display:grid}.knowledge-guide ol{color:var(--muted);margin:0;padding-left:22px}.knowledge-guide li{margin-bottom:12px;padding-left:4px}.knowledge-guide b{color:var(--ink)}.knowledge-guide table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.knowledge-guide caption{text-align:left;color:var(--faint);font-size:12px}.knowledge-guide th,.knowledge-guide td{border-bottom:1px solid var(--line);padding:10px 8px}.knowledge-guide__note{font-size:12px;margin-top:14px!important}.knowledge-guide__faq{margin-top:28px}.knowledge-guide details{border-top:1px solid var(--line)}.knowledge-guide summary{cursor:pointer;padding:15px 0;font-weight:600}.knowledge-guide summary:focus-visible{outline-offset:3px;outline:2px solid}.knowledge-guide details p{max-width:850px;padding:0 0 12px}.knowledge-guide__footer{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.knowledge-guide__footer p{font-size:12px}.knowledge-guide__footer>div{flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;display:flex}.knowledge-guide__footer .text-link{text-underline-offset:4px;font-size:13px;text-decoration:underline}@media (max-width:680px){.knowledge-guide__columns{grid-template-columns:1fr;gap:24px}.knowledge-guide th,.knowledge-guide td{padding:10px 5px}.knowledge-guide__footer>div{flex-direction:column;align-items:stretch}}
.player{--player-bar-h:58px;--player-meta-h:41px;--player-stage-gap:18px;--player-stage-max-w:2104px;--player-stage-w:100%;background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.player-bar{border-bottom:1px solid var(--line);background:var(--bg);flex:none;justify-content:space-between;align-items:center;gap:18px;height:58px;padding:0 14px;display:flex}.player:not(.is-console) .player-bar{background:linear-gradient(155deg, var(--surface), var(--bg))}.player-bar__left,.player-bar__right{align-items:center;gap:8px;min-width:0;display:flex}.player-brand{align-items:center;gap:8px;margin-left:2px;display:inline-flex}.player-brand .brand__mark{border-radius:8px;width:28px;height:28px}.player-brand b{font-size:var(--fs-xs);letter-spacing:-.02em;font-weight:640}.player-divider{background:var(--line);width:1px;height:20px;margin:0 3px}.player-title{flex-direction:column;gap:1px;min-width:0;display:flex}.player-title b{max-width:40vw;font-size:var(--fs-xs);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:560;overflow:hidden}.player-title span{max-width:40vw;color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-icon{border:1px solid var(--line);background:linear-gradient(155deg, rgba(var(--ink-rgb), .08), rgba(var(--ink-rgb), .02));width:32px;height:32px;box-shadow:inset 0 1px rgba(var(--ink-rgb), .06);color:var(--muted);transition:color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);border-radius:10px;flex:none;place-items:center;display:grid}.player-icon:hover{border-color:var(--line-strong);color:var(--ink)}.player-bar :is(a,button):focus-visible{outline:2px solid var(--accent-fill);outline-offset:2px}@media (min-width:761px){.player:not(.is-console) .player-icon{width:36px;height:36px}.player:not(.is-console) .player-title b{font-size:14px}}.player-controls-shortcut{display:none}@media (max-height:520px){.player-controls-shortcut{display:grid}}@media (max-height:520px) and (max-width:760px) and (orientation:portrait){.player-title{display:none}}.player-visibility{border:1px solid var(--line);color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.06em;border-radius:2px;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.player-detail-link{border:1px solid var(--line);border-radius:var(--radius-xs);height:32px;color:var(--muted);font-size:var(--fs-xs);transition:color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);align-items:center;gap:5px;padding:0 11px;display:inline-flex}.player-detail-link:hover{border-color:var(--line-strong);color:var(--ink)}.player-stage-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:10px 14px 8px;display:flex}.player-stage-wrap:fullscreen{--player-stage-w:100%;background:var(--stage-bg);padding:0}.player-stage{width:var(--player-stage-w);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--stage-bg);flex:1;min-height:0;position:relative;overflow:hidden}.player-stage-wrap:fullscreen .player-stage{aspect-ratio:auto;border:0;border-radius:0;flex:1}@media (min-width:900px) and (orientation:landscape){.player-stage-wrap{--player-stage-w:min(100%, var(--player-stage-max-w), calc((100dvh - var(--player-bar-h) - var(--player-meta-h) - var(--player-stage-gap)) * 16 / 9))}.player-stage{aspect-ratio:16/9;flex:none}}.player-iframe{background:var(--stage-bg);border:0;width:100%;height:100%}.player-frame-loading{z-index:2;background:var(--bg);color:var(--muted);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.08em;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.player-stage-meta{width:var(--player-stage-w);color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.06em;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:6px 12px;padding:7px 3px 0;display:flex}.player-stage-meta span{align-items:center;gap:5px;display:inline-flex}@media (min-width:900px) and (orientation:landscape){.player-stage-meta{flex-wrap:nowrap}.player-stage-meta>:not([role=status]){flex:none}.player-stage-meta>span[role=status]{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}}.player-loading{background:var(--bg);min-height:100dvh;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}.player-loading__logo{color:var(--ink);font-size:var(--fs-sm);letter-spacing:-.02em;margin-bottom:8px;font-weight:640}.player-loading>span:not(.player-loading__logo){font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.08em}.player-loading h1{color:var(--ink);letter-spacing:-.01em;margin-top:4px;font-size:clamp(26px,4vw,38px);font-weight:620}.player-loading p{max-width:380px;color:var(--muted);font-size:var(--fs-xs);line-height:1.8}.player-error__icon{border:1px solid var(--line);border-radius:var(--radius-xs);place-items:center;width:44px;height:44px;display:grid;color:var(--danger)!important}.player-error__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.player-error__account{border:1px solid var(--line);background:var(--surface,transparent);max-width:380px;color:var(--ink);font-size:var(--fs-xs);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-weight:600;display:inline-flex}.player-error__account b{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.player-error__hint{max-width:380px;color:var(--muted);font-size:var(--fs-xs);line-height:1.8}@media (max-width:760px){.player{--player-bar-h:54px}.player-bar{gap:8px;height:54px;padding:0 10px}.player-bar__left{flex:auto;gap:6px}.player-bar__right{flex:none;gap:4px}.player-bar :is(.player-icon,.player-brand){min-width:44px;min-height:44px}.player-brand{flex:none;justify-content:center;margin-left:0}.player-divider,.player-visibility,.player-detail-link,.player-brand b,.player-stage-meta>a{display:none}.player-title b,.player-title span{max-width:none;font-size:var(--fs-xs)}.player-stage-wrap{padding:6px 6px 4px}.player-stage-meta{font-size:var(--fs-xs);flex-wrap:nowrap;gap:4px 8px;padding:5px 3px 0}.player-stage-meta>span[role=status]{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.player-stage-meta>.player-controls-trigger,.player-stage-meta>.btn{flex:none;min-height:44px}}@media (max-width:360px){.player-bar .player-brand{display:none}}@media (max-height:520px){.player{--player-bar-h:46px;--player-meta-h:0px;--player-stage-gap:10px}.player-bar{height:46px}.player-stage-wrap{padding:5px 6px}.player-stage-meta{display:none}.player-stage-wrap:fullscreen .player-stage-meta{justify-content:flex-end;padding:0 6px 4px;display:flex}.player-stage-wrap:fullscreen .player-stage-meta>:not(.player-fullscreen-exit){display:none}}@media (max-width:899px){.player--knowledge{top:var(--knowledge-viewport-top,0px);height:var(--knowledge-viewport-h,100dvh);position:fixed;left:0;right:0}.player--knowledge .player-stage-wrap{padding:0}.player--knowledge .player-stage{border:0;border-radius:0}.player--knowledge[data-compact-viewport=true] .player-bar{height:44px;padding:0 6px}.player--knowledge[data-compact-viewport=true] .player-stage-footer{display:none}.player--knowledge[data-compact-viewport=true] .player-controls-shortcut{display:grid}.player--knowledge[data-compact-viewport=true] .player-title,.player--knowledge[data-compact-viewport=true] .player-visibility,.player--knowledge[data-compact-viewport=true] .player-detail-link,.player--knowledge[data-compact-viewport=true] .player-brand b{display:none}.player--knowledge .player-stage-wrap:fullscreen{height:var(--knowledge-viewport-h,100dvh)}}.player-stage-source{flex:none;min-width:0}.player-stage-meta .player-fullscreen-exit{min-height:44px}.player-stage-meta>span[role=status]{overflow-wrap:anywhere;min-width:0}.player-hud{white-space:nowrap;align-items:baseline;gap:6px;display:inline-flex}.player-hud__label{color:var(--muted);font-size:var(--fs-xs);letter-spacing:0}.player-hud b{text-overflow:ellipsis;max-width:18ch;color:var(--accent);font-family:var(--font-figure);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:640;overflow:hidden}@media (max-width:1000px){.player-stage-meta .player-save-hint,.player-stage-source__label{display:none}}.player-paused{z-index:6;color:var(--ink);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.08em;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0806b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.player-toast{z-index:7;border:1px solid var(--accent-line);background:var(--elevated-bg);color:var(--accent);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.04em;white-space:nowrap;animation:toast-in .22s var(--ease);padding:8px 14px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.player-result{z-index:8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0806c7;place-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow:auto}.player-result__card{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--elevated-bg);width:min(400px,100%);box-shadow:var(--shadow-lg);padding:22px}.player-result__score{color:var(--accent);align-items:baseline;gap:8px;margin:10px 0 4px;display:flex}.player-result__score b{font-family:var(--font-figure);letter-spacing:-.04em;font-size:44px;font-weight:640;line-height:1}.player-result__score span{color:var(--muted);font-family:var(--font);font-size:var(--fs-xs)}.player-result__state{min-height:18px;color:var(--muted);font-size:var(--fs-xs);line-height:1.7}.player-result__board{border-top:1px solid var(--line);margin:14px 0 0;padding:0;list-style:none}.player-result__board li{border-bottom:1px dashed var(--line);color:var(--muted);font-family:var(--font);font-size:var(--fs-xs);grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:7px 2px;display:grid}.player-result__board li span{color:var(--faint);font-size:var(--fs-xs)}.player-result__board li b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:520;overflow:hidden}.player-result__board li em{color:var(--accent);font-style:normal}.player-result__board li.is-self b,.player-result__board li.is-self em{color:var(--accent)}.player-result__actions{gap:8px;margin-top:18px;display:flex}.player-result__actions .btn{flex:1;justify-content:center}.player-icon.is-active{border-color:var(--accent-line);color:var(--accent)}@media (max-width:760px){.player-result__card{padding:18px}.player-result__score b{font-size:36px}.player-result__actions{flex-direction:column}}.ad-overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080604e0;place-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow:auto}.ad-overlay__card{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--elevated-bg);width:min(440px,100%);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.ad-overlay__art{opacity:.26;pointer-events:none;position:absolute;inset:0}.ad-overlay__art .game-art{aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0}.ad-overlay__art .game-art>svg{transform:scale(1.08)}.ad-overlay__body{z-index:1;flex-direction:column;gap:10px;padding:22px;display:flex;position:relative}.ad-overlay__top{justify-content:space-between;align-items:center;gap:10px;display:flex}.ad-overlay__tag{border:1px solid var(--accent-line);color:var(--accent);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.16em;padding:3px 7px}.ad-overlay__timer{color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.08em}.ad-overlay__title{color:var(--ink);letter-spacing:-.01em;margin:4px 0 0;font-size:clamp(22px,3vw,28px);font-weight:620;line-height:1.15}.ad-overlay__text{max-width:36ch;color:var(--muted);font-size:var(--fs-xs);line-height:1.8}.ad-overlay__actions{align-items:center;gap:10px;margin-top:8px;display:flex}.ad-overlay__cta{color:var(--accent);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.08em}.ad-overlay__skip{border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--muted);font-size:var(--fs-xs);background:0 0;align-items:center;gap:5px;padding:6px 9px;display:inline-flex}.ad-overlay__skip:hover{border-color:var(--line-strong);color:var(--ink)}.ad-overlay__wait{color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.06em;margin-left:auto}.ad-overlay__note{color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.04em;margin-top:6px;line-height:1.6}@media (max-width:760px){.ad-overlay{padding:10px}.ad-overlay__body{padding:18px}.ad-overlay__actions{flex-wrap:wrap}}.game-runtime-status{min-width:0;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:8px 12px;font-size:12px;line-height:1.5;display:flex}.game-runtime-status span{overflow-wrap:anywhere}.game-runtime-status button{flex-shrink:0}.player-stage-footer{width:var(--player-stage-w);flex:none;min-width:0}.player-stage-footer .player-stage-meta{width:100%}.player .player-stage-footer[data-runtime-routine] .game-runtime-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-height:520px) and (orientation:landscape){.player-bar .player-icon{min-width:44px;min-height:44px}}.player-frame-loading{overflow:hidden}.player-frame-loading__art{object-fit:cover;opacity:.5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.player-frame-loading:has(.player-frame-loading__art):after{content:"";background:radial-gradient(62% 62%,#0806049e,#080604eb);position:absolute;inset:0}.player-loading--art{position:relative;overflow:hidden}.player-loading__art{object-fit:cover;opacity:.5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.player-loading--art:after{content:"";background:radial-gradient(62% 62%,#0806049e,#080604eb);position:absolute;inset:0}.player-loading--art>:not(.player-loading__art),.player-frame-loading>:not(.player-frame-loading__art){z-index:1;position:relative}.player-edge{display:none}@media (min-width:900px) and (orientation:landscape){.player.is-console{position:relative}.player.is-console .player-stage-wrap{--player-stage-w:100%;padding:0;position:relative}.player.is-console .player-stage{aspect-ratio:auto;border:0;border-radius:0;flex:1}.player.is-console .player-bar,.player.is-console .player-stage-footer{z-index:12;width:auto;transition:opacity .24s var(--ease-out), transform var(--dur-base) var(--ease);position:absolute;left:0;right:0}.player.is-console .player-bar{background:0 0;border-bottom:0;top:0}.player.is-console .player-stage-footer{background:0 0;bottom:0}.player.is-console .player-bar:before,.player.is-console .player-stage-footer:before{content:"";pointer-events:none;z-index:-1;height:calc(100% + 56px);position:absolute;left:0;right:0}.player.is-console .player-bar:before{background:linear-gradient(#080604f7,#080604ed 72%,#08060400);top:0}.player.is-console .player-stage-footer:before{background:linear-gradient(#08060400,#080604ed 28%,#080604f7);bottom:0}.player.is-console .game-runtime-status{padding:9px 14px 0}.player.is-console .player-stage-footer .player-stage-meta{padding:6px 14px 9px}.player[data-chrome=hidden] .player-bar{opacity:0;pointer-events:none;transform:translateY(-100%)}.player[data-chrome=hidden] .player-stage-footer{opacity:0;pointer-events:none;transform:translateY(100%)}.player.is-console .player-bar:focus-within,.player.is-console .player-stage-footer:focus-within{opacity:1;pointer-events:auto;transform:none}.player-edge{z-index:4;height:16px;display:block;position:absolute;left:0;right:0}.player-edge--top{top:0}.player-edge--bottom{height:20px;bottom:0}}.player[data-page-motion=paused] :is(.player-bar,.player-stage-footer,.player-icon){transition:none}@media (prefers-reduced-transparency:reduce),(forced-colors:active){.player .player-icon{background:var(--surface);box-shadow:none}.player.is-console :is(.player-bar,.player-stage-footer):before{content:none}.player.is-console :is(.player-bar,.player-stage-footer){background:var(--bg)}}@media (forced-colors:active){.player .player-icon{color:buttontext;background:buttonface;border-color:buttontext}}
.studio-page{padding:18px 0 70px;position:relative}.studio-head{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:22px;display:flex}.studio-head__left,.studio-head__right{align-items:center;gap:12px;display:flex}.studio-head__sep{background:var(--line);width:1px;height:30px}.studio-head__title{flex-direction:column;gap:5px;display:flex}.studio-head__title .section-index{font-size:var(--fs-xs);color:var(--pink)}.studio-head__title .section-index:after{width:14px}.studio-head__title h1{letter-spacing:-.01em;font-size:clamp(23px,2.2vw,30px);font-weight:620;line-height:1}.studio-head__right,.provider-picker{position:relative}.provider-picker__button{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--muted);font-size:var(--fs-xs);border-radius:9px;align-items:center;gap:7px;padding:0 11px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.provider-picker__button:hover{border-color:var(--pink-line);background:var(--surface-2);color:var(--ink)}.provider-picker__button svg{opacity:.6;margin-left:2px}.provider-picker__dot{background:var(--faint);border-radius:50%;width:5px;height:5px}.provider-picker__dot[data-live=true]{background:var(--success);box-shadow:none}.provider-picker__menu{z-index:60;border:1px solid var(--pink-line);background:var(--surface);width:284px;box-shadow:0 26px 60px -24px rgb(var(--scrim-rgb)), inset 0 1px 0 #ffffff0f;border-radius:14px;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.provider-picker__menu>p{color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.14em;padding:7px 9px 8px}.provider-picker__menu>button{text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 9px;transition:background .2s,border-color .2s;display:flex}.provider-picker__menu>button:hover:not(:disabled){background:var(--surface-2)}.provider-picker__menu>button.is-active{border-color:var(--pink-line);background:var(--pink-dim)}.provider-picker__menu>button:disabled{cursor:not-allowed;opacity:.45}.provider-picker__menu>button span{width:100%;color:var(--ink);font-size:var(--fs-xs);align-items:center;gap:7px;font-weight:550;display:flex}.provider-picker__menu>button span i{border:1px solid var(--pink-line);color:var(--pink);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.04em;border-radius:4px;margin-left:auto;padding:2px 5px;font-style:normal}.provider-picker__menu>button span i.is-off{border-color:var(--line);color:var(--faint)}.provider-picker__menu>button small{color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.02em}.provider-picker__foot{border-top:1px solid var(--line);color:var(--faint);font-size:var(--fs-xs);margin-top:6px;padding:8px 9px;line-height:1.6}.studio-reset.icon-btn{width:36px;height:36px}.ai-engine-pill{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--ink);font-size:var(--fs-xs);border-radius:9px;align-items:center;gap:7px;padding:0 10px 0 6px;font-weight:550;display:inline-flex}.ai-engine-pill__orb{background:linear-gradient(160deg, var(--accent-soft), var(--pink) 66%, var(--accent-deep));width:24px;height:24px;color:var(--ink-on-media);box-shadow:none;border-radius:7px;place-items:center;display:grid}.ai-engine-pill small{border-left:1px solid var(--line);color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.04em;padding-left:7px;font-weight:400}.studio-workspace{grid-template-columns:420px minmax(0,1fr);gap:13px;height:clamp(640px,100dvh - 218px,900px);display:grid}.chat-panel,.preview-panel{border:1px solid var(--line);background:linear-gradient(180deg, rgba(var(--ink-rgb), .03), transparent 40%), var(--surface);min-width:0;min-height:0;box-shadow:var(--shadow-panel);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.chat-panel{border-color:var(--pink-line)}.chat-panel__head{border-bottom:1px solid var(--line);background:linear-gradient(180deg, rgba(var(--accent-rgb), .1), transparent);flex:none;justify-content:space-between;align-items:center;gap:10px;height:60px;padding:0 15px;display:flex}.assistant-identity{align-items:center;gap:9px;display:flex}.assistant-avatar{border:1px solid var(--pink-line);background:var(--pink-dim);width:34px;height:34px;color:var(--pink);border-radius:10px;place-items:center;display:grid}.assistant-identity>div{flex-direction:column;gap:2px;display:flex}.assistant-identity b{font-size:var(--fs-xs);font-weight:650}.assistant-identity span{color:var(--faint);font-size:var(--fs-xs);align-items:center;gap:5px;display:inline-flex}.chat-panel__session{color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.12em}.chat-preview-jump{border:1px solid var(--accent-line);background:var(--accent-dim);color:var(--accent);font-size:var(--fs-xs);border-radius:5px;align-items:center;gap:4px;padding:4px 7px;display:none}.preview-chat-jump{border:1px solid var(--accent-line);min-height:44px;color:var(--accent);background:var(--accent-dim);font-size:var(--fs-xs);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;display:none}.chat-preview-jump:focus-visible,.preview-chat-jump:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.studio-notice{border-bottom:1px solid var(--pink-line);background:var(--pink-dim);color:var(--pink);font-size:var(--fs-xs);flex:none;align-items:flex-start;gap:7px;padding:9px 13px;line-height:1.6;display:flex}.studio-notice svg{color:var(--pink);flex:none;margin-top:1px}.studio-notice span{flex:1}.studio-notice button,.chat-error button{color:inherit;opacity:.6;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.chat-scroll{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;min-height:0;padding:18px 16px;overflow-y:auto}.chat-loading{height:100%;color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.1em;justify-content:center;align-items:center;gap:9px;display:flex}.chat-welcome{padding:8px 3px 18px}.chat-welcome__eyebrow{color:var(--pink);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.2em;font-weight:600}.chat-welcome h2{letter-spacing:-.01em;margin-top:13px;font-size:clamp(30px,2.6vw,38px);font-weight:620;line-height:1.06}.chat-welcome h2 span{color:var(--pink)}.chat-welcome>p{color:var(--muted);font-size:var(--fs-xs);margin-top:13px;line-height:1.78}.idea-grid{grid-template-columns:1fr;gap:7px;margin-top:20px;display:grid}.idea-grid>button{border:1px solid var(--line);background:rgba(var(--ink-rgb), .018);width:100%;color:var(--muted);text-align:left;border-radius:11px;align-items:flex-start;gap:9px;padding:11px 10px;transition:border-color .2s,background .2s,transform .2s;display:flex}.idea-grid>button:hover{border-color:var(--pink-line);background:var(--pink-dim);transform:translate(2px)}.idea-grid__icon{border:1px solid var(--pink-line);background:var(--pink-dim);width:27px;height:27px;color:var(--pink);border-radius:7px;flex:none;place-items:center;display:grid}.idea-grid>button>span:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.idea-grid b{color:var(--ink);font-size:var(--fs-xs);font-weight:600}.idea-grid small{color:var(--faint);font-size:var(--fs-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.idea-grid>button>svg{color:var(--faint);flex:none;margin-top:5px}.message-list{flex-direction:column;gap:17px;display:flex}.message{align-items:flex-start;gap:8px;max-width:94%;display:flex}.message--user{flex-direction:row-reverse;align-self:flex-end}.message__avatar{background:var(--surface-2);width:24px;height:24px;color:var(--muted);font-family:var(--font);font-size:var(--fs-xs);border-radius:7px;flex:none;place-items:center;display:grid}.message--assistant .message__avatar{border:1px solid var(--pink-line);background:var(--pink-dim);color:var(--pink)}.message__body{flex-direction:column;gap:4px;min-width:0;display:flex}.message--user .message__body{align-items:flex-end}.message__bubble{border:1px solid var(--line);background:var(--surface-2);border-radius:5px 13px 13px;padding:10px 12px}.message--user .message__bubble{background:var(--ink);color:var(--bg);border-color:#0000;border-radius:13px 5px 13px 13px}.message__bubble p{white-space:pre-wrap;font-size:var(--fs-xs);overflow-wrap:anywhere;line-height:1.8}.message__meta{color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.02em;align-items:center;gap:7px;display:flex}.message--user .message__meta{flex-direction:row-reverse}.message__engine{border:1px solid var(--pink-line);color:var(--pink);font-size:var(--fs-xs);border-radius:3px;padding:2px 4px}.generating-card{border:1px dashed var(--pink-line);background:rgba(var(--accent-rgb), .06);border-radius:12px;gap:9px;padding:12px;display:flex}.generating-card__spark{background:linear-gradient(160deg, var(--accent-soft), var(--pink));width:26px;height:26px;color:var(--ink-on-media);border-radius:7px;flex:none;place-items:center;animation:1.8s infinite sparkPulse;display:grid}@keyframes sparkPulse{50%{transform:scale(.94)rotate(5deg)}}.generating-card>div{flex:1;min-width:0}.generating-card__row{color:var(--muted);font-size:var(--fs-xs);justify-content:space-between;align-items:center;gap:10px;display:flex}.generating-card__row b{color:var(--ink);font-weight:550}.generating-card__row span{font-family:var(--font);font-size:var(--fs-xs)}.generating-card__steps{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.generating-card__steps span{border:1px solid var(--line);color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);border-radius:4px;padding:3px 6px}.generating-card__steps span.is-done{border-color:var(--pink-line);color:var(--pink)}.generating-card__steps span.is-active{border-color:var(--accent-line);background:var(--accent-dim);color:var(--accent)}.generating-card__bar{background:rgba(var(--accent-rgb), .16);border-radius:99px;height:2px;margin-top:10px;overflow:hidden}.generating-card__bar i{border-radius:inherit;background:linear-gradient(90deg, var(--pink), var(--accent-fill));height:100%;transition:width .8s;display:block}.chat-error{border-top:1px solid rgba(var(--danger-rgb), .2);background:var(--danger-dim);color:var(--danger);font-size:var(--fs-xs);flex:none;align-items:center;gap:8px;padding:8px 13px;display:flex}.chat-error span{flex:1}.chat-quick{border-top:1px solid var(--line);scrollbar-width:none;flex:none;gap:5px;padding:8px 13px;display:flex;overflow-x:auto}.chat-quick::-webkit-scrollbar{display:none}.chat-quick button{border:1px solid var(--line);color:var(--faint);font-size:var(--fs-xs);background:0 0;border-radius:5px;flex:none;padding:4px 8px;transition:color .2s,border-color .2s,background .2s}.chat-quick button:hover{border-color:var(--pink-line);background:var(--pink-dim);color:var(--ink)}.chat-composer{border-top:1px solid var(--line);background:#05040b52;flex:none;padding:10px 11px 9px}.chat-composer__field{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;align-items:flex-end;gap:8px;padding:8px 8px 8px 10px;transition:border-color .2s,box-shadow .2s;display:flex}.chat-composer__field:focus-within{border-color:var(--pink-line);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .12)}.chat-composer__field>svg{color:var(--pink);flex:none;margin-bottom:7px}.chat-composer textarea{min-width:0;height:46px;max-height:100px;color:var(--ink);font-size:var(--fs-xs);resize:none;background:0 0;border:0;outline:none;flex:1;padding:3px 0;line-height:1.65}.chat-composer textarea::placeholder{color:var(--faint)}.chat-composer__send{border:1px solid var(--accent-soft);background:linear-gradient(180deg, var(--accent-soft), var(--accent-fill) 64%, var(--accent-deep));width:32px;height:32px;color:var(--accent-ink);transition:opacity .2s ease, transform .2s var(--ease);border-radius:9px;flex:none;place-items:center;display:grid;box-shadow:inset 0 -2px #6e3e0042}.chat-composer__send:hover:not(:disabled){transform:scale(1.05)rotate(3deg)}.chat-composer__send:disabled{cursor:not-allowed;opacity:.25}.chat-composer__foot{color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;padding:0 2px;display:flex}.preview-panel__head{border-bottom:1px solid var(--line);background:rgba(var(--ink-rgb), .02);flex:none;justify-content:space-between;align-items:center;gap:14px;height:48px;padding:0 13px 0 15px;display:flex}.preview-panel__title{align-items:center;gap:8px;min-width:0;display:flex}.preview-panel__title>b{font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.16em;font-weight:600}.preview-dot{background:var(--success);width:5px;height:5px;box-shadow:none;border-radius:50%}.preview-mode{border:1px solid var(--line);color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.06em;border-radius:4px;padding:3px 6px}.preview-mode--live{border-color:rgba(var(--success-rgb), .3);background:var(--success-dim);color:var(--success)}.preview-tools{align-items:center;gap:7px;display:flex}.device-switch{border:1px solid var(--line);border-radius:8px;gap:2px;padding:2px;display:flex}.device-switch button{width:26px;height:23px;color:var(--faint);background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.device-switch button.is-active{background:var(--surface-3);color:var(--accent)}.preview-icon{border:1px solid var(--line);width:30px;height:27px;color:var(--muted);background:0 0;border-radius:7px;place-items:center;transition:border-color .2s,color .2s;display:grid}.preview-icon:hover:not(:disabled){border-color:var(--accent-line);color:var(--accent)}.preview-icon:disabled{cursor:not-allowed;opacity:.35}.preview-canvas{background-color:var(--bg);background-image:radial-gradient(rgba(var(--ink-rgb), .11) .6px, transparent .6px);background-size:17px 17px;flex:1;place-items:center;min-height:0;padding:13px;display:grid;position:relative;overflow:hidden}.preview-canvas:before{content:"";pointer-events:none;background:radial-gradient(#0000 46%,#05040b99);position:absolute;inset:0}.preview-iframe{z-index:1;border:1px solid var(--line-strong);background:var(--stage-bg);width:100%;height:100%;box-shadow:0 24px 70px -40px rgb(var(--scrim-rgb));border-radius:10px;transition:width .35s,border-radius .35s;position:relative}.preview-canvas--mobile .preview-iframe{border:6px solid var(--surface-3);border-radius:22px;width:min(370px,100%)}.preview-loading{z-index:2;background:var(--bg);color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.1em;border-radius:10px;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:13px}.preview-generating{z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--muted);text-align:center;background:#05040bc2;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:13px}.preview-generating__orb{background:linear-gradient(160deg, var(--accent-soft), var(--pink) 62%, var(--accent-deep));width:44px;height:44px;color:var(--ink-on-media);box-shadow:none;border-radius:50%;place-items:center;margin-bottom:5px;animation:2s infinite orbPulse;display:grid}@keyframes orbPulse{50%{transform:scale(.96)}}.preview-generating b{color:var(--ink);font-size:var(--fs-xs);font-weight:600}.preview-generating>span:not(.preview-generating__orb){color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.06em}.preview-generating__bar{background:rgba(var(--accent-rgb), .18);border-radius:99px;width:130px;height:2px;margin-top:6px;overflow:hidden}.preview-generating__bar i{border-radius:inherit;background:linear-gradient(90deg, var(--pink), var(--accent-fill));width:38%;height:100%;animation:1.3s ease-in-out infinite progressSlide;display:block}@keyframes progressSlide{0%{transform:translate(-120%)}to{transform:translate(280%)}}.preview-empty{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:390px;padding:20px;display:flex;position:relative}.preview-empty__orbit{place-items:center;width:132px;height:132px;margin-bottom:36px;display:grid;position:relative}.preview-empty__orbit>span{border:1px solid rgba(var(--accent-rgb), .24);border-radius:50%;position:absolute}.preview-empty__orbit>span:first-child{border-style:dashed;animation:28s linear infinite orbitSpin;inset:0}.preview-empty__orbit>span:nth-child(2){border-color:rgba(var(--ink-rgb), .12);inset:17px}.preview-empty__orbit>span:nth-child(3){border-color:rgba(var(--accent-rgb), .3);inset:35px}.preview-empty__orbit>i{background:linear-gradient(160deg, var(--accent-soft), var(--pink));width:46px;height:46px;color:var(--ink-on-media);box-shadow:none;border-radius:50%;place-items:center;font-style:normal;display:grid}.preview-empty h2{letter-spacing:-.01em;margin-top:12px;font-size:clamp(26px,2.8vw,38px);font-weight:620}.preview-empty p{max-width:320px;color:var(--faint);font-size:var(--fs-xs);margin-top:10px;line-height:1.8}.preview-empty__chips{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:20px;display:flex}.preview-empty__chips span{border:1px solid var(--line);color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.06em;border-radius:4px;padding:4px 8px}.preview-panel__foot{border-top:1px solid var(--line);height:34px;color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.06em;flex:none;justify-content:space-between;align-items:center;gap:14px;padding:0 14px;display:flex}.preview-panel__foot span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-foot-dot{background:var(--success);vertical-align:1px;border-radius:50%;width:4px;height:4px;margin-right:5px;display:inline-block}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#04030ac7;place-items:center;padding:20px;animation:.18s fadeIn;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}}.publish-modal{border:1px solid var(--pink-line);background:linear-gradient(180deg, var(--surface-2), var(--bg-2));width:min(740px,100%);max-height:92dvh;box-shadow:0 50px 120px -30px rgb(var(--scrim-rgb)), inset 0 1px 0 #ffffff0f;animation:modalIn .24s var(--ease);border-radius:22px;padding:24px;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.985)}}.publish-modal__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex}.publish-modal__head h2{letter-spacing:-.01em;margin-top:9px;font-size:clamp(28px,3.4vw,38px);font-weight:620;line-height:1.05}.publish-form{flex-direction:column;gap:14px;padding-top:18px;display:flex}.publish-form__row{grid-template-columns:1fr 1.3fr;gap:12px;display:grid}.visibility-cards{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.visibility-cards button{border:1px solid var(--line);background:var(--surface);color:var(--muted);text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px;transition:border-color .2s,background .2s;display:flex}.visibility-cards button>span{border:1px solid var(--line);width:24px;height:24px;color:var(--muted);border-radius:6px;place-items:center;margin-bottom:3px;display:grid}.visibility-cards button b{color:var(--ink);font-size:var(--fs-xs);font-weight:550}.visibility-cards button small{color:var(--faint);font-size:var(--fs-xs);line-height:1.45}.visibility-cards button.is-active{border-color:var(--accent-line);background:var(--accent-dim)}.visibility-cards button.is-active>span{border-color:var(--accent-line);background:var(--accent-fill);color:var(--accent-ink)}.publish-modal__foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding-top:16px;display:flex}.publish-modal__foot p{color:var(--faint);font-size:var(--fs-xs);align-items:center;gap:6px;display:inline-flex}.publish-modal__foot>div{gap:8px;display:flex}.publish-success{text-align:center;flex-direction:column;align-items:center;padding:28px 8px 4px;display:flex}.publish-success__icon{background:linear-gradient(160deg, var(--accent-soft), var(--accent-fill) 66%, var(--accent-deep));width:58px;height:58px;color:var(--accent-ink);box-shadow:none;border-radius:50%;place-items:center;margin-bottom:16px;display:grid}.publish-success>p{color:var(--muted);font-size:var(--fs-xs);line-height:1.8}.publish-success>p b{color:var(--ink)}.publish-link{border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:center;gap:9px;width:min(480px,100%);margin-top:16px;padding:9px 9px 9px 12px;display:flex}.publish-link span{color:var(--muted);font-family:var(--font);font-size:var(--fs-xs);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.publish-link button{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);background:0 0;border-radius:7px;place-items:center;display:grid}.publish-success__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:17px;display:flex}.publish-success__note{color:var(--faint);font-size:var(--fs-xs);margin-top:16px}.studio-toast{z-index:300;border:1px solid var(--accent-soft);background:linear-gradient(180deg, var(--accent-soft), var(--accent-fill));color:var(--accent-ink);font-size:var(--fs-xs);border-radius:9px;align-items:center;gap:7px;padding:10px 14px;font-weight:650;animation:.25s toastIn;display:inline-flex;position:fixed;bottom:22px;right:22px;box-shadow:0 16px 40px -16px #140f0847}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}}@media (max-width:1180px){.studio-workspace{grid-template-columns:380px minmax(0,1fr)}}@media (max-width:940px){.chat-panel__head{height:auto;min-height:60px;padding-block:8px}.assistant-identity{flex:1;min-width:0}.assistant-avatar{flex:none}.assistant-identity>div{min-width:0}.assistant-identity>div>span{overflow-wrap:anywhere;flex-wrap:wrap}.chat-panel__session{display:none}.preview-panel__head{flex-wrap:wrap;gap:8px;height:auto;min-height:48px;padding-block:8px}.preview-panel__title{flex:1}.preview-chat-jump{display:inline-flex}.preview-tools .preview-action,.preview-tools .preview-icon,.preview-tools .device-switch button{min-width:44px;min-height:44px}.studio-head{flex-direction:column;align-items:flex-start;gap:13px}.studio-head__right{justify-content:flex-end;width:100%}.studio-workspace{grid-template-columns:1fr;height:auto}.chat-panel{height:640px}.chat-preview-jump{white-space:nowrap;flex:none;min-height:44px;margin-left:auto;display:inline-flex}.preview-panel{height:580px}.preview-canvas--mobile .preview-iframe{width:min(340px,100%)}}@media (max-width:640px){.studio-page{padding-top:12px}.studio-head__left{width:100%}.studio-head__sep{display:none}.studio-head__title h1{font-size:var(--fs-2xl)}.studio-head__right{justify-content:space-between}.provider-picker{flex:1}.provider-picker__button{justify-content:space-between;width:100%}.studio-reset.icon-btn{display:none}.studio-workspace{gap:10px}.chat-panel{border-radius:15px;height:630px}.preview-panel{border-radius:15px;height:460px}.chat-welcome h2{font-size:var(--fs-3xl)}.chat-scroll{padding:15px 13px}.chat-panel__head{padding-inline:13px}.provider-picker__menu{width:min(290px,100vw - 40px);left:0;right:auto}.preview-canvas{padding:8px}.preview-canvas--mobile .preview-iframe{border-width:4px;border-radius:17px;width:100%}.preview-empty__orbit{width:104px;height:104px;margin-bottom:24px}.preview-empty{padding:8px}.preview-empty h2{font-size:27px}.preview-empty p,.preview-panel__foot{font-size:var(--fs-xs)}.modal-backdrop{align-items:flex-end;padding:0}.publish-modal{border-radius:20px 20px 0 0;width:100%;max-height:94dvh;padding:20px 16px}.publish-form__row,.visibility-cards{grid-template-columns:1fr}.visibility-cards button{grid-template-rows:auto auto;grid-template-columns:24px 1fr;align-items:center;column-gap:9px;display:grid}.visibility-cards button>span{grid-row:1/3;margin:0}.publish-modal__foot{flex-direction:column;align-items:flex-start}.publish-modal__foot>div{width:100%}.publish-modal__foot .btn{flex:1}.publish-modal__foot p{line-height:1.6}}.studio-gate-loading{min-height:70vh;color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.1em;justify-content:center;align-items:center;gap:9px;display:flex}.studio-gate{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:center;gap:clamp(40px,7vw,100px);min-height:calc(100dvh - 240px);padding-top:30px;padding-bottom:70px;display:grid}.studio-gate__copy h1{letter-spacing:-.01em;margin-top:20px;font-size:clamp(40px,5.4vw,80px);font-weight:620;line-height:1.02}.studio-gate__copy h1 span{color:var(--pink)}.studio-gate__copy>p{max-width:500px;color:var(--muted);font-size:var(--fs-sm);margin-top:23px;line-height:1.88}.studio-gate__prompt{border:1px solid var(--line);border-left:2px solid var(--pink);background:var(--surface);max-width:480px;color:var(--muted);font-size:var(--fs-xs);border-radius:0 9px 9px 0;margin:22px 0 0;padding:13px 15px;line-height:1.7}.studio-gate__prompt span{color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.14em;margin-bottom:4px;display:block}.studio-gate__actions{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.studio-gate__note{color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.04em;margin-top:15px;display:block}.studio-gate__visual{justify-content:center;padding:20px;display:flex;position:relative}.studio-gate__ticket{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);text-align:center;width:min(100%,390px);min-height:440px;box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;padding:26px;display:flex;position:relative;overflow:hidden}.studio-gate__ticket-label,.studio-gate__ticket-no{z-index:1;color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.18em;position:relative}.studio-gate__orb{z-index:1;background:var(--accent-fill);width:92px;height:92px;color:var(--accent-ink);box-shadow:none;border-radius:50%;place-items:center;margin-top:38px;display:grid;position:relative}.studio-gate__ticket h2{z-index:1;font-size:var(--fs-2xl);letter-spacing:-.01em;margin-top:28px;font-weight:620;position:relative}.studio-gate__ticket p{z-index:1;max-width:230px;color:var(--faint);font-size:var(--fs-xs);margin-top:8px;line-height:1.7;position:relative}.studio-gate__lines{z-index:1;flex-direction:column;gap:7px;width:100%;margin-top:32px;display:flex;position:relative}.studio-gate__lines i{background:var(--line);height:1px;display:block}.studio-gate__lines i:nth-child(2){width:74%}.studio-gate__lines i:nth-child(3){width:46%}.studio-gate__ticket-no{z-index:1;color:var(--accent);margin-top:auto;padding-top:28px;position:relative}.studio-gate__chip{border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--bg);color:var(--muted);font-family:var(--font);font-size:var(--fs-xs);padding:6px 10px;position:absolute;bottom:34px;right:2%}@media (max-width:900px){.studio-gate{grid-template-columns:1fr;gap:45px;min-height:0;padding-top:10px}.studio-gate__copy h1{font-size:clamp(48px,10vw,78px)}.studio-gate__visual{padding-top:0}.studio-gate__ticket{min-height:390px}}@media (max-width:640px){.studio-gate__copy h1{font-size:clamp(44px,13vw,62px)}.studio-gate__copy>p{font-size:var(--fs-xs)}.studio-gate__actions{grid-template-columns:1fr;display:grid}.studio-gate__ticket{border-radius:20px;min-height:340px;padding:20px}.studio-gate__orb{width:76px;height:76px;margin-top:28px}.studio-gate__chip{bottom:16px;right:0}}.chat-panel__ledger{border-bottom:1px solid var(--line);background:linear-gradient(90deg, rgba(var(--accent-rgb), .055), transparent 72%), var(--surface);min-height:33px;color:var(--muted);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.02em;white-space:nowrap;flex:none;align-items:center;gap:7px;padding:0 14px;display:flex;overflow:hidden}.chat-panel__ledger>svg{color:var(--accent);flex:none}.chat-panel__ledger-text{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.chat-panel__ledger-text b{color:var(--ink);font-weight:700}.chat-panel__ledger-text.is-flash b{color:var(--accent)}.chat-panel__ledger-text.is-low b{color:var(--warning)}.chat-panel__ledger-text.is-flash{animation:.55s ledgerFlash}@keyframes ledgerFlash{0%{opacity:.35;transform:translateY(2px)}}.chat-panel__ledger-plan{border:1px solid var(--line);color:var(--faint);font-size:var(--fs-xs);letter-spacing:.1em;border-radius:3px;flex:none;padding:1px 5px}.chat-panel__ledger-plan.is-pro{border-color:var(--line-hot);color:var(--accent)}.chat-panel__ledger-link{color:var(--accent);font-size:var(--fs-xs);letter-spacing:.04em;flex:none;align-items:center;gap:2px;display:inline-flex}.chat-panel__ledger-link:hover{text-decoration:underline}.studio-drafts-toggle{gap:6px;position:relative}.studio-drafts-toggle__count{background:var(--ink);min-width:18px;height:18px;color:var(--bg);font-family:var(--font);font-size:var(--fs-xs);border-radius:99px;place-items:center;padding:0 4px;line-height:1;display:inline-grid}.generating-card__main{flex:1;min-width:0}.stage-timeline{flex-direction:column;margin-top:8px;display:flex}.stage-timeline li{min-height:22px;color:var(--faint);font-size:var(--fs-xs);align-items:center;gap:8px;line-height:1.4;transition:color .2s;display:flex;position:relative}.stage-timeline li:not(:last-child):before{content:"";background:var(--line);width:1px;position:absolute;top:19px;bottom:-3px;left:8px}.stage-timeline__dot{z-index:1;border:1px solid var(--line);background:var(--surface);width:20px;height:20px;color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.stage-timeline li.is-done{color:var(--muted)}.stage-timeline li.is-done .stage-timeline__dot{border-color:var(--pink-line);background:var(--pink-dim);color:var(--pink)}.stage-timeline li.is-active{color:var(--ink);font-weight:600}.stage-timeline li.is-active .stage-timeline__dot{border-color:var(--accent);background:var(--accent-dim);color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .09)}.stage-timeline li.is-pending{opacity:.55}.stage-timeline__label{min-width:0}.stage-timeline__detail{color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-weight:400;overflow:hidden}.generating-card__foot{color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.02em;align-items:center;gap:5px;margin-top:8px;display:flex}.generating-card__foot svg{color:var(--warning);flex:none}.studio-paywall{border-top:1px solid var(--line-hot);background:linear-gradient(180deg, rgba(var(--accent-rgb), .05), transparent 80%);flex:none;padding:9px 11px}.studio-paywall__ticket{border:1px dashed var(--line-hot);background:radial-gradient(120px 70px at 100% 0, rgba(var(--accent-rgb), .12), transparent 72%), var(--surface-2);border-radius:11px;padding:12px 12px 10px;position:relative;overflow:hidden}.studio-paywall__ticket:before,.studio-paywall__ticket:after{content:"";border:1px solid var(--line-hot);background:var(--surface);border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%}.studio-paywall__ticket:before{left:-7px}.studio-paywall__ticket:after{right:-7px}.studio-paywall__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.studio-paywall__stub{color:var(--accent);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.16em;font-weight:700}.studio-paywall__icon{border:1px solid var(--line-hot);background:var(--accent-dim);width:27px;height:27px;color:var(--accent);border-radius:7px;place-items:center;display:grid}.studio-paywall__body{margin-top:3px}.studio-paywall__body>b{color:var(--ink);font-size:var(--fs-xs);letter-spacing:-.01em;font-weight:650;display:block}.studio-paywall__body>p{color:var(--muted);font-size:var(--fs-xs);margin-top:5px;line-height:1.7}.studio-paywall__ledger{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.studio-paywall__ledger span{border:1px solid var(--line);background:var(--surface);color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);border-radius:4px;padding:3px 7px}.studio-paywall__ledger b{color:var(--ink)}.studio-paywall__actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.studio-paywall__actions .btn{min-height:28px;font-size:var(--fs-xs);padding:0 9px}.studio-paywall__note{color:var(--faint);font-size:var(--fs-xs);align-items:center;gap:4px;margin-top:8px;line-height:1.5;display:flex}.studio-paywall__note svg{color:var(--accent);flex:none}.publish-modal__context{color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.04em;margin-top:7px}.publish-form__note{color:var(--faint);font-size:var(--fs-xs);line-height:1.6}.chat-error__retry{color:inherit;font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.06em;background:0 0;border:1px solid;border-radius:4px;flex:none;padding:3px 7px;font-weight:700}.chat-error__retry:hover:not(:disabled){background:var(--danger);color:var(--bg)}.chat-error__retry:disabled{opacity:.45}.idea-grid>button:disabled{cursor:not-allowed;opacity:.5;transform:none}.preview-tools{flex:none;min-width:0}.preview-action{border:1px solid var(--line);height:27px;color:var(--muted);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.02em;white-space:nowrap;background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 7px;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.preview-action:hover{border-color:var(--accent-line);background:var(--accent-dim);color:var(--accent)}.preview-action span{text-overflow:ellipsis;overflow:hidden}.preview-version-badge{border:1px solid var(--line-strong);color:var(--accent);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.06em;border-radius:3px;flex:none;padding:2px 5px}.preview-dirty{border:1px solid var(--line-hot);color:var(--warning);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.04em;border-radius:3px;flex:none;padding:2px 5px}.preview-generating__bar i{width:0;transition:width .45s;animation:none}:root[data-theme=light] .chat-composer{background:#087a3b0b}:root[data-theme=light] .chat-composer__field{background:var(--surface);border-color:#087a3b38}:root[data-theme=light] .preview-canvas:before{background:radial-gradient(#0000 54%,#1022191c)}:root[data-theme=light] .preview-generating{background:#f4f8f5e6}.studio-sheet__backdrop{z-index:260;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#04030a94;justify-content:flex-end;animation:.16s fadeIn;display:flex;position:fixed;inset:0}.studio-sheet__backdrop--left{justify-content:flex-start}.studio-sheet{border-left:1px solid var(--pink-line);background:linear-gradient(180deg, var(--surface-2), var(--bg-2));width:min(410px,92vw);height:100dvh;box-shadow:-30px 0 90px -40px rgb(var(--scrim-rgb));animation:sheetInRight .24s var(--ease);flex-direction:column;display:flex;overflow:hidden}.studio-sheet--left{border-left:0;border-right:1px solid var(--pink-line);box-shadow:30px 0 90px -40px rgb(var(--scrim-rgb));animation-name:sheetInLeft}.studio-sheet--drafts{width:min(354px,92vw)}.studio-sheet--versions{width:min(430px,94vw)}.studio-sheet--code{width:min(840px,94vw)}@keyframes sheetInRight{0%{opacity:0;transform:translate(28px)}}@keyframes sheetInLeft{0%{opacity:0;transform:translate(-28px)}}.studio-sheet__head{border-bottom:1px solid var(--line);background:linear-gradient(180deg, rgba(var(--accent-rgb), .06), transparent);flex:none;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 14px;display:flex}.studio-sheet__heading{flex-direction:column;gap:5px;min-width:0;display:flex}.studio-sheet__heading h2{font-size:var(--fs-xl);letter-spacing:-.01em;font-weight:620;line-height:1.1}.studio-sheet__head-actions{flex:none;align-items:center;gap:6px;display:flex}.studio-sheet__head-actions .btn{min-height:28px;font-size:var(--fs-xs);padding:0 8px}.arcade-hub__body:has(.studio-sheet__backdrop){z-index:100}@media (max-width:940px){.studio-sheet__heading .section-index{white-space:normal;overflow-wrap:anywhere}.studio-sheet__heading h2{overflow-wrap:anywhere}.studio-sheet .btn,.studio-sheet .icon-btn{min-width:44px;min-height:44px}}.studio-sheet__body{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;min-height:0;padding:14px 16px 28px;overflow-y:auto}:root[data-theme=light] .studio-sheet{background:linear-gradient(180deg, var(--surface), var(--bg))}.studio-sheet--code .studio-sheet__body{flex-direction:column;padding:0;display:flex}.code-sheet__meta{border-bottom:1px solid var(--line);color:var(--faint);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.03em;flex:none;align-items:center;gap:9px;padding:9px 16px;display:flex}.code-sheet__meta span:nth-child(2){color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-sheet__meta-tag{border:1px solid var(--line);color:var(--accent);border-radius:3px;flex:none;margin-left:auto;padding:2px 5px}.code-sheet__state{color:var(--faint);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;flex:1;justify-content:center;align-items:center;gap:8px;padding:30px;display:flex}.code-sheet__state--error{color:var(--danger);text-align:center;flex-direction:column}.code-sheet__pre{background:var(--control-bg);min-height:0;color:var(--ink);font-family:var(--font-mono);font-size:var(--fs-xs);tab-size:2;white-space:pre;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;margin:0;padding:16px 18px 30px;line-height:1.7;overflow:auto}.code-sheet__pre:focus-visible{outline-offset:-3px}.code-sheet__foot{border-top:1px solid var(--line);background:var(--surface);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.code-sheet__foot p{color:var(--faint);font-size:var(--fs-xs);line-height:1.5}:root[data-theme=light] .code-sheet__pre{background:var(--surface-2)}.studio-version-sheet__intro{border:1px solid var(--line);background:var(--surface);color:var(--faint);border-radius:8px;align-items:flex-start;gap:8px;padding:10px 11px;display:flex}.studio-version-sheet__intro svg{color:var(--accent);flex:none;margin-top:1px}.studio-version-sheet__intro p{font-size:var(--fs-xs);line-height:1.65}.studio-version-sheet__error{margin-top:10px}.studio-version-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.studio-version-item{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:11px;transition:border-color .18s,background .18s}.studio-version-item.is-current{border-color:var(--accent-line);background:linear-gradient(180deg, rgba(var(--accent-rgb), .06), transparent 70%), var(--surface)}.studio-version-item__head{align-items:center;gap:8px;display:flex}.studio-version-item__head b{color:var(--ink);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:-.02em;font-weight:700}.studio-version-item__time{color:var(--faint);font-family:var(--font);font-size:var(--fs-xs)}.studio-version-item__current{border:1px solid var(--accent-line);color:var(--accent);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.06em;border-radius:3px;margin-left:auto;padding:2px 5px}.studio-version-item>p{color:var(--muted);font-size:var(--fs-xs);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:6px;line-height:1.65;display:-webkit-box;overflow:hidden}.studio-version-item__meta{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.studio-version-item__meta span{border:1px solid var(--line);color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);border-radius:3px;padding:2px 5px}.studio-version-item__actions{gap:6px;margin-top:9px;display:flex}.studio-version-item__actions .btn{min-height:27px;font-size:var(--fs-xs);padding:0 9px}.studio-version-item__confirm{border:1px dashed var(--line-hot);background:var(--danger-dim);border-radius:7px;margin-top:9px;padding:9px}.studio-version-item__confirm>p{color:var(--danger);font-size:var(--fs-xs);line-height:1.6}.studio-version-item__confirm-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.studio-version-item__confirm-actions .btn{min-height:27px;font-size:var(--fs-xs);padding:0 9px}.studio-sheet--drafts .studio-sheet__body{flex-direction:column;padding:0;display:flex}.drafts-sheet__bar{border-bottom:1px solid var(--line);color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.04em;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;display:flex}.drafts-sheet__bar button{border:1px solid var(--line);color:var(--muted);font-family:var(--font);font-size:var(--fs-xs);background:0 0;border-radius:5px;align-items:center;gap:4px;padding:4px 7px;display:inline-flex}.drafts-sheet__bar button:hover:not(:disabled){border-color:var(--accent-line);color:var(--accent)}.drafts-sheet__bar button:disabled{opacity:.5}.drafts-sheet__error{margin:10px 12px 0}.drafts-sheet__state,.drafts-sheet__empty{color:var(--faint);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:40px 24px;display:flex}.drafts-sheet__state{font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.08em;flex-direction:row}.drafts-sheet__empty svg{color:var(--accent)}.drafts-sheet__empty b{color:var(--ink);font-size:var(--fs-xs);font-weight:600}.drafts-sheet__empty p{max-width:240px;font-size:var(--fs-xs);line-height:1.7}.drafts-sheet__list{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;gap:7px;padding:11px 12px 26px;display:flex;overflow-y:auto}.draft-item{border:1px solid var(--line);background:var(--surface);border-radius:10px;transition:border-color .18s,background .18s;display:flex;position:relative}.draft-item:hover{border-color:var(--pink-line);background:var(--surface-2)}.draft-item.is-active{border-color:var(--accent-line);background:linear-gradient(180deg, rgba(var(--accent-rgb), .06), transparent 70%), var(--surface)}.draft-item.is-active:before{content:"";background:var(--accent-fill);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:-1px}.draft-item.is-active .draft-item__title{color:var(--accent)}.draft-item__main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:stretch;gap:5px;padding:10px 34px 10px 11px;display:flex}.draft-item__main:disabled{cursor:wait;opacity:.65}.draft-item__top{align-items:center;gap:7px;min-width:0;display:flex}.draft-item__title{color:var(--ink);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.draft-item__time{color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);white-space:nowrap;flex:none;margin-left:auto}.draft-item__meta{flex-wrap:wrap;gap:4px;display:flex}.draft-item__meta span{border:1px solid var(--line);color:var(--faint);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.02em;border-radius:3px;padding:1px 4px}.draft-item__meta span.is-current{border-color:var(--accent-line);background:var(--accent-dim);color:var(--accent)}.draft-item__meta span.is-published{border-color:var(--accent-line);color:var(--accent)}.draft-item__opening{color:var(--accent);font-family:var(--font);font-size:var(--fs-xs);align-items:center;gap:4px;display:inline-flex}.draft-item__delete{width:24px;height:24px;color:var(--faint);background:0 0;border:0;border-radius:5px;place-items:center;display:grid;position:absolute;top:7px;right:7px}.draft-item__delete:hover:not(:disabled){background:var(--danger-dim);color:var(--danger)}.draft-item__delete:disabled{cursor:wait;opacity:.5}@media (max-width:1180px){.preview-action{width:30px;padding:0}.preview-action span,.preview-mode,.preview-dirty{display:none}}@media (min-width:941px) and (max-width:1100px){.studio-workspace{grid-template-columns:360px minmax(0,1fr)}.preview-panel__head{gap:8px;padding:0 10px}.preview-tools{gap:4px}.preview-action{width:26px}.preview-version-badge{display:none}.device-switch button{width:22px}.preview-icon{width:27px}}@media (max-width:640px){.studio-head__right{flex-wrap:wrap;gap:7px}.studio-drafts-toggle{padding:0 8px}.studio-drafts-toggle__label{display:none}.chat-panel__ledger{font-size:var(--fs-xs);gap:5px;padding:0 11px}.chat-panel__ledger-plan{display:none}.stage-timeline li{min-height:21px;font-size:var(--fs-xs)}.stage-timeline__detail{max-width:42%}.studio-paywall{padding:8px 10px}.studio-paywall__actions{grid-template-columns:1fr;display:grid}.studio-paywall__actions .btn{width:100%;min-height:30px}.studio-sheet__backdrop,.studio-sheet__backdrop--left{justify-content:center;align-items:flex-end}.studio-sheet,.studio-sheet--left,.studio-sheet--drafts,.studio-sheet--versions,.studio-sheet--code{border-left:0;border-right:0;border-top:1px solid var(--pink-line);width:100%;height:auto;max-height:88dvh;box-shadow:0 -30px 90px -40px rgb(var(--scrim-rgb));animation:sheetUp .24s var(--ease);border-radius:18px 18px 0 0}.studio-sheet--code{height:88dvh}@keyframes sheetUp{0%{opacity:0;transform:translateY(28px)}}.studio-sheet__head{padding:15px 14px 11px}.studio-sheet__heading h2{font-size:18px}.studio-sheet__body{padding:12px 14px 22px}.studio-sheet--code .studio-sheet__body,.studio-sheet--drafts .studio-sheet__body{padding:0}.code-sheet__meta{flex-wrap:wrap;padding:8px 14px}.code-sheet__pre{font-size:var(--fs-xs);padding:12px 14px 22px}.code-sheet__foot{flex-wrap:wrap;padding:10px 14px}.code-sheet__foot .btn{width:100%}.studio-version-list{margin-top:10px}.studio-toast{font-size:var(--fs-xs);justify-content:center;bottom:76px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.chat-panel__ledger-text.is-flash,.generating-card__spark,.preview-generating__orb,.studio-sheet,.studio-sheet__backdrop,.studio-toast{animation:none!important}.generating-card__bar i,.preview-generating__bar i,.stage-timeline li{transition:none!important}}@media (max-height:600px){.studio-sheet--code .code-sheet__pre{flex:none;height:45dvh;min-height:160px}}.studio-gate__visual{flex-direction:column;align-items:center;gap:16px}.studio-gate__ticket{border-radius:18px}.studio-gate__ticket-label,.studio-gate__ticket-no{font-size:var(--fs-xs);letter-spacing:.16em}.studio-gate__ticket p{font-size:var(--fs-xs)}.studio-gate__chip{border:1px dashed var(--line-strong);color:var(--muted);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.02em;background:0 0;border-radius:999px;padding:7px 14px;position:static}.studio-gate__copy .section-index{display:block}.studio-gate__copy .back-link{margin-bottom:16px}.studio-quote,.studio-candidate{border:1px solid var(--line-strong);background:var(--surface);font-size:var(--fs-sm);overflow-wrap:anywhere;border-radius:12px;flex-shrink:0;padding:14px 16px;line-height:1.55}.studio-quote{max-height:310px;margin:10px 14px;overflow-y:auto}.studio-quote__heading,.studio-candidate__heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.studio-quote__heading{font-size:inherit;margin:0;font-weight:700}.studio-quote p,.studio-candidate p{margin:7px 0}.studio-quote__request{white-space:pre-wrap;max-height:70px;margin:7px 0;overflow-y:auto}.studio-quote__request>p{margin:0}.studio-quote__heading:focus-visible,.studio-quote__request:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.studio-candidate{border-width:0 0 1px;border-radius:0}.studio-candidate small{color:var(--muted);margin-top:9px;display:block}.studio-validation details{max-height:240px;margin:8px 0;overflow:auto}.studio-validation summary{cursor:pointer;width:fit-content;padding:4px 0;font-weight:600}.studio-validation__note{color:var(--muted);font-size:12px}.studio-validation ul{margin:10px 0;padding:0;list-style:none}.studio-validation li{border-top:1px solid var(--border);overflow-wrap:anywhere;grid-template-columns:minmax(72px,110px) minmax(0,1fr);gap:10px;padding:9px 0;display:grid}.studio-validation li b{font-size:12px;font-weight:600}.studio-validation li p{color:var(--muted);font-size:12px}.studio-validation__result{font-size:var(--fs-xs)}.studio-review-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.studio-review-actions [aria-pressed=true]{border-color:var(--pink)}@media (max-width:640px){.studio-quote{margin:8px;padding:12px}.studio-candidate{padding:12px}.studio-review-actions .btn{white-space:normal;flex:44%;min-height:42px}}@media (max-width:940px){.preview-tools{flex-wrap:wrap;flex:100%;justify-content:flex-end;min-width:0;max-width:100%}.preview-panel{height:auto}.preview-panel .preview-canvas{flex:none;height:min(65dvh,560px);min-height:380px}}.arcade-hub__body:has(.studio-brief-modal){z-index:100}.studio-brief-bar{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-block:12px;display:flex}.studio-brief-bar>div{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.studio-brief-bar span{color:var(--muted);font-size:var(--fs-xs)}.studio-brief-modal .modal-shell__panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;width:min(780px,100vw - 24px);max-height:90dvh;padding:24px;display:flex;overflow:hidden}.studio-brief-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-brief-head h2{margin:5px 0 0;font-size:24px}.studio-brief-intro,.studio-brief-status,.studio-brief-foot p,.studio-brief-conflict p{font-size:var(--fs-xs);margin:0;line-height:1.6}.studio-brief-intro,.studio-brief-field-meta,.studio-brief-list>p{color:var(--muted)}.studio-brief-status{color:var(--pink)}.studio-brief-tabs{flex-shrink:0;gap:6px;display:flex}.studio-brief-tabs button{border:1px solid var(--line);font-size:var(--fs-xs);background:0 0;border-radius:8px;flex:1;padding:10px 8px}.studio-brief-tabs [aria-current]{border-color:var(--pink);color:var(--pink)}.studio-brief-body{min-height:0;padding:2px 4px 8px 0;overflow-y:auto}.studio-brief-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.studio-brief-field label{font-size:var(--fs-sm);margin-bottom:6px;font-weight:600;display:block}.studio-brief-field textarea,.studio-brief-field select,.studio-brief-item textarea{width:100%;min-height:44px;color:inherit;background:var(--bg);border:1px solid var(--line);font:inherit;font-size:var(--fs-sm);resize:vertical;border-radius:8px;padding:10px;display:block}.studio-brief-field textarea:focus,.studio-brief-field select:focus,.studio-brief-item textarea:focus{outline:2px solid var(--pink);outline-offset:2px}.studio-brief-field :disabled,.studio-brief-item :disabled{opacity:.65;cursor:not-allowed}.studio-brief-field-meta{font-size:var(--fs-xs);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio-brief-field-meta>span{margin-right:auto}.studio-brief-field-meta button{min-height:36px;color:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:4px 6px;display:inline-flex}.studio-brief-field small,.studio-brief-item small{color:var(--pink);font-size:var(--fs-xs);display:block}.studio-brief-list+.studio-brief-list{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.studio-brief-list h3{font-size:var(--fs-sm);margin:0}.studio-brief-list>p{font-size:var(--fs-xs);margin:8px 0 14px;line-height:1.6}.studio-brief-item{margin-bottom:12px}.studio-brief-foot{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:grid}.studio-brief-error{color:var(--danger)}.studio-brief-conflict{border:1px solid var(--line);border-radius:8px;padding:10px}.studio-brief-conflict button{margin:6px 6px 0 0}.studio-guide-switch{font-size:var(--fs-xs);color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-guide-switch .btn{white-space:normal;flex-shrink:0}.studio-guide-review{border:1px solid var(--line);font-size:var(--fs-xs);border-radius:8px;margin:0;padding:10px 12px;line-height:1.6}.studio-brief-body:has(.studio-guide){display:flex;overflow:hidden}.studio-guide{flex-direction:column;width:100%;min-height:0;display:flex}.studio-guide-content{min-height:0;padding:2px 3px 4px;overflow-y:auto}.studio-guide h3{font-size:var(--fs-xl);outline:none;margin:8px 0;line-height:1.4}.studio-guide-progress,.studio-guide-source{color:var(--pink);font-size:var(--fs-xs);margin:8px 0}.studio-guide-intro{color:var(--muted);font-size:var(--fs-sm);line-height:1.6}.studio-guide-original{font-size:var(--fs-xs);margin:12px 0;line-height:1.6}.studio-guide-original summary{cursor:pointer;padding:6px 0}.studio-guide-original p{white-space:pre-wrap;overflow-wrap:anywhere}.studio-guide-options{gap:8px;margin:14px 0;display:grid}.studio-guide-options button{text-align:left;color:inherit;border:1px solid var(--line);background:var(--bg);border-radius:10px;gap:5px;padding:12px 14px;display:grid}.studio-guide-options button[aria-pressed=true]{border-color:var(--pink)}.studio-guide-options button:focus-visible,.studio-guide textarea:focus{outline:2px solid var(--pink);outline-offset:2px}.studio-guide-options b{font-size:var(--fs-sm)}.studio-guide-options span{font-size:var(--fs-xs);color:var(--muted);line-height:1.5}.studio-guide label{font-size:var(--fs-sm);margin:16px 0 8px;display:block}.studio-guide textarea{resize:vertical;width:100%;min-height:88px;color:inherit;font:inherit;font-size:var(--fs-sm);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px}.studio-guide button:disabled,.studio-guide textarea:disabled{opacity:.65;cursor:not-allowed}.studio-guide-actions{border-top:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:14px 0 2px;display:flex}.studio-guide-actions>span{flex:1}@media (max-width:600px){.studio-brief-bar{align-items:flex-start}.studio-brief-bar>div{gap:5px;display:grid}.studio-brief-bar button{white-space:normal;flex-shrink:0;max-width:45%}.studio-brief-modal .modal-shell__panel{gap:10px;max-height:94dvh;padding:16px}.studio-brief-grid{grid-template-columns:minmax(0,1fr)}.studio-brief-foot .studio-review-actions{grid-template-columns:1fr 1fr;display:grid}.studio-brief-foot .btn{white-space:normal;min-height:44px}}@media (max-height:600px){.studio-brief-modal{padding:12px}.studio-brief-modal .modal-shell__panel{overscroll-behavior:contain;max-height:calc(100dvh - 24px);scroll-padding-block:16px;overflow-y:auto}.studio-brief-modal .modal-shell__panel>*{flex-shrink:0}:is(.studio-brief-body,.studio-brief-body:has(.studio-guide)){min-height:auto;display:block;overflow:visible}.studio-guide-content{overflow:visible}}.studio-recovery{border:1px solid var(--line);background:var(--surface);overflow-wrap:anywhere;border-radius:12px;margin:16px 0;padding:16px}.studio-recovery p{margin:8px 0;font-size:13px;line-height:1.6}.studio-recovery small{margin-top:8px;display:block}.studio-recovery__actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.studio-starters{padding-top:20px;padding-bottom:20px}.studio-starters__heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.studio-starters__heading h2{font-size:var(--fs-lg);margin:5px 0}.studio-starters__heading p,.studio-starter p{color:var(--muted);font-size:var(--fs-sm);margin:6px 0 12px;line-height:1.6}.studio-starters__heading .eyebrow{color:var(--pink);font-size:var(--fs-xs);letter-spacing:.12em}.studio-starters__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.studio-starter{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:112px minmax(0,1fr);gap:18px;padding:18px;display:grid}.studio-starter h3{font-size:var(--fs-md);margin:4px 0}.studio-starter small{color:var(--muted);font-size:var(--fs-xs)}.studio-starter__art{background:var(--cyan-dim);min-height:130px;color:var(--cyan);border-radius:9px;place-items:center;display:grid;position:relative;overflow:hidden}.studio-starter--meadow-collection .studio-starter__art{background:var(--lime-dim);color:var(--lime)}.studio-starter--sunset-hop .studio-starter__art{background:var(--pink-dim);color:var(--pink)}.studio-starter--meteor-dodge .studio-starter__art{background:var(--info-dim);color:var(--info)}.studio-starter__art span{font-size:56px}.studio-starter__art i{opacity:.5;border:1px solid;border-radius:50%;width:12px;height:12px;position:absolute;top:18%;left:20%}.studio-starter__art i:nth-child(3){width:8px;height:8px;top:73%;left:72%}.studio-starter__art i:nth-child(4){width:5px;height:5px;top:30%;left:82%}.studio-starter-source{color:var(--muted);font-size:var(--fs-xs);overflow-wrap:anywhere;padding-top:10px;padding-bottom:4px}.studio-starter-modal .modal-shell__panel{width:min(900px,100vw - 24px);max-height:92dvh;padding:0;overflow-y:auto}.studio-starter-modal header{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.studio-starter-modal h2{font-size:var(--fs-lg);margin:0 0 3px}.studio-starter-modal small,.studio-starter-modal footer p{font-size:var(--fs-xs);color:var(--muted);line-height:1.6}.studio-starter-modal iframe{background:var(--paper-card-bg);border:0;width:100%;height:590px;display:block}.studio-starter-modal footer{border-top:1px solid var(--line);padding:12px 20px 20px}.studio-starter-modal footer p{margin:4px 0 10px}@media (max-height:520px){.studio-starter-modal:has(iframe[data-reaction=true]) header{padding:8px 16px}.studio-starter-modal iframe[data-reaction=true]{height:max(220px,100dvh - 145px)}}@media (max-width:760px){.studio-starters__heading{display:block}.studio-starters__grid{grid-template-columns:1fr}.studio-starter{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:14px}.studio-starter__art{min-height:110px}.studio-starter-modal iframe{height:510px}.studio-starter-copy{width:100%}}.studio-starter--garden-pairs .studio-starter__art{background:var(--lime-dim);color:var(--lime)}.studio-starter--lantern-clear .studio-starter__art{background:var(--pink-dim);color:var(--pink)}@media (max-height:600px) and (min-width:600px){.studio-starter-modal:has(iframe[data-puzzle=true]) header{padding:8px 16px}.studio-starter-modal iframe[data-puzzle=true]{height:max(220px,100dvh - 145px)}}