:root{--bg-base:#fff;--bg-surface:#f4f4f6;--bg-elevated:#fff;--bg-scrim:#00000080;--text-primary:#111114;--text-secondary:#5b5b66;--text-disabled:#9a9aa4;--border-default:#e2e2e8;--border-strong:#c9c9d2;--accent-primary:#6a48f5;--accent-hover:#5a3ae0;--accent-on:#fff;--accent-soft:#efeaff;--accent-text:#4b2fd6;--status-danger:#dc2626;--status-danger-soft:#fdecec;--status-success:#15803d;--status-success-soft:#dcfce7;--status-warning:#b45309;--status-warning-soft:#fef3c7;--focus-ring:#111114;--focus-ring-outer:#fff;--shadow-sheet:0 -8px 32px #0000001f;--shadow-pop:0 8px 28px #00000029;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Noto Sans KR", "Hiragino Sans", sans-serif;--type-caption:400 13px/18px var(--font-sans);--type-label:500 12px/16px var(--font-sans);--type-body:400 15px/22px var(--font-sans);--type-body-strong:600 15px/22px var(--font-sans);--type-title:600 20px/26px var(--font-sans);--type-headline:700 28px/34px var(--font-sans);--type-display:800 56px/60px var(--font-sans);--target-min:44px;--tabbar-h:64px;--game-safe-top:64px;--rail-w-md:76px;--rail-w-lg:240px;--z-base:0;--z-feed-chrome:10;--z-rail:20;--z-playing:30;--z-nav:35;--z-sheet:40;--z-dialog:50;--z-toast:60;--z-banner:70;--dur-fast:.15s;--dur:.25s;--ease:cubic-bezier(.2, 0, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark],.pf-dark{--bg-base:#0b0b0f;--bg-surface:#17171d;--bg-elevated:#202028;--bg-scrim:#0009;--text-primary:#f4f4f6;--text-secondary:#a6a6b2;--text-disabled:#6b6b76;--border-default:#2f2f3a;--border-strong:#464654;--accent-primary:#7c5cff;--accent-hover:#8f74ff;--accent-on:#fff;--accent-soft:#2a2350;--accent-text:#cbbdff;--status-danger:#f87171;--status-danger-soft:#3b1414;--status-success:#4ade80;--status-success-soft:#12301c;--status-warning:#fbbf24;--status-warning-soft:#3a2a08;--focus-ring:#fff;--focus-ring-outer:#000;--shadow-sheet:0 -8px 32px #00000080;--shadow-pop:0 8px 28px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-base:#0b0b0f;--bg-surface:#17171d;--bg-elevated:#202028;--bg-scrim:#0009;--text-primary:#f4f4f6;--text-secondary:#a6a6b2;--text-disabled:#6b6b76;--border-default:#2f2f3a;--border-strong:#464654;--accent-primary:#7c5cff;--accent-hover:#8f74ff;--accent-soft:#2a2350;--accent-text:#cbbdff;--status-danger:#f87171;--status-danger-soft:#3b1414;--status-success:#4ade80;--status-success-soft:#12301c;--status-warning:#fbbf24;--status-warning-soft:#3a2a08;--focus-ring:#fff;--focus-ring-outer:#000;--shadow-sheet:0 -8px 32px #00000080;--shadow-pop:0 8px 28px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur:0s}}
*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);font:var(--type-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:focus{clip:auto;width:auto;height:auto;z-index:var(--z-banner);padding:var(--sp-2) var(--sp-4);background:var(--bg-elevated);border-radius:var(--radius-full);position:fixed;inset-block-start:var(--sp-3);inset-inline-start:var(--sp-3)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring-outer)}.muted{color:var(--text-secondary)}.caption{font:var(--type-caption)}.label{font:var(--type-label)}.title{font:var(--type-title)}.headline{font:var(--type-headline)}.stack{gap:var(--sp-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--sp-2);display:flex}.row--wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.icon--fill{fill:currentColor}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-5);border-radius:var(--radius-full);font:var(--type-body-strong);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);white-space:nowrap;border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn--primary{background:var(--accent-primary);color:var(--accent-on)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.btn--secondary:hover:not(:disabled){background:var(--bg-surface)}.btn--ghost{color:var(--text-primary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--bg-surface)}.btn--destructive{background:var(--status-danger);color:#fff}.btn:disabled,.btn[aria-disabled=true]{background:var(--bg-surface);color:var(--text-disabled);cursor:not-allowed;border-color:#0000}.btn--sm{min-height:var(--target-min);padding:0 var(--sp-4);font:var(--type-caption);font-weight:600}.btn--block{width:100%}.btn__cost{opacity:.85;font-weight:500}.spinner{border:3px solid;border-block-start-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite pf-spin}@keyframes pf-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.icon-btn{width:var(--target-min);height:var(--target-min);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--bg-surface)}.icon-btn--filled{background:var(--bg-elevated);box-shadow:var(--shadow-pop)}.icon-btn--overlay{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073}.icon-btn--overlay:hover{background:#0009}.field{gap:var(--sp-1);flex-direction:column;display:flex}.field__label{font:var(--type-label);color:var(--text-secondary)}.field__input{min-height:48px;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);font:var(--type-body);width:100%}textarea.field__input{resize:vertical;min-height:88px}.field__input:focus{border-color:var(--accent-primary);background:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field__help{font:var(--type-caption);color:var(--text-secondary)}.field--error .field__input{border-color:var(--status-danger)}.field--error .field__help{color:var(--status-danger)}.code-input{letter-spacing:.5em;font:var(--type-title);text-align:center}.chip{align-items:center;gap:var(--sp-1);height:36px;padding:0 var(--sp-3);border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-primary);font:var(--type-caption);cursor:pointer;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.chip:before{content:"";position:absolute;inset:-4px 0}.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--text-primary);color:var(--bg-base);border-color:var(--text-primary)}.badge{height:22px;padding:0 var(--sp-2);border-radius:var(--radius-full);font:var(--type-label);background:var(--bg-surface);color:var(--text-secondary);white-space:nowrap;align-items:center;display:inline-flex}.badge--ai,.badge--made-ai{background:var(--accent-soft);color:var(--accent-text)}.badge--new-best{background:var(--status-success-soft);color:var(--status-success)}.badge--preview{background:var(--status-warning-soft);color:var(--status-warning)}.badge--removed{background:var(--status-danger-soft);color:var(--status-danger)}.count-badge{border-radius:var(--radius-full);background:var(--status-danger);color:#fff;min-width:18px;height:18px;font:var(--type-label);text-align:center;padding:0 5px;font-size:11px;line-height:18px;position:absolute;inset-block-start:2px;inset-inline-end:6px}.avatar{border-radius:var(--radius-full);color:#111;text-transform:uppercase;flex:none;place-items:center;font-weight:700;display:inline-grid;overflow:hidden}.credit-badge{align-items:center;gap:var(--sp-1);min-height:32px;padding:0 var(--sp-3);border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-primary);font:var(--type-body-strong);cursor:pointer;border:0;font-size:13px;text-decoration:none;display:inline-flex}.tabs{gap:var(--sp-1);border-block-end:1px solid var(--border-default);scrollbar-width:none;display:flex;overflow-x:auto}.tab{min-height:var(--target-min);padding:0 var(--sp-3);color:var(--text-secondary);font:var(--type-body-strong);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-block-end:2px solid #0000}.tab[aria-selected=true]{color:var(--text-primary);border-block-end-color:var(--text-primary)}.segmented{gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--radius-md);background:var(--bg-surface);display:flex}.segmented__item{min-height:40px;padding:0 var(--sp-3);border-radius:var(--radius-sm);color:var(--text-secondary);font:var(--type-body-strong);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:1}.segmented__item[aria-checked=true]{background:var(--accent-primary);color:var(--accent-on)}.empty{align-items:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-6);text-align:center;flex-direction:column;display:flex}.empty__art{border-radius:var(--radius-full);background:var(--bg-surface);width:64px;height:64px;color:var(--text-secondary);place-items:center;display:grid}.empty__body{color:var(--text-secondary);max-width:32ch}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--bg-surface) 0%, var(--border-default) 50%, var(--bg-surface) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite pf-shimmer}@keyframes pf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.steps{gap:var(--sp-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.step{align-items:center;gap:var(--sp-3);color:var(--text-secondary);display:flex}.step__dot{border-radius:var(--radius-full);border:2px solid var(--border-strong);flex:none;place-items:center;width:24px;height:24px;display:grid}.step[data-state=done]{color:var(--text-primary)}.step[data-state=done] .step__dot{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-on)}.step[data-state=now]{color:var(--text-primary);font-weight:600}.step[data-state=now] .step__dot{border-color:var(--accent-primary)}.step[data-state=failed]{color:var(--status-danger)}.step[data-state=failed] .step__dot{border-color:var(--status-danger);background:var(--status-danger);color:#fff}.list{margin:0;padding:0;list-style:none}.list-row{align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-2) var(--sp-4);text-decoration:none;display:flex}.list-row+.list-row{border-block-start:1px solid var(--border-default)}a.list-row:hover{background:var(--bg-surface)}.lb-row{align-items:center;gap:var(--sp-3);min-height:56px;padding:0 var(--sp-4);display:flex}.lb-row__rank{text-align:end;width:28px;font:var(--type-body-strong);color:var(--text-secondary)}.lb-row__score{font:var(--type-body-strong);font-variant-numeric:tabular-nums}.lb-row--me{background:var(--accent-soft);border-radius:var(--radius-md)}.toast-host{z-index:var(--z-toast);align-items:center;gap:var(--sp-2);padding:0 var(--sp-4);pointer-events:none;flex-direction:column;display:flex;position:fixed;inset-block-end:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--sp-3));inset-inline:0}.toast{pointer-events:auto;align-items:center;gap:var(--sp-3);width:min(100%,420px);min-height:48px;padding:var(--sp-1) var(--sp-2) var(--sp-1) var(--sp-4);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);box-shadow:var(--shadow-pop);animation:pf-pop var(--dur) var(--ease);display:flex}@keyframes pf-pop{0%{opacity:0;transform:translateY(8px)}}.backdrop{background:var(--bg-scrim);animation:pf-fade var(--dur) var(--ease);position:fixed;inset:0}@keyframes pf-fade{0%{opacity:0}}.dialog-layer{z-index:var(--z-dialog);padding:var(--sp-4);place-items:center;display:grid;position:fixed;inset:0}.dialog{width:min(100%,360px);padding:var(--sp-6);border-radius:var(--radius-xl);background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-pop);gap:var(--sp-3);animation:pf-pop var(--dur) var(--ease);flex-direction:column;display:flex;position:relative}.dialog__actions{gap:var(--sp-2);justify-content:flex-end;margin-block-start:var(--sp-2);display:flex}.sheet-layer{z-index:var(--z-sheet);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:min(100%,560px);max-height:min(88dvh, calc(100dvh - var(--kb,0px) - 24px));background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sheet);animation:pf-rise var(--dur) var(--ease);border-start-start-radius:var(--radius-xl);border-start-end-radius:var(--radius-xl);flex-direction:column;margin-block-end:var(--kb,0px);display:flex;position:relative}@keyframes pf-rise{0%{opacity:0;transform:translateY(24px)}}@media (min-width:768px){.sheet-layer{align-items:center}.sheet{border-radius:var(--radius-xl);max-height:min(80dvh,720px);margin-block-end:0}}.sheet__header{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-2) var(--sp-3) var(--sp-5);border-block-end:1px solid var(--border-default);display:flex}.sheet__title{font:var(--type-title);flex:1}.sheet__body{overscroll-behavior:contain;padding:var(--sp-4) var(--sp-5);flex:1;overflow-y:auto}.sheet__footer{padding:var(--sp-3) var(--sp-5) max(var(--sp-3), env(safe-area-inset-bottom));border-block-start:1px solid var(--border-default);background:var(--bg-elevated)}.shell{min-height:100dvh}.tabbar{z-index:var(--z-nav);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));background:var(--bg-base);border-block-start:1px solid var(--border-default);justify-content:space-around;align-items:stretch;padding-block-end:env(safe-area-inset-bottom);display:flex;position:fixed;inset-block-end:0;inset-inline:0}.tabbar__item{min-width:var(--target-min);font:var(--type-label);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex;position:relative}.tabbar__item[aria-current=page]{color:var(--text-primary)}.tabbar__make{border-radius:var(--radius-md);background:var(--accent-primary);width:56px;height:36px;color:var(--accent-on);place-items:center;display:grid}.navrail{display:none}.has-nav .page{padding-block-end:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--sp-4))}@media (min-width:768px) and (min-height:500px){.tabbar{display:none}.navrail{z-index:var(--z-nav);gap:var(--sp-1);width:var(--rail-w-md);padding:var(--sp-4) var(--sp-2);background:var(--bg-base);border-inline-end:1px solid var(--border-default);flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.navrail__brand{font:var(--type-title);padding:var(--sp-2);margin-block-end:var(--sp-4);font-weight:800;text-decoration:none}.navrail__brand-long{display:none}.navrail__item{border-radius:var(--radius-md);min-height:56px;color:var(--text-secondary);font:var(--type-label);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex;position:relative}.navrail__item:hover{background:var(--bg-surface)}.navrail__item[aria-current=page]{color:var(--text-primary);background:var(--bg-surface)}.shell.has-nav{padding-inline-start:var(--rail-w-md)}.shell.has-nav:has(.feed-wrap[data-playing=true]){background:#000}.has-nav .page{padding-block-end:var(--sp-8)}}@media (min-width:1024px) and (min-height:500px){.navrail{width:var(--rail-w-lg);padding:var(--sp-5) var(--sp-3)}.navrail__brand-long{display:inline}.navrail__brand-short{display:none}.navrail__item{justify-content:flex-start;gap:var(--sp-3);padding:0 var(--sp-3);font:var(--type-body-strong);flex-direction:row}.shell.has-nav{padding-inline-start:var(--rail-w-lg)}}.page{max-width:720px;padding:max(var(--sp-4), env(safe-area-inset-top)) var(--sp-4) var(--sp-8);margin-inline:auto}.page--narrow{max-width:440px}.page__header{align-items:center;gap:var(--sp-3);min-height:56px;margin-block-end:var(--sp-4);display:flex}.section{margin-block:var(--sp-6)}.section__title{font:var(--type-body-strong);margin-block-end:var(--sp-3)}.tiles{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(104px,1fr));display:grid}.tile{aspect-ratio:9/16;border-radius:var(--radius-md);padding:var(--sp-2);color:#fff;background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;text-decoration:none;display:flex;position:relative;overflow:hidden}.tile:after{content:"";background:linear-gradient(#0000 45%,#000000b3);position:absolute;inset:0}.tile>*{z-index:1;position:relative}.tile__title{font:var(--type-body-strong);font-size:13px}.stat-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.stat{padding:var(--sp-4);border-radius:var(--radius-lg);background:var(--bg-surface)}.stat__value{font:var(--type-headline)}.card{padding:var(--sp-4);border-radius:var(--radius-lg);background:var(--bg-surface)}.divider{background:var(--border-default);height:1px;margin:var(--sp-2) 0;border:0}.pinned-cta{position:sticky;inset-block-end:0}.banner{z-index:var(--z-banner);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);background:var(--text-primary);color:var(--bg-base);font:var(--type-body-strong);white-space:nowrap;box-shadow:var(--shadow-pop), 0 0 0 1px #ffffff4d;pointer-events:none;position:fixed;inset-block-end:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--sp-3));inset-inline-start:50%;transform:translate(-50%)}body:has(.banner) .toast-host{inset-block-end:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--sp-3) + 48px)}@media (min-width:768px) and (min-height:500px){.banner,.toast-host{inset-block-end:var(--sp-6)}body:has(.banner) .toast-host{inset-block-end:calc(var(--sp-6) + 48px)}}.settings__list{padding:0}.settings__list .list-row{border-radius:var(--radius-lg)}.settings__chevron{color:var(--text-secondary);display:inline-flex;transform:scaleX(-1)}.settings__danger{color:var(--status-danger)}.switch{align-items:center;gap:var(--sp-3);min-height:var(--target-min);cursor:pointer;display:flex;position:relative}.switch input{opacity:0;width:48px;height:28px;cursor:inherit;margin:0;position:absolute;inset-inline-end:0}.switch__track{border-radius:var(--radius-full);background:var(--border-strong);width:48px;height:28px;transition:background-color var(--dur-fast) var(--ease);flex:none;position:relative}.switch__track:after{content:"";border-radius:var(--radius-full);width:22px;height:22px;transition:transform var(--dur-fast) var(--ease);background:#fff;position:absolute;inset-block-start:3px;inset-inline-start:3px;box-shadow:0 1px 3px #0000004d}.switch input:checked+.switch__track{background:var(--accent-primary)}.switch input:checked+.switch__track:after{transform:translate(20px)}.switch input:disabled+.switch__track{opacity:.5}.switch input:disabled{cursor:not-allowed}.switch input:focus-visible+.switch__track{outline:2px solid var(--focus-ring);outline-offset:2px}.plans__price{font:var(--type-body-strong)}.request__prompt{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.comment__text a{color:var(--accent-primary);font-weight:600;text-decoration:none}@media (orientation:landscape) and (max-height:499px) and (pointer:coarse){.toast-host{inset-block-start:calc(env(safe-area-inset-top) + var(--sp-2));inset-block-end:auto}}
.feed-wrap{height:calc(100dvh - var(--tabbar-h) - env(safe-area-inset-bottom));background:#000;position:relative}.feed-wrap[data-playing=true]{height:100dvh}@media (min-width:768px) and (min-height:500px){.feed-wrap,.feed-wrap[data-playing=true]{height:100dvh}}.feed{scroll-snap-type:y mandatory;overscroll-behavior:none;scrollbar-width:none;height:100%;overflow-y:scroll}.feed::-webkit-scrollbar{display:none}.feed[data-locked=true]{overflow:hidden}.slide{scroll-snap-align:start;scroll-snap-stop:always;outline:none;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.slide:focus-visible{box-shadow:inset 0 0 0 4px #fff}.slide__frame{background-color:#222;background-position:50%;background-size:cover;width:100%;height:100%;position:relative;overflow:hidden}@media (min-width:768px) and (min-height:500px){.slide{padding:var(--sp-4) 0}.slide__frame{width:var(--card-w);border-radius:var(--radius-lg);overflow:visible}.slide__game,.slide__cover,.held,.result-scrim,.gesture-hint{border-radius:var(--radius-lg)}.slide__grad-top{border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg)}.slide__grad-bottom,.result{border-end-end-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg)}.slide .rail{inset-block-end:0;inset-inline-start:calc(100% + var(--sp-3));inset-inline-end:auto}.slide .rail__item,.slide .rail__avatar{filter:none}.slide__info{inset-inline-end:var(--sp-4)}}.feed-wrap{--card-w:min(100% - 2 * (var(--rail-col) + var(--sp-3)), calc((100dvh - 2rem) * 9 / 16));--rail-col:64px}.slide__game{background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.slide__cover{background-position:50%;background-size:cover;position:absolute;inset:0}.slide__grad-top,.slide__grad-bottom{pointer-events:none;position:absolute;inset-inline:0}.slide__grad-top{background:linear-gradient(#000000b3,#0000);height:180px;inset-block-start:0}.slide__grad-bottom{background:linear-gradient(#0000,#000000bf);height:45%;inset-block-end:0}.slide__label{color:#fff;text-shadow:0 1px 2px #000000e6,0 0 4px #0009}.slide__center{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-6);text-align:center;z-index:var(--z-feed-chrome);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.slide__center>*{pointer-events:auto}.play-btn{border-radius:var(--radius-full);background:var(--accent-primary);color:#fff;cursor:pointer;width:88px;height:88px;transition:transform var(--dur-fast) var(--ease);border:0;place-items:center;display:grid;box-shadow:0 8px 24px #00000059}.play-btn:active{transform:scale(.95)}.play-btn .icon{width:36px;height:36px}.play-btn[data-loading=true] .spinner{width:40px;height:40px}.slide__hint{font:var(--type-body-strong);max-width:28ch;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);color:#fff;background:#0000009e}.slide__info{z-index:var(--z-feed-chrome);gap:var(--sp-1);flex-direction:column;display:flex;position:absolute;inset-block-end:var(--sp-4);inset-inline-start:var(--sp-4);inset-inline-end:80px}.slide__info a{text-decoration:none}.slide__info a:hover{text-decoration:underline}.slide__title{font:var(--type-title)}.slide__meta{font:var(--type-caption);opacity:.85}.slide__chips{gap:var(--sp-2);flex-wrap:wrap;margin-block-start:var(--sp-1);display:flex}.slide__chips .chip{color:#111;text-shadow:none;background:#ffffffe6;border-color:#0000}.feed-top{z-index:var(--z-feed-chrome);pointer-events:none;justify-content:center;display:flex;position:absolute;inset-block-start:0;inset-inline:0}.feed-top__inner{width:100%;padding:max(var(--sp-3), env(safe-area-inset-top)) var(--sp-4) 0;justify-content:center;align-items:center;display:flex;position:relative}@media (min-width:768px) and (min-height:500px){.feed-top__inner{width:var(--card-w);padding-block-start:calc(var(--sp-4) + var(--sp-3))}}.feed-top__tabs{gap:var(--sp-4);pointer-events:auto;padding:0 var(--sp-4);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;display:flex}.feed-top__tab{min-height:var(--target-min);padding:0 var(--sp-1);color:#ffffffb3;font:var(--type-body-strong);cursor:pointer;background:0 0;border:0;align-items:center;text-decoration:none;display:inline-flex}.feed-top__tab[aria-current=page]{color:#fff}.feed-top__action{pointer-events:auto;position:absolute;inset-inline-end:var(--sp-4)}.feed-top__start{pointer-events:auto;position:absolute;inset-inline-start:var(--sp-4)}.rail{z-index:var(--z-rail);align-items:center;gap:var(--sp-2);flex-direction:column;display:flex;position:absolute;inset-block-end:96px;inset-inline-end:var(--sp-2)}.rail__item{color:#fff;min-width:48px;min-height:50px;font:var(--type-label);cursor:pointer;filter:drop-shadow(0 1px 2px #0009);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;text-decoration:none;display:flex}.rail__item[aria-pressed=true] .icon{fill:currentColor}.rail__item--liked{color:#ff4d6d}.rail__avatar{margin-block-end:var(--sp-2);position:relative}.rail__follow{border-radius:var(--radius-full);background:var(--accent-primary);color:#fff;cursor:pointer;border:2px solid #000;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;inset-block-end:-8px;inset-inline-start:50%;transform:translate(-50%)}.rail__follow .icon{stroke-width:3px;width:12px;height:12px}@media (max-height:600px){.rail{gap:0;inset-block-end:72px}.rail__avatar{display:none}}@media (max-height:499px){.rail{inset-block-end:var(--sp-2)}.rail .rail__item{min-height:40px;font-size:0}.rail .rail__item>span{font:var(--type-label)}.slide__chips{display:none}}.playing-controls{z-index:var(--z-playing);pointer-events:none;position:absolute;inset:0}.playing-controls>*{pointer-events:auto}.playing-controls>.gesture-hint{pointer-events:none}.pause-btn{position:absolute;inset-block-start:max(var(--sp-3), env(safe-area-inset-top));inset-inline-start:var(--sp-3)}.next-btn{min-height:var(--target-min);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.85;background:#00000073;border:0;position:absolute;inset-block-end:max(var(--sp-3), env(safe-area-inset-bottom));inset-inline-start:50%;transform:translate(-50%)}.held{z-index:var(--z-playing);padding:var(--sp-6);background:#0000008c;place-items:center;display:grid;position:absolute;inset:0}.held__card{align-items:center;gap:var(--sp-3);width:min(100%,300px);padding:var(--sp-6);border-radius:var(--radius-xl);background:var(--bg-elevated);color:var(--text-primary);text-align:center;flex-direction:column;display:flex}.held__card .btn{width:100%}.result{z-index:var(--z-playing);gap:var(--sp-3);max-height:100%;padding:var(--sp-6) var(--sp-6) max(var(--sp-4), env(safe-area-inset-bottom));background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sheet);animation:pf-rise var(--dur) var(--ease);border-start-start-radius:var(--radius-xl);border-start-end-radius:var(--radius-xl);flex-direction:column;display:flex;position:absolute;inset-block-end:0;inset-inline:0;overflow-y:auto}.result-scrim{z-index:var(--z-playing);background:#00000059;position:absolute;inset:0}.result__score{font:var(--type-display);font-variant-numeric:tabular-nums}.result__win{color:var(--status-success);font:var(--type-body-strong)}.result__lose{color:var(--text-secondary);font:var(--type-body-strong)}.result__continue{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.result__more{justify-content:space-around;display:flex}.result__continue .btn{min-width:0;padding-inline:var(--sp-3);white-space:normal;text-align:center}.result__more .rail__item{text-align:center;overflow-wrap:anywhere;min-width:0;color:var(--text-primary);filter:none;flex:1 1 0}.challenge-banner{inset-block-start:var(--game-safe-top);inset-inline:var(--sp-4);z-index:var(--z-feed-chrome);align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);color:#fff;background:#0e0e14f0;display:flex;position:absolute}.preview-bar{inset-block-start:var(--game-safe-top);inset-inline:var(--sp-4);z-index:var(--z-rail);gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--text-primary);flex-direction:column;display:flex;position:absolute}.slide__error{align-items:center;gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--radius-xl);background:var(--bg-elevated);color:var(--text-primary);flex-direction:column;display:flex}.feed-end{justify-content:center;align-items:center;gap:var(--sp-4);height:100%;padding:var(--sp-8);text-align:center;color:#fff;scroll-snap-align:start;flex-direction:column;display:flex}.nudge{inset-inline:var(--sp-4);z-index:var(--z-rail);align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-2) var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-pop);display:flex;position:absolute;inset-block-end:var(--sp-4)}.rotate-hint{display:none}@media (orientation:landscape) and (max-height:499px) and (pointer:coarse){.rotate-hint:not([hidden]){z-index:var(--z-playing);padding:var(--sp-4);color:#fff;text-align:center;background:#050507;place-items:center;display:grid;position:absolute;inset:0}}.rotate-hint__card{align-items:center;gap:var(--sp-2);flex-direction:column;max-width:360px;display:flex}.rotate-hint__icon{width:40px;height:64px;border:3px solid;border-radius:10px;margin-block-end:var(--sp-2)}.gesture-hint{z-index:var(--z-playing);pointer-events:none;color:#fff;animation:pf-gesture-out 2s var(--ease) forwards;background:#00000059;place-items:center;display:grid;position:absolute;inset:0}.gesture-hint__card{align-items:center;gap:var(--sp-2);font:var(--type-title);flex-direction:column;display:flex}.gesture-hint__card>span:last-child{padding:var(--sp-1) var(--sp-4);border-radius:var(--radius-full);background:#000000b8}.gesture-hint__hand{border-radius:var(--radius-full);background:#ffffff4d;border:3px solid #fff;width:52px;height:52px;animation:.7s ease-in-out infinite alternate pf-gesture-tap;box-shadow:0 2px 8px #00000080}.gesture-hint[data-input=swipe] .gesture-hint__hand,.gesture-hint[data-input=drag] .gesture-hint__hand{animation-name:pf-gesture-slide}@keyframes pf-gesture-out{0%,70%{opacity:1}to{opacity:0}}@keyframes pf-gesture-tap{to{transform:scale(.85)translateY(6px)}}@keyframes pf-gesture-slide{0%{transform:translate(-24px)}to{transform:translate(24px)}}@media (prefers-reduced-motion:reduce){.gesture-hint__hand{animation:none}.gesture-hint{animation:1.5s step-end forwards pf-gesture-out}}
.page--wide{max-width:1040px}.fieldset{gap:var(--sp-2);border:0;margin:0;padding:0}.chip:disabled{opacity:.45;cursor:not-allowed}.chip[aria-checked=true]{background:var(--text-primary);color:var(--bg-base);border-color:var(--text-primary)}.chip--locked{color:var(--text-secondary);border-style:dashed}.cmd{padding:var(--sp-3);border-radius:var(--radius-md);background:var(--bg-base);border:1px solid var(--border-default);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:500 13px/20px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.connect-steps{margin:0;padding:0;list-style:none}.project-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.project-card{border-radius:var(--radius-lg);background:var(--bg-surface);height:100%;color:inherit;border:1px solid var(--border-default);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.project-card:hover{border-color:var(--border-strong)}.project-card__poster{aspect-ratio:4/3;background-position:50%;background-size:cover}.project-card__body{gap:var(--sp-1);padding:var(--sp-3);flex-direction:column;display:flex}.project-card__body .badge{margin:0}.project-card__title{font:var(--type-body-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-card--new{justify-content:center;align-items:center;gap:var(--sp-2);background:var(--bg-base);border-style:dashed;min-height:180px}.project-card__plus{border-radius:var(--radius-full);background:var(--accent-primary);width:48px;height:48px;color:var(--accent-on);font:var(--type-title);place-items:center;display:grid}.first-game{max-width:560px}.new-project__cta{padding-block:var(--sp-3);background:var(--bg-base);margin-block-end:var(--kb,0px)}.has-nav .new-project__cta{inset-block-end:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}@media (min-width:768px) and (min-height:500px){.has-nav .new-project__cta{inset-block-end:0}}.ref-chips{gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ref-chip{align-items:center;gap:var(--sp-2);height:36px;padding-inline:var(--sp-1) var(--sp-1);border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-text);font:var(--type-caption);max-width:100%;font-weight:600;display:inline-flex}.ref-chip__poster{border-radius:var(--radius-full);background-position:50%;background-size:cover;flex:none;width:28px;height:28px}.ref-chip__title{text-overflow:ellipsis;white-space:nowrap;padding-inline-end:var(--sp-2);overflow:hidden}.ref-chip .ref-chip__x{width:32px;min-width:32px;height:32px;min-height:32px;color:inherit;margin-inline-start:calc(-1 * var(--sp-2))}.ref-chip .ref-chip__x .icon{width:16px;height:16px}.ref-row{text-align:start;width:100%;color:inherit;cursor:pointer;border-radius:var(--radius-md);background:0 0;border:0}.ref-row:hover:not(:disabled){background:var(--bg-surface)}.ref-row[aria-pressed=true]{background:var(--accent-soft)}.ref-row:disabled{opacity:.5;cursor:not-allowed}.ref-row__poster{border-radius:var(--radius-sm);background-position:50%;background-size:cover;flex:none;width:44px;height:56px}.ref-row__text{flex-direction:column;gap:2px;min-width:0;display:flex}.ref-row__title{font:var(--type-body-strong)}.ws{background:var(--bg-base);flex-direction:column;height:100dvh;display:flex}.ws__top{align-items:center;gap:var(--sp-2);min-height:56px;padding:max(var(--sp-2), env(safe-area-inset-top)) var(--sp-3) var(--sp-2) var(--sp-2);border-block-end:1px solid var(--border-default);display:flex}.ws__title{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.ws__title .badge{flex:none;margin:0}.ws__h1{font:var(--type-title);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:18px;overflow:hidden}.ws__seg{padding:var(--sp-2) var(--sp-3) 0}.ws__cols{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.ws__chat,.ws__preview,.ws__side{flex-direction:column;min-width:0;min-height:0;display:flex}.ws__preview{background:var(--bg-surface)}.ws[data-view=chat] .ws__preview,.ws[data-view=preview] .ws__chat{display:none}@media (min-width:768px) and (min-height:500px){.ws[data-view] .ws__preview,.ws[data-view] .ws__chat{display:flex}.ws__cols{grid-template-columns:minmax(300px,42%) minmax(0,1fr)}.ws__chat{border-inline-end:1px solid var(--border-default)}}@media (min-width:1024px) and (min-height:500px){.ws__cols{grid-template-columns:minmax(300px,360px) minmax(0,1fr) minmax(320px,400px)}.ws__side{border-inline-start:1px solid var(--border-default)}.ws__side>.tabs{padding:var(--sp-2) var(--sp-3) 0}}.ws__side-body{min-height:0;padding:var(--sp-3);flex:1;overflow-y:auto}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat__list{min-height:0;padding:var(--sp-3);gap:var(--sp-4);flex-direction:column;flex:1;margin:0;list-style:none;display:flex;overflow-y:auto}.chat__empty{text-align:center;margin:auto}.chat__turn{gap:var(--sp-2);flex-direction:column;display:flex}.chat__msg{max-width:88%;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg);background:var(--accent-primary);color:var(--accent-on);overflow-wrap:anywhere;align-self:flex-end}.chat__meta{gap:var(--sp-1);opacity:.9;margin-block-start:var(--sp-1)}.chat__meta .ref-chip{height:28px;color:inherit;background:#ffffff2e}.chat__meta .ref-chip__poster{width:20px;height:20px}.chat__meta .ctx-chip{color:inherit;background:#ffffff2e}.chat__event{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);font:var(--type-caption);display:flex}.chat__event strong{color:var(--text-primary)}.step-card{gap:var(--sp-2);max-width:92%;padding:var(--sp-3);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-default);flex-direction:column;display:flex}.step-card .steps{margin:0}.step-card--ready[data-selected=true]{border-color:var(--accent-primary)}.step-card--failed{background:var(--status-danger-soft);border-color:#0000}.step-card .label{align-items:center;gap:var(--sp-1);display:flex}.ready-bar{align-items:center;gap:var(--sp-2);margin:0 var(--sp-3) var(--sp-2);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);border-radius:var(--radius-full);background:var(--status-success-soft);color:var(--text-primary);font:var(--type-body-strong);display:flex}.composer{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) max(var(--sp-3), env(safe-area-inset-bottom));border-block-start:1px solid var(--border-default);background:var(--bg-elevated);flex-direction:column;margin-block-end:var(--kb,0px);display:flex}.composer__chips{gap:var(--sp-1)}.composer__input{resize:none;min-height:64px;max-height:160px}.composer__bar{gap:var(--sp-1);flex-wrap:wrap}.composer__bar>.btn{margin-inline-start:auto}.composer__bar>.grow{flex:1 0 auto}.composer__bar .model-picker{gap:var(--sp-1);flex-wrap:nowrap}.composer__bar .chip{height:32px;padding-inline:var(--sp-2)}.ctx-chip{align-items:center;gap:var(--sp-1);height:32px;padding-inline:var(--sp-3) var(--sp-1);border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-default);font:var(--type-caption);font-weight:600;display:inline-flex}.ctx-chip .ctx-chip__x{width:28px;min-width:28px;height:28px;min-height:28px}.ctx-chip .ctx-chip__x .icon{width:14px;height:14px}.pv{gap:var(--sp-2);min-height:0;padding:var(--sp-3);flex-direction:column;flex:1;display:flex}.pv__head{align-items:center;gap:var(--sp-2);min-height:44px;display:flex}.pv__head .tabs{flex:none;margin:0}.pv__head .tab{flex:none;min-width:56px}.pv__head>.btn{flex-shrink:1;min-width:0}.pv__select .field__input{max-width:min(320px,60vw);height:40px;padding-block:0}.pv__ab-what{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pv__ab-posters{gap:var(--sp-2);display:flex}.pv__ab-poster{border-radius:var(--radius-md);color:#fff;height:72px;font:var(--type-label);padding:var(--sp-1) var(--sp-2);cursor:pointer;text-shadow:0 1px 2px #000000e6;background-color:#222;background-position:50%;background-size:cover;border:2px solid #0000;flex:1;align-items:flex-end;display:flex}.pv__ab-poster[data-on=true]{border-color:var(--accent-primary)}.pv__stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.pv__note{text-align:center}.sp{aspect-ratio:9/16;border-radius:var(--radius-lg);max-width:100%;height:100%;max-height:100%;color:var(--text-primary);background-color:#17171d;background-position:50%;background-size:cover;position:relative;overflow:hidden}@media (max-width:767px),(max-height:499px){.sp{aspect-ratio:9/16;border-radius:var(--radius-md);width:auto;max-width:100%;height:100%}}.sp__game{background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.sp__cover{background-position:50%;background-size:cover;position:absolute;inset:0}.sp__center{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-4);text-align:center;background:linear-gradient(#0000 40%,#0000008c);flex-direction:column;display:flex;position:absolute;inset:0}.sp__pause{position:absolute;inset-block-start:var(--sp-2);inset-inline-start:var(--sp-2)}.sp__card{inset-inline:var(--sp-4);gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-pop);text-align:center;flex-direction:column;display:flex;position:absolute;inset-block-end:var(--sp-4)}.sp__card .result__score{font:var(--type-display)}.sp__point{cursor:crosshair;outline:3px dashed var(--accent-primary);outline-offset:-3px;background:#6a48f52e;justify-content:center;align-items:flex-start;padding-block-start:var(--sp-4);display:flex;position:absolute;inset:0}.sp__point-hint{padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);color:#fff;font:var(--type-body-strong);background:#000000b3}.versions{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.version{gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border-default);flex-direction:column;display:flex}.version[data-selected=true]{border-color:var(--accent-primary);background:var(--accent-soft)}.version .badge{margin:0}.version__n{min-width:36px;font:var(--type-body-strong);flex:none}.version__what{overflow-wrap:anywhere}.version__actions{gap:var(--sp-1)}.row-menu{display:inline-flex;position:relative}.row-menu__list{z-index:2;min-width:200px;padding:var(--sp-1);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-elevated);box-shadow:var(--shadow-pop);flex-direction:column;display:flex;position:absolute;inset-block-start:calc(100% + 4px);inset-inline-end:0}.row-menu__item{min-height:var(--target-min);padding:0 var(--sp-3);border-radius:var(--radius-sm);color:var(--text-primary);font:var(--type-body);text-align:start;cursor:pointer;background:0 0;border:0}.row-menu__item:hover,.row-menu__item:focus-visible{background:var(--bg-surface)}.code-panel__bar{gap:var(--sp-2)}.code-panel__over{color:var(--status-danger);font-weight:600}.size-meter{border-radius:var(--radius-full);background:var(--border-default);height:4px;overflow:hidden}.size-meter>span{background:var(--accent-primary);height:100%;display:block}.code-panel__note{gap:var(--sp-2);padding:var(--sp-3)}.code-panel__fail{padding:var(--sp-3);background:var(--status-danger-soft)}.code-editor{width:100%;min-height:48dvh;padding:var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);white-space:pre;resize:vertical;tab-size:2;font:400 12px/18px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.code-editor:read-only{color:var(--text-secondary)}.code-editor:focus{outline:2px solid var(--accent-primary);outline-offset:0}.slide__title-btn{font:inherit;color:inherit;text-shadow:inherit;text-align:start;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #ffffff73;text-decoration:underline #ffffff73;text-decoration-thickness:1px}.inspired-top{gap:var(--sp-4);align-items:flex-start;display:flex}.inspired-top__poster{flex:none;justify-content:center;align-items:center;width:120px}.inspired-top .play-btn{width:56px;height:56px}.inspired-top .play-btn .icon{width:24px;height:24px}.charts .tabs{margin-block:var(--sp-3) var(--sp-2);overflow-x:auto}.chart-row{align-items:center;gap:var(--sp-3);min-height:60px;padding-block:var(--sp-1);display:flex}.chart-row+.chart-row{border-block-start:1px solid var(--border-default)}.chart-row__rank{text-align:center;width:24px;font:var(--type-body-strong);color:var(--text-secondary);flex:none}.chart-row__poster{border-radius:var(--radius-sm);background-position:50%;background-size:cover;flex:none;width:40px;height:52px}.chart-row__text{flex-direction:column;min-width:0;display:flex}.chart-row__title{font:var(--type-body-strong);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.chart-row__metric{text-align:end;flex:none}a.chart-row__metric{color:var(--accent-text);font-weight:600}.chart-note{margin-block:var(--sp-2)}.chart-empty{padding-block:var(--sp-4)}.price-list li{gap:var(--sp-2);min-height:40px}.price-list .badge{margin:0}.code-view{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);height:48dvh;min-height:240px;font:400 12px/18px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex;position:relative;overflow:hidden}.code-view:focus-within{outline:2px solid var(--accent-primary);outline-offset:-1px}.code-view__gutter{min-width:3.5ch;padding:var(--sp-3) var(--sp-2) var(--sp-3) var(--sp-3);text-align:right;color:var(--text-disabled);-webkit-user-select:none;user-select:none;border-inline-end:1px solid var(--border-default);flex-direction:column;flex:none;display:flex;overflow:hidden}.code-view__gutter>span{flex:none;height:18px;display:block}.code-view__gutter>span[data-sel=true]{color:var(--accent-text);font-weight:600}.code-view__gutter>span[data-fail=true]{color:var(--status-danger);font-weight:700}.code-view__area{flex:1;min-width:0;position:relative}.code-view__hl,.code-view .code-view__input{padding:var(--sp-3);font:inherit;white-space:pre;tab-size:2;letter-spacing:normal;border:0;border-radius:0;margin:0;position:absolute;inset:0}.code-view__hl{pointer-events:none;color:var(--text-primary);overflow:hidden}.code-view .code-view__input{resize:none;color:#0000;width:100%;height:100%;min-height:0;caret-color:var(--text-primary);background:0 0;outline:none;overflow:auto}.code-view .code-view__input::selection{background:color-mix(in srgb, var(--accent-primary) 30%, transparent);color:#0000}.code-line{min-width:max-content;min-height:18px;display:block}.code-line[data-fail=true]{background:var(--status-danger-soft);box-shadow:inset 3px 0 0 var(--status-danger)}.code-view[data-readonly=true] .code-view__hl{opacity:.85}.tk--comment{color:#6b7280;font-style:italic}.tk--string{color:#15803d}.tk--number{color:#b45309}.tk--keyword{color:#7c3aed;font-weight:600}.tk--tag{color:#2563eb}.tk--attr{color:#0e7490}.tk--punct{color:var(--text-secondary)}:root[data-theme=dark] .tk--comment{color:#8b93a1}:root[data-theme=dark] .tk--string{color:#86efac}:root[data-theme=dark] .tk--number{color:#fbbf24}:root[data-theme=dark] .tk--keyword{color:#c4b5fd}:root[data-theme=dark] .tk--tag{color:#93c5fd}:root[data-theme=dark] .tk--attr{color:#67e8f9}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tk--comment{color:#8b93a1}:root:not([data-theme=light]) .tk--string{color:#86efac}:root:not([data-theme=light]) .tk--number{color:#fbbf24}:root:not([data-theme=light]) .tk--keyword{color:#c4b5fd}:root:not([data-theme=light]) .tk--tag{color:#93c5fd}:root:not([data-theme=light]) .tk--attr{color:#67e8f9}}.link-btn{color:var(--accent-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.drawer-layer{z-index:var(--z-sheet);justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--bg-elevated);width:min(420px,92vw);height:100%;color:var(--text-primary);box-shadow:var(--shadow-pop);animation:pf-drawer-in var(--dur) var(--ease);flex-direction:column;display:flex;position:relative}@keyframes pf-drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.drawer{animation:none}}.drawer__head{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2) 0 var(--sp-3);display:flex}.drawer__head .tabs{margin:0}.drawer__body{min-height:0;padding:var(--sp-3);flex:1;overflow:auto}.more-row{justify-content:flex-start;gap:var(--sp-3);text-align:start;height:auto;min-height:52px;padding-block:var(--sp-2)}.more-row__text{flex-direction:column;gap:2px;font-weight:500;display:flex}.composer__switch{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);background:var(--status-warning-soft)}.chat__event--failed{border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);background:var(--status-danger-soft);align-items:flex-start}.project-settings .section{margin-top:var(--sp-5)}.link-row{align-items:center;gap:var(--sp-3);display:flex}.link-row__path{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.stat__sub{font:var(--type-caption);color:var(--status-success)}.stat__sub[data-below=true]{color:var(--status-warning)}.first-look{padding:var(--sp-4)}.first-look__bar{border-radius:var(--radius-full);background:var(--border-default);height:8px;overflow:hidden}.first-look__bar>span{background:var(--accent-primary);height:100%;display:block}.game-stats__cols{gap:var(--sp-4);flex-direction:column;display:flex}@media (min-width:1024px){.page--narrow.game-stats{max-width:820px}.game-stats .stat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.game-stats__cols{gap:var(--sp-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}}.reason-list{gap:var(--sp-2);flex-direction:column;display:flex}.reason-list li{justify-content:space-between;gap:var(--sp-3);display:flex}.reason-list strong{font-variant-numeric:tabular-nums}.test-play{align-items:center;gap:var(--sp-3);height:calc(100dvh - var(--tabbar-h) - 120px);flex-direction:column;min-height:420px;display:flex}.upload-drop{align-items:center;gap:var(--sp-2);padding:var(--sp-5);border:2px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);text-align:center;cursor:pointer;flex-direction:column;display:flex}.upload-drop:focus-within{outline:2px solid var(--accent-primary)}.home-filters{margin-block:var(--sp-3)}
.details-rows{gap:var(--sp-3);flex-direction:column;margin:0;display:flex}.details-row{gap:var(--sp-3);grid-template-columns:110px 1fr;align-items:baseline;display:grid}.details-row__label,.details-row__value{margin:0}.details-actions>*{flex:1 1 0}.swatch{inline-size:var(--target-min,44px);block-size:var(--target-min,44px);border-radius:var(--radius-full);border:2px solid var(--border-default);cursor:pointer}.swatch[data-selected]{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--accent-soft)}.swatch:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.rank-change{white-space:nowrap;font-weight:600}.rank-change--up{color:var(--status-success)}.rank-change--down{color:var(--status-danger)}.rank-change--new{color:var(--accent-text)}.inbox-group__title{padding-block:var(--sp-3) var(--sp-1);text-transform:uppercase}.inbox-row--unread{background:var(--bg-surface)}.profile-counts{justify-content:center;gap:var(--sp-5,20px)}.profile-count{min-block-size:var(--target-min,44px);min-inline-size:var(--target-min,44px);color:inherit;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:inline-flex}button.profile-count{cursor:pointer}.inspired-top__make{align-self:flex-start}
.system-banners{inset-block-start:env(safe-area-inset-top);inset-inline:var(--sp-3);z-index:var(--z-banner);gap:var(--sp-2);pointer-events:none;flex-direction:column;margin-block-start:var(--sp-3);display:flex;position:fixed}.system-banner{align-items:center;gap:var(--sp-3);width:100%;max-width:560px;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-lg);color:#3d2a00;font:var(--type-body);box-shadow:var(--shadow-pop);pointer-events:auto;background:#fdebd0;margin:0 auto;display:flex}.system-banner .grow{flex:1}.system-down{z-index:calc(var(--z-banner) + 10);background:var(--bg-base);color:var(--text-primary);padding:var(--sp-6);text-align:center;place-items:center;display:grid;position:fixed;inset:0}.system-down__body{align-items:center;gap:var(--sp-3);flex-direction:column;max-width:360px;display:flex}.appeal{gap:var(--sp-4);flex-direction:column;display:flex}.appeal__decision{gap:var(--sp-2);flex-direction:column;align-items:flex-start;display:flex}.appeal__decision p,.appeal__state p{margin:0}.appeal__state{gap:var(--sp-2);flex-direction:column;display:flex}.appeal__state:focus{outline:none}.appeal__state:focus-visible{outline:2px solid var(--focus-ring,currentColor)}.appeal__form{gap:var(--sp-3);flex-direction:column;display:flex}
.notice{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font:var(--type-body)}.notice--warn{background:var(--status-warning-soft)}.notice--ok{background:var(--status-success-soft)}.notice--draft{background:var(--status-warning-soft);font:var(--type-body-strong)}.btn--apple{color:#fff;background:#000;border-color:#000;box-shadow:0 0 0 1px #ffffff2e}.btn--apple:hover:not(:disabled){background:#1d1d1f}.kv{justify-content:space-between;align-items:baseline;gap:var(--sp-3);min-height:30px;display:flex}.kv>:first-child{color:var(--text-secondary)}.kv>:last-child{font:var(--type-body-strong);text-align:end}.export-row{align-items:center;gap:var(--sp-3);padding-block:var(--sp-1);display:flex}.export-row__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.export-row__date{font:var(--type-body-strong);white-space:nowrap}.export-row>.btn{flex:none}.card--accent{box-shadow:inset 0 0 0 2px var(--accent-primary)}.settings__switches{padding-block:var(--sp-1)}.settings__switches .switch{padding:var(--sp-2) var(--sp-3)}.method-row{align-items:center;gap:var(--sp-3);padding-block:var(--sp-3);display:flex}.method-row+.method-row{border-top:1px solid var(--border-default)}.pack-row{align-items:center;gap:var(--sp-3);padding-block:var(--sp-2);display:flex}.pack-row+.pack-row{border-top:1px solid var(--border-default)}.success-mark{border-radius:var(--radius-full);background:var(--status-success-soft);width:72px;height:72px;color:var(--status-success);place-items:center;display:grid}a.tab{align-items:center;text-decoration:none;display:inline-flex}a.tab[aria-current=page]{color:var(--text-primary);border-block-end-color:var(--text-primary)}.legal h2{font:var(--type-body-strong);margin-block:var(--sp-5) var(--sp-2)}.legal p,.legal li{color:var(--text-secondary);margin-block-end:var(--sp-2)}.legal ul{padding-inline-start:var(--sp-5)}.legal-links{gap:var(--sp-2);font:var(--type-caption);color:var(--text-secondary);flex-wrap:wrap;display:flex}.legal-links a{color:inherit}.navrail .legal-links{padding:var(--sp-3);margin-block-start:auto}@media (max-width:1023px),(max-height:499px){.navrail .legal-links{display:none}}.devpage{min-height:100dvh;padding:var(--sp-4);background:var(--bg-surface);place-items:center;display:grid}.devpage__card{width:min(420px,100%);padding:var(--sp-6);border-radius:var(--radius-xl);background:var(--bg-elevated);box-shadow:var(--shadow-pop)}.devpage__tag{padding:2px var(--sp-2);border-radius:var(--radius-full);background:var(--status-warning-soft);color:var(--status-warning);font:var(--type-label);align-self:flex-start;display:inline-block}