@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;500;700&display=swap');
:root{--bg:#17231f;--panel:#20352b;--panel2:#304b3c;--sage:#789b87;--light:#a8c5ae;--ivory:#f0eee6;--muted:#bac9bc;--line:rgba(168,197,174,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ivory);font:16px/1.65 "Kaisei Opti", Georgia, serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--light);outline-offset:4px}.wrap{width:min(1120px,90vw);margin:auto}.header{border-bottom:1px solid var(--line);background:rgba(23,35,31,.95)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:15px 0}.logo{font-size:1.35rem;font-weight:750;letter-spacing:.02em}.logo span{color:var(--light)}.nav{display:flex;gap:19px;flex-wrap:wrap;font-size:.89rem}.nav a:hover{color:var(--light)}.hero{padding:104px 0 90px;background:radial-gradient(ellipse at 75% 25%,#304b3c 0,transparent 55%)}.eyebrow{color:var(--light);letter-spacing:.22em;text-transform:uppercase;font-size:.78rem;font-weight:700}h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.13;letter-spacing:-.04em;max-width:820px;margin:20px 0}h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2}.lead{font-size:1.13rem;max-width:670px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;padding:12px 20px;border:1px solid var(--sage);border-radius:7px;font-weight:650}.btn.primary{background:var(--light);color:var(--bg);border-color:var(--light)}.section{padding:62px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:24px}.section-heading p{color:var(--muted);max-width:540px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:linear-gradient(140deg,var(--panel),#1a2b24);border:1px solid var(--line);padding:30px;border-radius:14px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--sage);transform:translateY(-2px)}.card .tag{font-size:.72rem;letter-spacing:.18em;color:var(--light);text-transform:uppercase}.card h3{font-size:1.65rem;margin:12px 0 6px}.card p{color:var(--muted);margin:0}.card .more{margin-top:26px;color:var(--light);font-weight:650}.note{border-left:3px solid var(--sage);padding:14px 20px;background:var(--panel);color:var(--muted)}footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:.85rem}@media(max-width:680px){.hero{padding:70px 0}.grid{grid-template-columns:1fr}.header-inner{align-items:flex-start}.nav{gap:12px}.card{min-height:190px}}
/* Division visuals: existing published assets for Audio/Studio, original CSS illustrations for unreleased sections */
.card-media{height:170px;margin:-30px -30px 22px;border-radius:13px 13px 0 0;overflow:hidden;background:#14241e;border-bottom:1px solid var(--line);position:relative;display:grid;place-items:center}
.card-media img{width:100%;height:100%;object-fit:contain;display:block;filter:saturate(.83)}
.card-media-abstract{background:radial-gradient(circle at 50% 45%,#466b53,#1c3228 65%,#14241e)}
.abstract-symbol{font-family:"Kaisei Opti",serif;font-size:5.5rem;line-height:1;color:#b6d0ba;opacity:.85;text-shadow:0 0 38px #94c4a36e}
.abstract-lines{position:absolute;inset:24px;border:1px solid #a8c5ae33;border-radius:12px;pointer-events:none}
.card-media-records{background:radial-gradient(circle at 50% 50%,#46604d 0,#1d3228 70%)}
.record-disc{width:132px;height:132px;border-radius:50%;background:repeating-radial-gradient(circle,#12211a 0 3px,#314b3c 4px 5px,#12211a 6px 8px);box-shadow:0 12px 32px #0007;display:grid;place-items:center}
.record-disc:after{content:"";display:block;width:45px;height:45px;border-radius:50%;background:radial-gradient(circle,#14241e 0 4px,#a8c5ae 5px 22px,#2a4336 23px)}
@media(max-width:680px){.card-media{height:150px}}


/* Editorial refinement: align preview with the established Audio visual language */
:root{--bg:#101a19;--panel:#1d2c29;--panel2:#172321;--sage:#78958a;--light:#8fae9f;--ivory:#e8e1ce;--muted:#a9b3a9;--line:rgba(232,225,206,.16)}
.header{background:rgba(16,26,25,.96)}.header-inner{min-height:72px}.logo{font-weight:500;letter-spacing:.06em}.nav{font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:.11em;text-transform:uppercase}
.hero{background:linear-gradient(120deg,#101a19 42%,#172321 100%);padding:112px 0 104px}.eyebrow{font-family:Arial,sans-serif;font-size:.7rem;letter-spacing:.2em;font-weight:500}h1{font-weight:400;letter-spacing:-.025em}h2{font-weight:400}.lead{color:#b9c0b6}.section{padding:76px 0;border-top:1px solid var(--line)}
.card{background:#172321;border-radius:3px;border-color:var(--line);transition:border-color .16s ease;box-shadow:none}.card:hover{border-color:rgba(143,174,159,.6);transform:none}.card h3{font-weight:400}.card .tag,.card .more{font-family:Arial,sans-serif;letter-spacing:.1em}.btn{border-radius:2px;font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;font-weight:500}.btn.primary{background:#8fae9f;border-color:#8fae9f}.note{background:#172321;border-left-width:2px}
.card-media{border-radius:2px 2px 0 0;background:#101a19}.card-media img{filter:saturate(.72)}.card-media-abstract{background:linear-gradient(145deg,#23352f,#101a19)}.card-media-records{background:linear-gradient(145deg,#24382e,#101a19)}.abstract-symbol{text-shadow:none;opacity:.68}.record-disc{box-shadow:0 10px 20px #0005}
@media(prefers-reduced-motion:reduce){.card{transition:none}}

/* Unified navigation and compact-screen accessibility */
.header-inner{flex-wrap:wrap;row-gap:10px}.nav{align-items:center;gap:6px 17px}.nav a{padding:7px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a:focus-visible{border-bottom-color:#8fae9f}.nav a[aria-current="page"]{border-bottom-color:#8fae9f;color:#e8e1ce}button:focus-visible{outline:2px solid #8fae9f;outline-offset:3px}@media(max-width:680px){.header-inner{padding:12px 0;gap:10px}.logo{font-size:1.2rem}.nav{width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:5px;gap:17px}.nav a{flex:0 0 auto;font-size:.85rem;white-space:nowrap}.hero{padding:65px 0 58px}.section{padding:45px 0}.wrap{width:calc(100% - 32px)}}

/* Homepage discovery shortcuts */
.quick-paths{border-top:1px solid var(--line);background:#14201d}.quick-paths-inner{display:grid;grid-template-columns:1.1fr repeat(5,minmax(0,1fr));align-items:stretch}.quick-paths-title{margin:0;padding:20px 16px 20px 0;color:var(--light);font:500 .7rem/1.6 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;align-self:center}.quick-paths a{display:flex;align-items:center;justify-content:space-between;gap:10px;border-left:1px solid var(--line);padding:18px 14px;color:var(--ivory);font-size:.83rem;line-height:1.5}.quick-paths a span:last-child{color:var(--light);font-family:Arial,sans-serif}.quick-paths a:hover,.quick-paths a:focus-visible{background:#1d2c29}.quick-paths a:focus-visible{outline:2px solid var(--light);outline-offset:-2px}footer a{color:var(--light);text-decoration:underline;text-underline-offset:4px}@media(max-width:900px){.quick-paths-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-paths-title{grid-column:1/-1;padding:17px 0 10px}.quick-paths a{border-top:1px solid var(--line);padding:15px 12px}.quick-paths a:nth-of-type(odd){border-left:0}}@media(max-width:480px){.quick-paths-inner{grid-template-columns:1fr}.quick-paths a{border-left:0;padding:13px 2px}.quick-paths-title{padding-bottom:8px}}

/* Original FUNtasia Player art and Records banner on homepage cards */
.card-media-player{background:radial-gradient(circle at 50% 45%,#365c4d 0%,#1b3028 60%,#101a19 100%)}
.card-media-player img{width:auto;height:77%;max-width:85%;object-fit:contain;filter:none}
.card-media-records img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;filter:none}

/* Homepage desktop cards: more space for original artwork */
@media(min-width:901px){
  .wrap{width:min(1360px,calc(100% - 72px))}
  .grid{gap:24px}
  .section-heading{margin-bottom:32px}
}
#explore .card-media{
  height:auto;
  aspect-ratio:16 / 9;
  margin-bottom:24px;
}
#explore .card-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:none;
}
#explore .card-media-records img{
  object-fit:cover;
  object-position:center;
}
#explore .card-media-player img{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(42%,190px);
  height:auto;
  aspect-ratio:1 / 1;
  max-width:calc(100% - 36px);
  max-height:calc(100% - 32px);
  object-fit:contain;
}
#explore .card h3{font-size:clamp(1.52rem,2vw,1.83rem)}
#explore .card p{font-size:1rem;line-height:1.85}
#explore .card .tag{font-size:.77rem}
#explore .card .more{font-size:.9rem}
@media(max-width:680px){
  #explore .card-media{aspect-ratio:16 / 9;height:auto}
  #explore .card-media-player img{width:min(42%,160px);height:auto}
}

/* Featured utility: real Quick Launcher screenshot */
#explore .card-media-launcher{background:linear-gradient(135deg,#1a3128,#101a19)}
#explore .card-media-launcher img{width:auto;height:100%;max-width:100%;object-fit:contain}

/* One language selector for the entire homepage. */
.nav{align-items:center}
.language-switcher{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.language-switcher label{color:var(--light);font:500 .72rem/1.4 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.language-switcher select{min-height:36px;padding:6px 9px;background:#172721;color:var(--ivory);border:1px solid #8fae9f88;border-radius:3px;font:500 .82rem/1.4 Arial,sans-serif;cursor:pointer}
.language-switcher select:hover{border-color:var(--light)}
.language-switcher select:focus-visible{outline:2px solid var(--light);outline-offset:3px}
@media(max-width:680px){.language-switcher{flex:0 0 auto}.language-switcher select{min-height:42px}}

/* Cyrillic typography: avoid Japanese font fallback metrics in Russian. */
html[lang="ru"] body{font-family:"Times New Roman","Liberation Serif",serif}

/* Original Audio developer appeal, restored at the very bottom of the unified home. */
.developer-appeal{border-top:1px solid #557365;background:linear-gradient(160deg,#1d3029 0%,#14221d 62%,#101a17 100%);padding:clamp(60px,7vw,100px) 0}
.appeal-wrap{max-width:900px}
.appeal-heading{margin-bottom:32px}
.appeal-heading h2{font-size:clamp(2.1rem,4.5vw,3.6rem);letter-spacing:-.025em;line-height:1.28;margin:.4em 0;color:#f5f1e6}
.appeal-copy,.appeal-afterword{color:#e4e9dd;line-height:2.05}
.appeal-copy p,.appeal-afterword p{margin:0 0 1.25em}
.appeal-copy strong,.appeal-afterword strong{color:#fff5da}
.appeal-callout{margin:42px 0;padding:clamp(24px,4vw,40px);border:1px solid #739c7c;border-left:4px solid #b5d5a4;background:#254035;border-radius:9px;box-shadow:0 12px 36px #08120b33}
.appeal-callout p{margin:0 0 1.2em;line-height:1.9}
.appeal-callout strong{color:#f8f1d5}
.appeal-callout .btn{margin-top:6px;text-align:center;justify-content:center}
.appeal-closing{font-size:1.1rem}
.appeal-signature{text-align:right;margin-top:40px;color:#b7d2b2;font-style:italic;letter-spacing:.08em}
@media(max-width:680px){.appeal-callout{margin:30px 0}.appeal-callout .btn{width:100%;white-space:normal}}