:root{color-scheme:light;--page-bg:#fbfcf9;
--primary-text:#20271c;
--secondary-text:#596452;
--border-color:#d7dfcf;
--accent:#3f701b;
--orange-fill:#ffb88f;
--violet-fill:#d5c9f5;
--header-bg:#fbfcf9f2;
--nav-text:#4b5942;
--link-border:#87947d;
--accent-hover:#315b13;
--art-grid-color:#63834412;
--orbit-strong:#99ae7e;
--orbit-medium:#bacbab;
--orbit-soft:#d8e2cd;
--on-accent:#ffffff;
--core-highlight:#cde8ac;
--core-depth:#bed696;
--shadow-strong:#314b2026;
--shadow-soft:#314b2014;
--build-bubble:#f0f6e8;
--build-border:#9aba76;
--create-border:#bd8060;
--create-bubble:#fff1e7;
--play-border:#a08cbd;
--play-bubble:#f2edfc;
--art-caption:#657557;
--art-cross:#7d8f6b;
--card-ink:#202b17;
--card-muted:#415331;
--card-line:#202b1740;
--surface:#f1f5ec;
--tag-text:#596452;
--pill-line:#becbb2;
--platform-line:#becbb2;
--text-link-line:#919f85;
--build-hover:#e2efcf;
--create-hover:#ffe4d0;
--play-hover:#e5dafa;
--logo-surface:#ffffff;
--logo-border:#d0dcc5;
--subtle-hover:#eaf2df;
--pink-fill:#f6a9ce;
--notice-line:#ccad74;
--notice-bg:#fff7e8;
--notice-title:#735119;
--notice-text:#655333;
--legal-text:#4b5942;
--connector-line:#a8bf8d;
--privacy-bg:#f0f6e8;
--detail-value:#5e4d22;
--portrait-bg:#eaf0e1;
--tech-fill:#e0f2c4;--orange-ink:#8c3917;--violet-ink:#64449c;--pink-ink:#963667;--apple-filter:none;--photo-accent:#d5fa77;}
:root[data-theme="dark"]{color-scheme:dark;--page-bg:#151715;
--primary-text:#f2f3eb;
--secondary-text:#a9afa6;
--border-color:#343932;
--accent:#d5fa77;
--orange-fill:#ffab7c;
--violet-fill:#c9bcf4;
--header-bg:#151715ef;
--nav-text:#c3c8bf;
--link-border:#73786c;
--accent-hover:#e3ffa4;
--art-grid-color:#8a997611;
--orbit-strong:#747f5d;
--orbit-medium:#505b42;
--orbit-soft:#3d4634;
--on-accent:#202817;
--core-highlight:#efffc1;
--core-depth:#7f9848;
--shadow-strong:#0008;
--shadow-soft:#0004;
--build-bubble:#262d20;
--build-border:#697751;
--create-border:#89684d;
--create-bubble:#30271f;
--play-border:#716882;
--play-bubble:#2c2834;
--art-caption:#a2ad92;
--art-cross:#7a846d;
--card-ink:#20251a;
--card-muted:#36412e;
--card-line:#20251a40;
--surface:#1a1d19;
--tag-text:#a7afa0;
--pill-line:#555c4c;
--platform-line:#525647;
--text-link-line:#6a725f;
--build-hover:#35432b;
--create-hover:#483224;
--play-hover:#40344c;
--logo-surface:#f4f5f1;
--logo-border:#ffffff22;
--subtle-hover:#20261d;
--pink-fill:#f6a9ce;
--notice-line:#706142;
--notice-bg:#29271d;
--notice-title:#f4d896;
--notice-text:#d2cbbb;
--legal-text:#bdc4b8;
--connector-line:#53643a;
--privacy-bg:#222b1d;
--detail-value:#dec58e;
--portrait-bg:#31352d;
--tech-fill:#d5fa77;--orange-ink:#ffab7c;--violet-ink:#c9bcf4;--pink-ink:#f6a9ce;--apple-filter:invert(1);--photo-accent:#d5fa77;}

/* Shared component roles; category artwork retains its intentional warm colors. */
.tech-card{background:var(--tech-fill)}.world-card:focus-visible{outline-color:var(--accent)}
.content-intro h2 em,.content-page .detail-intro h1 em,.content-intro .section-number,.label-create{color:var(--orange-ink)}
.games-section .section-number,.games-section .detail-intro h2 em,.games-page .detail-intro h1 em,.label-play{color:var(--violet-ink)}
.instagram-intro h2 em{color:var(--pink-ink)}.apple-logo{filter:var(--apple-filter)}
.about-portrait figcaption span:first-child{color:var(--photo-accent)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:58px;height:44px;padding:0;border:0;background:transparent;color:var(--text);cursor:pointer;flex-shrink:0}
.theme-track{display:block;width:52px;height:30px;border:1px solid var(--border-color);border-radius:20px;background:var(--surface);padding:3px;position:relative}
.theme-thumb{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on-accent);transition:transform .24s ease}
.theme-thumb svg{width:16px;height:16px;grid-area:1/1}.theme-moon{display:none}
[data-theme="dark"] .theme-thumb{transform:translateX(22px)}[data-theme="dark"] .theme-sun{display:none}[data-theme="dark"] .theme-moon{display:block}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.nav{gap:clamp(12px,2vw,25px)}.nav nav{gap:clamp(18px,2.5vw,34px)}
.theme-ready body,.theme-ready .site-header,.theme-ready footer,.theme-ready .technology,.theme-ready .games-section,.theme-ready .instagram-section,.theme-ready .world-card,.theme-ready .button,.theme-ready .art-core,.theme-ready .orbit-label,.theme-ready .theme-track,.theme-ready .theme-thumb{transition:background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease}
.theme-ready h1,.theme-ready h2,.theme-ready h3,.theme-ready p,.theme-ready a,.theme-ready .brand-period{transition:color .24s ease,border-color .24s ease}
/* Layout-based adjustments across the same components. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}img{max-width:100%}.container{width:min(1280px,calc(100% - clamp(32px,6vw,96px)))}
.hero-layout>*,.detail-grid>*,.studio-row>*,.about-hero>*,.about-note>*,.about-contact>*,.section-heading>*{min-width:0}
.button{max-width:100%;gap:clamp(18px,4vw,45px)}.hero-copy>p,.world-card>p{overflow-wrap:break-word}
.legal-copy,.controller-details dd,.footer-legal a{overflow-wrap:anywhere}.section-heading>p br{display:none}
.hero h1{font-size:clamp(42px,5.4vw,79px)}.footer-legal a{padding-block:7px}.footer-top>a:last-child{padding-block:12px}
@media(min-width:1500px){.hero h1{font-size:82px}}
@media(min-width:761px) and (max-width:1000px){.world-grid{gap:14px}.world-card{padding:20px 18px}.world-card h3{font-size:clamp(24px,3vw,29px)}.brand-cluster{gap:8px}.brand-cluster img{width:34px;height:34px}.hero-art{height:390px}.hero h1{font-size:clamp(43px,5.8vw,58px)}.art-core{width:140px;height:140px}.art-core>span:first-child{font-size:132px}.core-arrow{font-size:44px}.orbit-label{padding:8px 10px}.orbit-label b{letter-spacing:1px}.detail-grid{gap:35px}.shorts-type{font-size:clamp(39px,5vw,48px)}.topic-page .detail-intro h1{font-size:clamp(39px,5vw,50px)}}
@media(max-width:900px){.nav{min-height:76px}.header-link{display:none}.header-actions{gap:6px;margin-left:auto}.menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--text);font-size:0;cursor:pointer}.menu-toggle span{font-size:25px}.nav nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;gap:0;padding:12px max(16px,3vw) 20px;background:var(--bg);border-bottom:1px solid var(--line)}.nav nav.is-open{display:flex}.nav nav a{padding:13px 0;min-height:48px;font-size:15px}.brand{font-size:23px}}
@media(max-width:760px){.hero h1{font-size:clamp(39px,8.8vw,67px);letter-spacing:-2.4px}.hero-art{height:clamp(310px,85vw,370px)}.hero-layout{gap:24px}.world-card h3{font-size:32px}.hero-topline .eyebrow{letter-spacing:1.1px}.hero-bottom{gap:14px}.hero-bottom>a{max-width:50%;text-align:right}.about-portrait{height:clamp(350px,120vw,700px)}.about-copy h1{font-size:clamp(36px,8.4vw,60px)}.topic-page .detail-intro h1{font-size:clamp(35px,8.7vw,56px)}.shorts-visual,.game-visual,.instagram-visual{padding-inline:22px}.footer-top{gap:12px}.footer-bottom{gap:12px}.platforms>span{gap:12px}.spectrum-scale{letter-spacing:.5px}.spectrum-scale span{white-space:nowrap}}
@media(max-width:380px){.brand{font-size:20px;letter-spacing:-.8px}.brand-mark{width:29px;height:29px;line-height:29px;font-size:19px;margin-right:7px}.nav{gap:7px}.header-actions{gap:0}.theme-toggle{width:52px}.hero h1{font-size:38px;letter-spacing:-2px}.orbit-label{gap:4px;padding:8px}.orbit-label b{letter-spacing:1px}.label-create{right:0}.label-build{left:0}.hero-bottom{font-size:10px}.about-page .breadcrumb>span{max-width:120px}.legal-hero h1{font-size:39px;letter-spacing:-2px}.world-card{padding:24px}.brand-cluster{gap:12px}.brand-cluster img{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Central homepage logo matches the compact K-and-arrow brand mark. */
.art-core{background:var(--lime);color:var(--on-accent);transform:translate(-50%,-50%) rotate(-8deg);box-shadow:inset 0 0 0 1px var(--core-highlight),12px 17px 0 var(--core-depth),20px 25px 50px var(--shadow-strong)}
.art-core>span.hero-monogram:first-child{font-family:var(--heading);font-weight:700;font-size:104px;line-height:1;letter-spacing:-19px;padding-right:19px;margin:0;white-space:nowrap}
.art-core:hover,.art-core:focus-visible{background:var(--accent-hover);transform:translate(-50%,-50%) rotate(0deg)}
@media(min-width:761px) and (max-width:1000px){.art-core>span.hero-monogram:first-child{font-size:88px;letter-spacing:-16px;padding-right:16px}}
@media(max-width:760px){.art-core>span.hero-monogram:first-child{font-size:82px;letter-spacing:-15px;padding-right:15px}}

/* Four shakes at 1.6x the original swing speed, then rest until 5s. */
@media(prefers-reduced-motion:no-preference){
  .art-core{animation:core-pop-shake 5s ease-in-out infinite}
  .art-core:hover,.art-core:focus-visible{animation:none}
  @keyframes core-pop-shake{
    0%,31.5%,100%{transform:perspective(500px) translate(-50%,-50%) translateZ(0) rotate(-8deg)}
    2.7%,29.7%{transform:perspective(500px) translate(-50%,-50%) translateZ(18px) rotate(-8deg)}
    5.4%,11.7%,18%,24.3%{transform:perspective(500px) translate(-50%,-50%) translateZ(18px) rotate(-28deg)}
    8.55%,14.85%,21.15%,27.45%{transform:perspective(500px) translate(-50%,-50%) translateZ(18px) rotate(12deg)}
  }
}