:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0b0c0f;--color-bg-deep:#08090b;--color-surface:#14161b;--color-surface-hover:#191c22;--color-line:#ffffff12;--color-line-strong:#ffffff26;--color-text:#f4f5f7;--color-text-secondary:#a3a9b4;--color-text-tertiary:#858c99;--color-accent:#3ecfe8;--color-warning:#e8b23e;--color-ink:#0b0c0f;--color-inverse:#fff;--color-stage-veil:#05070ac2;--color-nav-fade-start:#08090bb8;--color-nav-fade-end:#08090b00;--color-nav-solid:#0b0c0fd1;--color-overlay-strong:#0b0c0feb;--color-overlay-medium:#0b0c0f8c;--color-overlay-soft:#0b0c0f0d;--color-overlay-clear:#0b0c0f00;--color-feature-overlay-strong:#08090beb;--color-feature-overlay-medium:#08090b8c;--color-feature-text:#c6ccd6;--color-feature-text-dim:#c6ccd6a3;--color-progress-rail:#e8eaef;--color-progress-elapsed:#7c828c;--color-interactive-line:#ffffff47;--color-interactive-line-strong:#ffffff52;--color-button-primary:#32363d;--color-button-primary-hover:#3e434b;--color-button-ghost:#ffffff0a;--color-button-ghost-hover:#ffffff14;--game-bg-dark:#000;--game-bg-ink:#050607;--game-bg-light:#ecf0f1;--text-xs:12px;--text-sm:13px;--text-control:14px;--text-body:15px;--text-ui:16px;--text-title:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--space-16:64px;--space-18:72px;--space-20:80px;--space-24:96px;--space-26:104px;--space-30:120px;--space-32:128px;--space-35:140px;--touch-target:44px;--control-height:48px;--nav-height:68px;--nav-height-mobile:60px;--play-toolbar-height:52px;--play-toolbar-height-mobile:48px;--font-body:"Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--radius-control:12px;--radius-media:12px;--radius-card:16px;--container-pad:max(24px, calc((100vw - 1280px) / 2));font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}::selection{color:var(--color-ink);background:var(--color-accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}.site{background:var(--color-bg);width:100%;max-width:100%;overflow-x:hidden}.route-loading{min-height:100vh;color:var(--color-text-secondary);background:var(--color-bg);place-items:center;display:grid}.global-nav{z-index:20;height:calc(var(--nav-height) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);color:var(--color-text);background:linear-gradient(var(--color-nav-fade-start), var(--color-nav-fade-end));position:absolute;inset:0 0 auto}.global-nav--solid{border-bottom:1px solid var(--color-line);background:var(--color-nav-solid);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0}.global-nav__inner{width:min(100% - var(--space-12), 1280px);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.wordmark{min-height:var(--touch-target);align-items:center;gap:var(--space-2);color:var(--color-text);font-size:var(--text-ui);letter-spacing:-.02em;font-weight:700;text-decoration:none;display:inline-flex}.wordmark svg{color:var(--color-accent)}.wordmark strong{color:var(--color-text-secondary);font-weight:700}.global-nav__lead{align-items:center;gap:var(--space-8);min-width:0;display:flex}.global-nav__links{align-items:center;gap:var(--space-7);display:flex}.global-nav__links a{min-height:var(--touch-target);color:var(--color-text-secondary);font-size:var(--text-control);align-items:center;font-weight:500;text-decoration:none;transition:color .16s;display:inline-flex}.global-nav__links a:hover{color:var(--color-text)}.icon-link{width:38px;height:38px;color:var(--color-text-secondary);border-radius:10px;flex:none;justify-content:center;align-items:center;transition:color .16s,background-color .16s;display:inline-flex}.icon-link:hover{color:var(--color-text);background:var(--color-button-ghost-hover)}.section-heading{margin-bottom:var(--space-10)}.section-heading__eyebrow{color:var(--color-accent);font-size:var(--text-sm);letter-spacing:.02em;margin:0 0 12px;font-weight:600}.section-heading h2{letter-spacing:-.02em;text-wrap:balance;word-break:keep-all;max-width:780px;margin:0;font-size:clamp(26px,3vw,34px);font-weight:700;line-height:1.32}.section-heading__description{max-width:840px;margin:var(--space-4) 0 0;color:var(--color-text-secondary);font-size:var(--text-ui);word-break:keep-all;line-height:1.65}.button{min-height:var(--control-height);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-control);font-size:var(--text-body);cursor:pointer;border:1px solid #0000;font-weight:600;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.button--primary{border-color:var(--color-interactive-line);color:var(--color-text);background:var(--color-button-primary)}.button--primary:hover{border-color:var(--color-interactive-line-strong);background:var(--color-button-primary-hover)}.button--ghost{border-color:var(--color-line-strong);color:var(--color-text-secondary);background:0 0}.button--ghost:hover{border-color:var(--color-interactive-line);color:var(--color-text);background:var(--color-button-ghost)}@media (width<=767px){.global-nav{height:calc(var(--nav-height-mobile) + env(safe-area-inset-top,0px))}.icon-link{width:var(--touch-target);height:var(--touch-target)}.global-nav__inner{width:calc(100% - var(--space-10));gap:var(--space-5)}.wordmark{white-space:nowrap}.global-nav__lead{gap:var(--space-5)}.global-nav__links{gap:var(--space-5);scrollbar-width:none;min-width:0;overflow-x:auto}.global-nav__links a{white-space:nowrap}}@media (width<=400px){.wordmark strong{display:none}}.hero{--hero-slide-duration:5s;min-height:min(780px,92vh);padding:var(--space-35) var(--container-pad) var(--space-24);color:var(--color-text);background:var(--color-bg);align-items:end;display:flex;position:relative;overflow:hidden}.hero__media,.hero__backdrop,.hero__scrim{width:100%;height:100%;position:absolute;inset:0}.hero__backdrop{object-fit:cover;object-position:center;opacity:0;transition:opacity .9s,transform 1.6s cubic-bezier(.2,.8,.2,1);transform:scale(1.04)}.hero__backdrop--active{opacity:1;transform:scale(1)}.hero__scrim{background:linear-gradient(90deg, var(--color-overlay-strong) 0%, var(--color-overlay-strong) 18%, var(--color-overlay-medium) 52%, var(--color-overlay-soft) 80%), linear-gradient(0deg, var(--color-bg) 0%, var(--color-overlay-clear) 42%)}.hero__inner{z-index:2;width:100%;position:relative}.hero__content{flex-direction:column;justify-content:flex-end;width:min(700px,100%);min-height:360px;display:flex}.hero__content>*{animation:.6s cubic-bezier(.2,.8,.2,1) both hero-copy-in}.hero__content>:nth-child(2){animation-delay:60ms}.hero__content>:nth-child(3){animation-delay:.12s}.hero__content>:nth-child(4){animation-delay:.18s}.hero__content>:nth-child(5){animation-delay:.24s}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(20px)}}.hero__eyebrow{margin:0 0 var(--space-4);color:var(--color-accent);font-size:var(--text-sm);letter-spacing:.02em;font-weight:600}.hero h1{letter-spacing:-.028em;word-break:keep-all;margin:0;font-size:clamp(36px,4.2vw,50px);font-weight:700;line-height:1.2}.hero__tagline{max-width:560px;margin:var(--space-3) 0 0;color:var(--color-text);letter-spacing:-.014em;word-break:keep-all;font-size:clamp(18px,1.7vw,21px);font-weight:550;line-height:1.45}.hero__description{max-width:540px;margin:var(--space-5) 0 0;color:var(--color-text-secondary);font-size:var(--text-ui);word-break:keep-all;line-height:1.7}.hero__actions{gap:var(--space-3);margin-top:var(--space-9);flex-wrap:wrap;display:flex}.hero__controls{align-items:center;gap:var(--space-8);margin-top:var(--space-16);display:flex}.hero__progress{align-items:center;gap:var(--space-2);min-width:0;display:flex}.hero-step{width:88px;height:var(--touch-target);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.hero-step__rail{background:var(--color-progress-rail);width:100%;height:6px;display:block;overflow:hidden}.hero-step__fill{background:var(--color-progress-elapsed);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.hero-step[aria-current=true] .hero-step__fill{transform:scaleX(1)}.hero-step__fill--auto{animation:hero-step-fill var(--hero-slide-duration) linear both}@keyframes hero-step-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero__arrows{gap:var(--space-1);margin-left:calc(var(--space-2) * -1);flex:none;display:flex}.hero-arrow{width:36px;height:36px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:color .16s,background-color .16s;display:grid}.hero-arrow:hover{color:var(--color-text);background:var(--color-button-ghost-hover)}.hero__status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.hero__backdrop{transition:none}.hero__content>*{animation:none}}.library{padding:var(--space-26) var(--container-pad) var(--space-32);background:var(--color-bg)}.filters{gap:var(--space-2);scrollbar-width:none;border:0;min-width:0;margin:0 0 32px;padding:0;display:flex;overflow-x:auto}.filter-button{min-width:max-content;min-height:var(--touch-target);padding:var(--space-2) var(--space-5);border:1px solid var(--color-line-strong);color:var(--color-text-secondary);font-size:var(--text-control);cursor:pointer;background:0 0;border-radius:999px;font-weight:550;transition:color .16s,background-color .16s,border-color .16s}.filter-button:hover{color:var(--color-text);border-color:var(--color-interactive-line)}.filter-button[aria-pressed=true]{color:var(--color-ink);background:var(--color-inverse);border-color:#0000}.filter-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-grid{grid-auto-flow:dense;gap:var(--space-5);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.game-card{grid-column:span 4;min-width:0}.game-card:first-child{grid-column:span 8}.game-card__link{aspect-ratio:4/3;width:100%;height:100%;color:inherit;background:var(--color-bg-deep);border:1px solid var(--color-line);border-radius:var(--radius-card);isolation:isolate;flex-direction:column;justify-content:flex-end;text-decoration:none;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.game-card__link:hover,.game-card__link:focus-visible{border-color:var(--color-line-strong);border-radius:var(--radius-card)}.game-card__backdrop{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.game-card__link:hover .game-card__backdrop,.game-card__link:focus-visible .game-card__backdrop{transform:scale(1.04)}.game-card__scrim{z-index:1;background:linear-gradient(0deg, var(--color-feature-overlay-strong) 0%, var(--color-feature-overlay-strong) 18%, var(--color-feature-overlay-medium) 48%, transparent 78%);position:absolute;inset:0}.game-card__go{top:var(--space-4);right:var(--space-4);z-index:2;width:34px;height:34px;color:var(--color-text);background:var(--color-overlay-medium);border:1px solid var(--color-line-strong);-webkit-backdrop-filter:blur(8px);opacity:0;border-radius:999px;place-items:center;transition:opacity .2s,transform .2s;display:grid;position:absolute;transform:translateY(4px)}.game-card__link:hover .game-card__go,.game-card__link:focus-visible .game-card__go{opacity:1;transform:translateY(0)}.game-card__content{z-index:2;padding:var(--space-5) var(--space-6) var(--space-6);position:relative}.game-card__category{margin:0 0 var(--space-2);color:var(--color-feature-text-dim);font-size:var(--text-sm);letter-spacing:.02em;font-weight:600}.game-card__title{font-size:var(--text-title);letter-spacing:-.02em;margin:0;font-weight:650;line-height:1.3}.game-card__tagline{margin:var(--space-1) 0 0;color:var(--color-feature-text);font-size:var(--text-control);word-break:keep-all;line-height:1.55}@media (width>=768px){.game-card:first-child .game-card__link{aspect-ratio:auto;min-height:340px}.game-card:first-child .game-card__content{max-width:560px;padding:var(--space-6) var(--space-7) var(--space-7)}.game-card:first-child .game-card__title{font-size:22px}}.site-footer{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-10) var(--container-pad) calc(var(--space-10) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-line);background:var(--color-bg);display:flex}.site-footer small{color:var(--color-text-tertiary);font-size:var(--text-sm);word-break:keep-all}.site-footer__social{min-height:var(--touch-target);align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color .16s;display:inline-flex}.site-footer__social:hover{color:var(--color-text)}@media (width<=1023px){.game-card{grid-column:span 6}.game-card:first-child{grid-column:1/-1}}@media (width>=768px) and (width<=1023px){.hero{min-height:min(720px,88vh);padding:var(--space-30) var(--container-pad) var(--space-20)}.hero__backdrop{object-position:72% center}.hero__scrim{background:linear-gradient(90deg, var(--color-overlay-strong) 0%, var(--color-overlay-strong) 40%, var(--color-overlay-medium) 74%, var(--color-overlay-soft) 96%), linear-gradient(0deg, var(--color-bg) 0%, var(--color-overlay-clear) 46%)}.hero__content{width:min(560px,100%);min-height:320px}.hero__description{max-width:100%}.library{padding:var(--space-20) var(--container-pad) var(--space-26)}}@media (width<=767px){.hero{min-height:min(680px,100svh);padding:var(--space-26) var(--space-6) var(--space-16)}.hero__backdrop{object-position:62% center}.hero__scrim{background:linear-gradient(0deg, var(--color-bg) 0%, var(--color-overlay-strong) 50%, var(--color-overlay-medium) 78%, var(--color-overlay-soft) 100%)}.hero__content{min-height:448px}.hero h1{font-size:clamp(30px,7.6vw,36px);line-height:1.28}.hero__tagline{font-size:17px}.hero__actions{flex-direction:column;align-items:stretch}.hero__controls{margin-top:var(--space-10)}.hero__progress{gap:var(--space-3);width:100%}.hero-step{flex:1 1 0;width:auto}.filters{row-gap:var(--space-2);flex-wrap:wrap;overflow-x:visible}.hero__arrows{display:none}.library{padding:var(--space-20) var(--space-6) var(--space-24)}.game-grid{grid-template-columns:1fr}.game-card,.game-card:first-child{grid-column:1}.game-card__link{aspect-ratio:3/2}.site-footer{padding:var(--space-8) var(--space-6) calc(var(--space-8) + env(safe-area-inset-bottom,0px))}}.play-toolbar{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-4);height:calc(var(--play-toolbar-height) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(var(--space-5), env(safe-area-inset-right,0px)) 0 max(var(--space-5), env(safe-area-inset-left,0px));background:var(--color-bg);border-bottom:1px solid var(--color-line);flex:none;display:flex}.play-toolbar__lead{align-items:center;gap:var(--space-4);min-width:0;display:flex}.play-toolbar .wordmark{min-height:0;font-size:var(--text-body);flex:none}.play-toolbar__back,.play-toolbar__title{font-size:var(--text-sm);letter-spacing:-.01em}.play-toolbar__back{padding-left:var(--space-4);color:var(--color-text-tertiary);flex:none;font-weight:500;text-decoration:none;transition:color .16s;position:relative}.play-toolbar__back:before{content:"";background:var(--color-line-strong);width:1px;height:14px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.play-toolbar__back:hover{color:var(--color-text-secondary)}.play-toolbar__title{min-width:0;color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.play-toolbar__title:before{content:"/" / "";margin-right:var(--space-4);color:var(--color-line-strong);font-weight:400}.play-toolbar__guide{height:26px;padding:0 var(--space-3);color:var(--color-ink);background:var(--color-accent);font-size:var(--text-xs);letter-spacing:.02em;cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;font-weight:700;transition:filter .16s,box-shadow .16s;display:inline-flex;box-shadow:0 0 16px #3ecfe852}.play-toolbar__guide:hover{filter:brightness(1.12);box-shadow:0 0 22px #3ecfe87a}.play-toolbar__actions{gap:var(--space-1);flex:none;display:flex}.play-toolbar__actions button{width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:color .16s,background-color .16s;display:inline-flex}.play-toolbar__actions button:hover{color:var(--color-text);background:var(--color-button-ghost-hover)}@media (width<=767px),(height<=500px){.play-toolbar{height:calc(var(--play-toolbar-height-mobile) + env(safe-area-inset-top,0px));gap:var(--space-3);padding:env(safe-area-inset-top,0px) max(var(--space-3), env(safe-area-inset-right,0px)) 0 max(var(--space-3), env(safe-area-inset-left,0px))}.play-toolbar__lead{gap:var(--space-3)}.play-toolbar .wordmark span,.play-toolbar .wordmark strong{display:none}.play-toolbar__back{padding-left:var(--space-3)}.play-toolbar__title:before{margin-right:var(--space-3)}.play-toolbar__guide{height:30px;padding:0 var(--space-4)}.play-toolbar__actions button{width:40px;height:40px}}.play-notice{z-index:9;align-items:center;gap:var(--space-3);padding:var(--space-3) max(var(--space-5), env(safe-area-inset-right,0px)) var(--space-3) max(var(--space-5), env(safe-area-inset-left,0px));background:var(--color-bg);border-bottom:1px solid var(--color-line);flex:none;display:flex}.play-notice__icon{color:var(--color-warning);flex:none}.play-notice__text{align-items:baseline;gap:var(--space-3);min-width:0;font-size:var(--text-sm);letter-spacing:-.01em;flex:1;margin:0;display:flex}.play-notice__text strong{color:var(--color-text);flex:none;font-weight:600}.play-notice__text span{min-width:0;color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.play-notice__actions{align-items:center;gap:var(--space-1);flex:none;display:flex}.play-notice__more{height:28px;padding:0 var(--space-3);border:1px solid var(--color-line-strong);color:var(--color-text-secondary);font-size:var(--text-xs);white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;align-items:center;font-weight:600;transition:color .16s,border-color .16s;display:inline-flex}.play-notice__more:hover{color:var(--color-text);border-color:var(--color-interactive-line)}.play-notice__close{width:28px;height:28px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:color .16s,background-color .16s;display:inline-flex}.play-notice__close:hover{color:var(--color-text);background:var(--color-button-ghost-hover)}.play-notice__renderer{gap:var(--space-2);margin:var(--space-6) 0 0;padding-top:var(--space-6);border-top:1px solid var(--color-line);color:var(--color-text-tertiary);font-size:var(--text-xs);letter-spacing:.04em;font-weight:600;display:grid}.play-notice__renderer span{color:var(--color-text-secondary);font-size:var(--text-sm);letter-spacing:normal;overflow-wrap:anywhere;font-weight:400;line-height:1.6}@media (width<=767px){.play-notice{padding:var(--space-3) max(var(--space-3), env(safe-area-inset-right,0px)) var(--space-3) max(var(--space-3), env(safe-area-inset-left,0px));align-items:flex-start}.play-notice__icon{margin-top:2px}.play-notice__text{align-items:stretch;gap:var(--space-1);flex-direction:column}.play-notice__text span{white-space:normal;word-break:keep-all;line-height:1.5}}.play-page{height:100dvh;color:var(--color-text);background:var(--color-bg);flex-direction:column;display:flex;overflow:hidden}.play-stage{isolation:isolate;background:var(--color-bg-deep);flex:1;min-height:0;position:relative;overflow:hidden}.play-stage__art,.play-stage__veil{width:100%;height:100%;position:absolute;inset:0}.play-stage__art{z-index:0;object-fit:cover;opacity:.3;filter:saturate(.72)blur(12px);transform:scale(1.06)}.play-stage__veil{z-index:1;background:linear-gradient(180deg, color-mix(in srgb, var(--color-bg-deep) 68%, transparent), var(--color-stage-veil)), radial-gradient(circle at 50% 30%, transparent, var(--color-stage-veil))}.play-stage:fullscreen{background:var(--color-ink)}.play-stage.is-immersive{z-index:40;background:var(--color-ink);position:fixed;inset:0}.play-stage__exit{top:max(var(--space-3), env(safe-area-inset-top,0px));right:max(var(--space-3), env(safe-area-inset-right,0px));z-index:5;border:1px solid var(--color-line-strong);width:38px;height:38px;color:var(--color-text-secondary);background:var(--color-overlay-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:color .16s,border-color .16s,background-color .16s;display:inline-flex;position:absolute}.play-stage__exit:hover{color:var(--color-text);border-color:var(--color-interactive-line);background:var(--color-overlay-strong)}.play-stage__loading,.play-stage__error{place-content:center;justify-items:center;gap:var(--space-5);text-align:center;color:var(--color-text-secondary);font-size:var(--text-control);display:grid;position:absolute;inset:0}.play-stage__loading{z-index:2}.play-stage__error{z-index:4;background:var(--color-bg-deep)}.play-stage__loading span{color:var(--color-accent);font-size:var(--text-xs);font-weight:650}.play-stage__loading strong,.play-stage__error strong{color:var(--color-text);font-size:var(--text-title)}.play-stage__error p{margin:-8px 0 6px}.play-stage__loading i{background:var(--color-line-strong);width:32px;height:2px;overflow:hidden}.play-stage__loading i:after{background:var(--color-accent);content:"";width:50%;height:100%;animation:.9s ease-in-out infinite alternate loading-track;display:block}@keyframes loading-track{to{transform:translate(100%)}}.game-frame{top:0;left:env(safe-area-inset-left,0px);z-index:3;width:calc(100% - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));height:calc(100% - env(safe-area-inset-bottom,0px));opacity:1;border:0;transition:opacity .24s;display:block;position:absolute}.game-frame:not(.is-loaded){opacity:0}.play-guide-overlay{z-index:50;padding:max(var(--space-5), env(safe-area-inset-top,0px)) max(var(--space-5), env(safe-area-inset-right,0px)) max(var(--space-5), env(safe-area-inset-bottom,0px)) max(var(--space-5), env(safe-area-inset-left,0px));background:var(--color-overlay-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center;animation:.18s both guide-fade;display:grid;position:fixed;inset:0}.play-guide-modal{width:min(440px,100%);max-height:min(82dvh,640px);padding:var(--space-9) var(--space-9) var(--space-9);background:var(--color-surface);border:1px solid var(--color-line);border-radius:20px;animation:.24s cubic-bezier(.22,1,.36,1) both guide-rise;position:relative;overflow-y:auto}.play-guide-modal__close{top:var(--space-4);right:var(--space-4);width:34px;height:34px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:color .16s,background-color .16s;display:inline-flex;position:absolute}.play-guide-modal__close:hover{color:var(--color-text);background:var(--color-button-ghost-hover)}.play-guide-modal__eyebrow{margin:0 0 var(--space-2);color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.02em;font-weight:650}.play-guide-modal h2{margin:0 0 var(--space-4);letter-spacing:-.02em;font-size:24px;font-weight:700}.play-guide-modal__description{margin:0 0 var(--space-7);color:var(--color-text-secondary);font-size:var(--text-body);word-break:keep-all;line-height:1.75}.play-guide-modal__controls{gap:var(--space-5);padding-top:var(--space-6);border-top:1px solid var(--color-line);margin:0;display:grid}.play-guide-modal__controls dt{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);color:var(--color-text-tertiary);font-size:var(--text-xs);letter-spacing:.04em;font-weight:650;display:flex}.play-guide-modal__controls dd{color:var(--color-text);font-size:var(--text-control);word-break:keep-all;margin:0;line-height:1.7}@keyframes guide-fade{0%{opacity:0}}@keyframes guide-rise{0%{opacity:0;transform:translateY(14px)scale(.98)}}@media (width<=480px){.play-guide-overlay{padding:max(var(--space-4), env(safe-area-inset-top,0px)) max(var(--space-4), env(safe-area-inset-right,0px)) max(var(--space-4), env(safe-area-inset-bottom,0px)) max(var(--space-4), env(safe-area-inset-left,0px))}.play-guide-modal{padding:var(--space-7) var(--space-6);border-radius:16px}.play-guide-modal h2{font-size:21px}}.missing-game{min-height:100vh;padding:var(--space-10);color:var(--color-text);background:var(--color-bg);place-content:center;justify-items:start;display:grid}.missing-game p{color:var(--color-accent);font-size:var(--text-control);margin:0;font-weight:600}.missing-game h1{margin:var(--space-3) 0 var(--space-8);letter-spacing:-.03em;font-size:clamp(30px,4.5vw,44px);font-weight:700}.showcase{min-height:100vh;color:var(--color-text);background:var(--color-bg);padding:64px clamp(20px,5vw,80px) 96px;overflow-x:hidden}.showcase__header{max-width:1120px;padding:48px 0 80px}.showcase__header p,.showcase__header span{color:var(--color-accent);font-size:var(--text-sm);font-weight:600}.showcase__header h1{letter-spacing:-.035em;max-width:860px;margin:16px 0;font-size:clamp(34px,4.6vw,56px);font-weight:700;line-height:1.15}.showcase__section{max-width:1280px;padding-top:var(--space-12);border-top:1px solid var(--color-line);margin:0 auto 96px}.showcase__section h2{letter-spacing:-.02em;margin:0 0 32px;font-size:clamp(22px,2.4vw,30px);font-weight:700}.swatches{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.swatch{border:1px solid var(--color-line);border-radius:var(--radius-media);align-items:end;min-height:140px;padding:16px;display:flex}.swatch span{color:var(--color-text);font-size:var(--text-xs);background:#0b0c0fcc;border-radius:6px;padding:5px 10px}.type-hero{letter-spacing:-.035em;margin:0 0 24px;font-size:clamp(34px,4.6vw,56px);font-weight:700;line-height:1.15}.type-section{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(22px,2.4vw,30px);font-weight:700}.type-body{max-width:640px;color:var(--color-text-secondary);font-size:var(--text-ui);line-height:1.7}.showcase__controls{gap:var(--space-3);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.demo-card{gap:var(--space-6);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);grid-template-columns:minmax(240px,1.4fr) minmax(240px,1fr) 48px;align-items:center;max-width:960px;padding:16px;display:grid;position:relative}.demo-card__media{border-radius:var(--radius-media);background:linear-gradient(135deg,#0000 36%,#3ecfe88c 37% 52%,#0000 53%),repeating-linear-gradient(45deg,#14161b 0 28px,#1c2431 28px 56px);min-height:220px}.demo-card__genre{color:var(--color-text-tertiary);font-size:var(--text-sm);font-weight:600}.demo-card h3{letter-spacing:-.02em;margin:8px 0;font-size:22px;font-weight:650}.demo-card span{color:var(--color-text-tertiary);font-size:var(--text-sm)}.icon-button{width:48px;height:48px;color:var(--color-ink);background:var(--color-inverse);cursor:pointer;border:0;border-radius:50%;place-items:center;display:inline-grid}@media (width<=767px){.showcase{padding:32px 20px 64px}.showcase__header{padding:40px 0 56px}.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-card{grid-template-columns:1fr 48px}.demo-card__media{grid-column:1/-1;min-height:180px}}