@font-face{font-family:"Huiwen Zhengkai";src:url("../../fonts/huiwen-tagline.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}

:root{--paper:#f3f0e8;--paper-light:#fff;--paper-deep:#e6e2d8;--ink:#171916;--ink-soft:#56605a;--pine:#3f514b;--pine-light:#788983;--seal:#a5231b;--line:rgba(23,25,22,.15);--line-light:rgba(255,255,255,.22);--display:"Huiwen Zhengkai","STKaiti","KaiTi",serif;--serif:"Songti SC","STSong","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif}
html,body,div,span,h1,h2,h3,p,a,img,strong,small,ul,li,header,footer,main,nav,section,article,time,button{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}header,footer,main,nav,section,article{display:block}*{box-sizing:border-box}html{font-size:16px}body{min-width:320px;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.75;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}body.is-preload *,body.is-preload *::before,body.is-preload *::after{animation:none!important;transition:none!important}button,a{color:inherit}button{background:none;cursor:pointer}a{text-decoration:none}

#bg{position:fixed;z-index:1;inset:0;overflow:hidden;background:linear-gradient(122deg,#fff 0%,#f2efe7 50%,#dfe5e1 100%)}#bg::before{content:"";position:absolute;inset:0;background:url("../../images/bg.jpg") center/cover;mix-blend-mode:multiply;filter:grayscale(1) contrast(.9);opacity:.1}#bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 74% 38%,rgba(69,91,82,.14),transparent 27%),linear-gradient(90deg,rgba(255,255,255,.25),transparent 55%),url("../../images/overlay.png");opacity:.32}
#wrapper{position:relative;z-index:3;width:100%;min-height:100svh;padding:5vh 7vw 2.5rem;display:flex;flex-direction:column;justify-content:center;overflow:hidden}#wrapper::before,#wrapper::after{content:"";position:fixed;z-index:-1;pointer-events:none}#wrapper::before{right:-7vw;bottom:-12vh;width:78vw;height:54vh;background:linear-gradient(138deg,rgba(119,139,130,.13),rgba(46,66,57,.58));clip-path:polygon(0 100%,0 70%,10% 55%,21% 72%,36% 28%,47% 63%,58% 42%,69% 72%,83% 36%,100% 68%,100% 100%)}#wrapper::after{right:10vw;bottom:16vh;width:48vw;height:10vh;border-radius:50%;background:rgba(255,255,255,.62);filter:blur(38px);animation:mist 12s ease-in-out infinite alternate}@keyframes mist{to{transform:translateX(-8vw);opacity:.5}}

#header{position:relative;width:min(1320px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.62fr);grid-template-areas:"brand brand" "content nav";align-items:center;gap:4.4rem 10vw;transition:transform .45s ease,filter .45s ease,opacity .45s ease}.site-brand{grid-area:brand;justify-self:start;display:block;width:clamp(132px,12vw,172px);line-height:0}.site-brand img{display:block;width:100%;height:auto}.content{grid-area:content;position:relative}.content .inner{position:relative;padding:3.8rem 0 3.6rem;border-top:1px solid rgba(23,25,22,.22);border-bottom:1px solid rgba(23,25,22,.22)}.content .inner::before{content:"";position:absolute;left:0;top:-1px;width:4.5rem;height:2px;background:var(--seal)}.hero-kicker{margin-bottom:1.8rem;font-size:.56rem;font-weight:600;letter-spacing:.32em;color:#68766f}.tagline{max-width:770px;font:400 clamp(3.1rem,5vw,5.5rem)/1.3 var(--display);letter-spacing:.075em}.intro{max-width:39rem;margin-top:2rem;font-size:.76rem;line-height:2.05;letter-spacing:.16em;color:#5f6963}
#header nav{grid-area:nav;position:relative}#header nav::before{content:"01 — 04  /  EXPLORE";display:block;margin-bottom:1.3rem;font-size:.5rem;font-weight:600;letter-spacing:.26em;color:#6c7c74}#header nav ul{display:grid;grid-template-columns:1fr;list-style:none;border-top:1px solid var(--line)}#header nav li{border-bottom:1px solid var(--line)}#header nav a{position:relative;display:grid;grid-template-columns:2.7rem 1fr auto;align-items:center;min-height:5rem;padding:.8rem .35rem;font:500 .84rem var(--serif);letter-spacing:.18em;transition:.25s ease}#header nav a::before{font:600 .53rem var(--sans);letter-spacing:.15em;color:#85948c}#header nav li:nth-child(1) a::before{content:"01"}#header nav li:nth-child(2) a::before{content:"02"}#header nav li:nth-child(3) a::before{content:"03"}#header nav li:nth-child(4) a::before{content:"04"}#header nav a::after{content:"↗";font-family:var(--sans);font-size:.82rem;color:var(--seal);opacity:.48;transition:.25s ease}#header nav a:hover,#header nav a:focus-visible{padding-left:.9rem;background:rgba(255,255,255,.48);outline:0}#header nav a:hover::after,#header nav a:focus-visible::after{opacity:1;transform:translate(2px,-2px)}

#footer{width:min(1320px,100%);margin:3rem auto 0;display:flex;justify-content:space-between;align-items:center;gap:1.2rem;transition:transform .45s ease,filter .45s ease,opacity .45s ease}.socials{display:flex;gap:.8rem;align-items:center}.socials button{padding:.15rem 0;border-bottom:1px solid transparent;font-size:.65rem;letter-spacing:.13em;color:rgba(23,25,22,.62)}.socials button:hover{border-color:var(--seal);color:var(--ink)}.socials span{color:var(--seal);opacity:.7}.copyright{font-size:.58rem;letter-spacing:.2em;color:rgba(23,25,22,.42)}

body.is-article-visible #header,body.is-article-visible #footer{transform:scale(.965);filter:blur(.15rem);opacity:0;pointer-events:none}body.is-article-visible #wrapper::after{inset:0;width:auto;height:auto;right:auto;bottom:auto;border-radius:0;background:rgba(28,34,31,.48);filter:none;backdrop-filter:blur(7px);animation:none;z-index:1}
#main{position:fixed;z-index:5;inset:0;display:none;align-items:flex-start;justify-content:center;padding:5rem 1.5rem;overflow:auto}#main article{position:relative;width:min(51rem,100%);padding:clamp(2.2rem,5vw,5rem);overflow:hidden;background:linear-gradient(145deg,#fff,#ebe7dd);color:var(--ink);box-shadow:0 2rem 8rem rgba(23,30,26,.34);opacity:0;transform:translateY(1.2rem) scale(.975);transition:opacity .38s ease,transform .38s ease;pointer-events:none}#main article::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(45,55,49,.04) 1px,transparent 1px),linear-gradient(rgba(45,55,49,.03) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(135deg,black,transparent 60%);pointer-events:none}#main article::after{content:"";position:absolute;right:-5rem;top:-5rem;width:14rem;height:14rem;border:1px solid rgba(81,96,87,.13);border-radius:50%;box-shadow:0 0 0 2rem rgba(81,96,87,.025),0 0 0 4rem rgba(81,96,87,.018);pointer-events:none}#main article.active{opacity:1;transform:none;pointer-events:auto}.close{position:absolute;z-index:2;right:1.2rem;top:1.2rem;width:3rem;height:3rem;overflow:hidden;color:transparent;white-space:nowrap;border:1px solid rgba(23,26,24,.15);border-radius:50%;transition:.2s ease}.close::before,.close::after{content:"";position:absolute;left:50%;top:50%;width:1.2rem;height:1px;background:var(--ink)}.close::before{transform:translate(-50%,-50%) rotate(45deg)}.close::after{transform:translate(-50%,-50%) rotate(-45deg)}.close:hover{background:var(--ink)}.close:hover::before,.close:hover::after{background:var(--paper)}
h2.major{position:relative;width:max-content;margin:0 0 2.4rem;padding-bottom:.7rem;font:600 clamp(1.8rem,4vw,2.6rem) var(--serif);letter-spacing:.16em}h2.major::after{content:"";position:absolute;left:0;bottom:0;width:3.4rem;height:2px;background:var(--seal)}.eyebrow{margin:0 0 .55rem;color:#68766e;font-size:.62rem;font-weight:600;letter-spacing:.24em}.lead{font:500 1.18rem/1.95 var(--serif);letter-spacing:.07em;color:#28312c}article p{position:relative;margin:0 0 1.7rem;color:#56605a}.image.main{position:relative;display:block;width:100%;margin:0 0 2.2rem;overflow:hidden}.image.main::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(37,51,43,.06),rgba(32,39,35,.31));mix-blend-mode:multiply}.image.main img{display:block;width:100%;height:19rem;object-fit:cover;filter:saturate(.48) contrast(1.03)}.tags{display:flex;gap:.6rem;flex-wrap:wrap;margin:0 0 2rem;padding:0;list-style:none}.tags li{padding:.32rem .78rem;border:1px solid rgba(23,26,24,.2);font-size:.62rem;letter-spacing:.13em;color:#56605a}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:0;padding:0;list-style:none}.actions button{min-height:3rem;padding:0 1.45rem;border:1px solid rgba(23,26,24,.5);font-size:.7rem;letter-spacing:.15em;transition:.22s ease}.actions button:hover{background:rgba(23,26,24,.06)}.actions button.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.actions button.primary:hover{background:var(--seal);border-color:var(--seal)}.values{position:relative;margin:2rem 0}.values section{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.35rem 0;border-top:1px solid rgba(23,26,24,.16)}.values section:last-child{border-bottom:1px solid rgba(23,26,24,.16)}.values section>span{font:500 .9rem var(--serif);color:var(--seal)}.values h3,.news-list h3{margin:0 0 .35rem;font:600 1rem var(--serif);letter-spacing:.08em}.values p{margin:0;font-size:.82rem}.link-button{position:relative;padding:.25rem 0;border-bottom:1px solid rgba(23,26,24,.35);font-size:.72rem;letter-spacing:.13em}.link-button:hover{border-color:var(--seal);color:var(--seal)}.news-list{position:relative}.news-list section{position:relative;padding:1.55rem 3rem 1.55rem 0;border-top:1px solid rgba(23,26,24,.16)}.news-list section:last-child{border-bottom:1px solid rgba(23,26,24,.16)}.news-list section::after{content:"↗";position:absolute;right:.3rem;top:50%;transform:translateY(-50%);color:var(--seal);opacity:.45}.news-list time{font-size:.6rem;font-weight:500;letter-spacing:.16em;color:#6c7a72}.news-list h3{margin:.45rem 0 .6rem;font-size:1.1rem}.news-list p{margin:0 0 .7rem;font-size:.84rem}.news-details{margin:.85rem 0 0;padding:.85rem 0 0;border-top:1px dashed rgba(23,26,24,.16)}.news-details[hidden]{display:none}.news-details p:last-child{margin-bottom:0}.toast{position:fixed;z-index:20;left:50%;bottom:1.8rem;padding:.75rem 1.15rem;background:var(--seal);color:#fff;font-size:.72rem;letter-spacing:.08em;opacity:0;transform:translate(-50%,1rem);transition:.25s ease;pointer-events:none;white-space:nowrap;box-shadow:0 1rem 3rem rgba(0,0,0,.2)}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:900px){#wrapper{padding:3rem 5vw 1.5rem}#header{grid-template-columns:minmax(0,1fr) minmax(290px,.68fr);gap:3rem 6vw}.tagline{font-size:clamp(2.7rem,5.8vw,4.2rem)}#header nav a{min-height:4.5rem}}
@media(max-width:680px){#wrapper{min-height:100svh;padding:2rem 1.2rem}#header{display:flex;flex-direction:column;align-items:stretch;gap:1.8rem}.site-brand{order:1;width:128px}.content{order:2}.content .inner{padding:2.5rem 0 2.3rem}.hero-kicker{font-size:.48rem;letter-spacing:.25em;margin-bottom:1.2rem}.tagline{max-width:100%;font-size:clamp(2.15rem,10vw,3.2rem);line-height:1.4;letter-spacing:.06em}.intro{margin-top:1.5rem;font-size:.66rem;letter-spacing:.11em}#header nav{order:3;width:100%}#header nav::before{display:none}#header nav ul{grid-template-columns:1fr 1fr;border-left:1px solid var(--line)}#header nav li{border-right:1px solid var(--line)}#header nav a{grid-template-columns:1.8rem 1fr auto;min-height:4.3rem;padding:.7rem .8rem;font-size:.72rem}#footer{margin-top:2rem;flex-direction:column;align-items:flex-start;gap:.7rem}#main{padding:1rem}#main article{padding:3.8rem 1.4rem 2.2rem}.image.main img{height:13rem}.toast{max-width:calc(100vw - 2rem);white-space:normal;text-align:center}}
@media(max-width:380px){#header nav a{font-size:.66rem;padding:.6rem}.tagline{font-size:2.25rem}.site-brand{width:116px}}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Horizontal subviews */
@media(min-width:801px){
  #main{align-items:center;padding:clamp(1.5rem,4vw,4rem)}
  #main article{display:none;width:min(1180px,calc(100vw - 6rem));height:min(720px,calc(100vh - 5rem));min-height:560px;padding:0;grid-template-columns:minmax(320px,.88fr) minmax(420px,1.12fr);overflow:hidden}
  #main article.active{display:grid;opacity:1;transform:none;pointer-events:auto}
  #main article::after{right:-3.5rem;top:-3.5rem;width:12rem;height:12rem}
  .panel-media{position:relative;min-width:0;height:100%;overflow:hidden;background:#d5d9d6}
  .panel-media::before{content:"";position:absolute;z-index:2;inset:0;border-right:1px solid rgba(23,26,24,.12);background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 46%);pointer-events:none}
  .panel-media .image.main{height:100%;margin:0}
  .panel-media .image.main img{height:100%;min-height:100%;object-fit:cover}
  .panel-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-self:stretch;min-width:0;padding:clamp(3.4rem,5vw,5.2rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(23,25,22,.22) transparent}
  #project .panel-copy,#careers .panel-copy{justify-content:center}
  #studio .panel-copy{padding-top:4rem;padding-bottom:4rem}
  #studio .values{margin:1.2rem 0 1.6rem}
  #studio .values section{padding:1rem 0}
  #news{grid-template-columns:minmax(270px,.62fr) minmax(500px,1.38fr)}
  #news .panel-heading{position:relative;z-index:1;padding:clamp(4rem,6vw,6rem);border-right:1px solid rgba(23,26,24,.12);background:linear-gradient(rgba(243,240,232,.64),rgba(235,231,221,.72)),url("../../images/diary.jpg") center/cover no-repeat}
  #news .panel-heading .lead{max-width:15rem;margin-top:3rem;font-size:1rem}
  #news .panel-copy{padding:clamp(4rem,6vw,6rem)}
  #news .news-list{display:block}
  .news-mobile-art{display:none}
  #main h2.major{margin-bottom:2rem}
  #main .image.main::after{background:linear-gradient(120deg,rgba(37,51,43,.03),rgba(32,39,35,.26))}
}

@media(max-width:800px){
  #main{align-items:flex-start;padding:1rem}
  #main article{display:none}
  #main article.active{display:block;width:min(51rem,100%);height:auto;min-height:0;max-height:none;padding:3.8rem 1.4rem 2.2rem;overflow:hidden}
  .panel-media{height:15rem;margin:0 0 2.2rem;overflow:hidden}
  .panel-media .image.main{height:100%;margin:0}
  .panel-media .image.main img{height:100%;object-fit:cover}
  .panel-copy,.panel-heading{padding:0;overflow:visible}
  #news .panel-heading .lead{margin-bottom:2.5rem}
}

@media(min-width:1201px){
  body.is-article-visible #header{transform:none;filter:blur(.03rem);opacity:.2;pointer-events:none}
  body.is-article-visible #footer{transform:none;filter:none;opacity:.12;pointer-events:none}
  #main{justify-content:flex-start;padding-left:clamp(2rem,4vw,5rem);padding-right:0;cursor:pointer}
  #main article{width:min(1120px,calc(100vw - clamp(480px,38vw,700px)));grid-template-columns:minmax(260px,.82fr) minmax(360px,1.18fr);cursor:default}
}

/* Subview open / close motion */
#main{opacity:0;visibility:hidden;transition:opacity .24s ease,visibility 0s linear .32s}
#main.is-visible{opacity:1;visibility:visible;transition-delay:0s}
#main.is-closing{opacity:0;visibility:visible}
#main article.active{transform-origin:left center;animation:subview-in .72s cubic-bezier(.22,.75,.18,1) both}
#main article.active.is-closing{animation:subview-out .28s cubic-bezier(.55,.05,.76,.32) both;pointer-events:none}
#main article.active:not(.is-closing) .panel-media img{animation:subview-image-in .95s cubic-bezier(.22,.75,.18,1) .08s both}
#main article.active:not(.is-closing) .panel-copy>* ,#main article.active:not(.is-closing) .panel-heading>*{animation:subview-content-in .54s cubic-bezier(.22,.75,.18,1) both}
#main article.active:not(.is-closing) .panel-copy>*:nth-child(1),#main article.active:not(.is-closing) .panel-heading>*:nth-child(1){animation-delay:.18s}
#main article.active:not(.is-closing) .panel-copy>*:nth-child(2),#main article.active:not(.is-closing) .panel-heading>*:nth-child(2){animation-delay:.24s}
#main article.active:not(.is-closing) .panel-copy>*:nth-child(3),#main article.active:not(.is-closing) .panel-heading>*:nth-child(3){animation-delay:.3s}
#main article.active:not(.is-closing) .panel-copy>*:nth-child(4){animation-delay:.36s}
#main article.active:not(.is-closing) .panel-copy>*:nth-child(5){animation-delay:.42s}
#main article.active:not(.is-closing) .panel-copy>*:nth-child(6){animation-delay:.48s}
#main article.active:not(.is-closing) .close{animation:subview-close-in .5s ease .42s both}
body.is-article-visible #wrapper::after{transition:background-color .45s ease,backdrop-filter .45s ease}

@keyframes subview-in{0%{opacity:0;transform:translateX(-3.5rem) scale(.985);clip-path:inset(0 100% 0 0)}45%{opacity:1}100%{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}
@keyframes subview-out{0%{opacity:1;transform:none;clip-path:inset(0 0 0 0)}100%{opacity:0;transform:translateX(-2rem) scale(.992);clip-path:inset(0 100% 0 0)}}
@keyframes subview-image-in{0%{opacity:.25;transform:scale(1.09) translateX(-1.5rem);filter:saturate(.2) contrast(.95) blur(5px)}100%{opacity:1;transform:none;filter:saturate(.48) contrast(1.03) blur(0)}}
@keyframes subview-content-in{0%{opacity:0;transform:translateY(1.1rem)}100%{opacity:1;transform:none}}
@keyframes subview-close-in{0%{opacity:0;transform:rotate(-45deg) scale(.7)}100%{opacity:1;transform:none}}

/* Offset hero statement */
.tagline{width:min(100%,760px);max-width:none;min-height:2.7em;font-size:clamp(2.7rem,4.2vw,4.65rem);line-height:1.32;letter-spacing:.08em}
.tagline span{display:block;width:max-content;max-width:100%;white-space:nowrap}
.tagline span:first-child{text-align:left}
.tagline span:last-child{margin-left:auto;padding-right:.08em;text-align:right}
@media(max-width:900px){.tagline{font-size:clamp(2.35rem,5.2vw,3.7rem)}}
@media(max-width:680px){.tagline{min-height:2.8em;font-size:clamp(1.9rem,8.8vw,2.75rem);line-height:1.38;letter-spacing:.045em}}
@media(max-width:380px){.tagline{font-size:1.82rem}}

/* First game directory */
#project .panel-copy{justify-content:flex-start}
#project h2.major{margin-bottom:1.45rem}
#project .game-summary{margin-bottom:1.25rem;font-size:.82rem;line-height:1.85}
.game-art .project-image img{object-position:20% center}
.art-caption{position:absolute;z-index:3;left:clamp(1.2rem,3vw,2.4rem);bottom:clamp(1.2rem,3vw,2.4rem);margin:0!important;padding:.8rem 1rem;border-left:2px solid var(--seal);background:rgba(243,240,232,.88);backdrop-filter:blur(8px);color:var(--ink)}
.art-caption span,.art-caption small{display:block}.art-caption span{font:600 .82rem var(--serif);letter-spacing:.16em}.art-caption small{margin-top:.18rem;font-size:.55rem;letter-spacing:.18em;color:#657068}
.game-directory{display:grid;grid-template-columns:1fr 1fr;margin:.2rem 0 1.4rem;border-top:1px solid rgba(23,26,24,.16);border-left:1px solid rgba(23,26,24,.16)}
.game-directory section{display:grid;grid-template-columns:2rem 1fr;gap:.55rem;padding:1rem .9rem;border-right:1px solid rgba(23,26,24,.16);border-bottom:1px solid rgba(23,26,24,.16)}
.game-directory section>span{padding-top:.12rem;font-size:.5rem;font-weight:600;letter-spacing:.12em;color:var(--seal)}
.game-directory h3{margin:0 0 .28rem;font:600 .82rem var(--serif);letter-spacing:.08em}.game-directory p{margin:0;font-size:.68rem;line-height:1.65}
.development-note{margin-bottom:1.2rem!important;padding:.85rem 1rem;border-left:2px solid var(--pine-light);background:rgba(89,106,97,.06);font-size:.68rem;line-height:1.75}.development-note strong{font-weight:600;color:var(--ink)}
#project .tags{margin-bottom:1.25rem}
@media(max-width:800px){.art-caption{left:1rem;bottom:1rem}.game-directory{grid-template-columns:1fr}}

/* Studio mark */
.studio-mark{background:#fff}
.panel-media.studio-mark::before{background:none}
.studio-mark .studio-logo{display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,3.5vw,3.5rem)}
.panel-media.studio-mark .image.main.studio-logo img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center}
.studio-mark .studio-logo::after{display:none}

/* Faster subview exit */
body.is-article-closing #header,body.is-article-closing #footer{transform:none;filter:none;opacity:1;transition-duration:.28s;pointer-events:none}
body.is-article-closing #wrapper::after{background:rgba(28,34,31,0);backdrop-filter:blur(0);transition-duration:.28s}

/* Mobile experience */
@media(max-width:800px){
  body.is-article-visible{overflow:hidden;touch-action:pan-y}
  body.is-article-visible #wrapper::after{backdrop-filter:blur(3px)}
  #wrapper{padding-top:max(1.5rem,env(safe-area-inset-top));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1.25rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));overflow:visible}
  #header{gap:1.45rem}
  .site-brand{width:124px}
  .content .inner{padding:2rem 0 1.9rem}
  .hero-kicker{margin-bottom:1rem;font-size:.55rem}
  .intro{margin-top:1.25rem;font-size:.75rem;line-height:1.9;letter-spacing:.08em}
  #header nav a{min-height:4.5rem;padding:.75rem .7rem;font-size:.78rem;letter-spacing:.12em}
  #header nav ul{grid-template-columns:1fr 1fr;gap:.7rem;border:0}
  #header nav li{border:0}
  #header nav a{isolation:isolate;display:flex;min-height:7.15rem;padding:1rem;flex-direction:column;align-items:flex-start;justify-content:space-between;overflow:hidden;border:1px solid rgba(23,25,22,.12);background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(230,226,216,.52));box-shadow:0 .7rem 1.8rem rgba(39,50,44,.07);backdrop-filter:blur(8px);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
  #header nav a::before{display:flex;width:1.85rem;height:1.85rem;align-items:center;justify-content:center;border:1px solid rgba(165,35,27,.22);border-radius:50%;background:rgba(255,255,255,.52);font-size:.52rem;color:var(--seal)}
  #header nav a::after{position:absolute;right:.9rem;top:.9rem;display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--ink);font-size:.72rem;color:var(--paper);opacity:1}
  #header nav a:hover,#header nav a:focus-visible{padding-left:1rem;border-color:rgba(165,35,27,.28);background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(230,226,216,.64));box-shadow:0 1rem 2.2rem rgba(39,50,44,.11);transform:translateY(-2px)}
  #header nav a:active{transform:scale(.98);transition-duration:.08s}
  #header nav li:nth-child(2),#header nav li:nth-child(4){transform:translateY(.45rem)}
  #header nav li:nth-child(1) a{background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(224,230,225,.58))}
  #header nav li:nth-child(2) a{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(235,226,214,.58))}
  #header nav li:nth-child(3) a{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(225,231,228,.62))}
  #header nav li:nth-child(4) a{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(232,226,218,.6))}
  #footer{padding-bottom:env(safe-area-inset-bottom)}
  .socials button{min-height:2.5rem;font-size:.7rem}

  #main{padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;transition-duration:.18s}
  #main::-webkit-scrollbar{display:none}
  #main article.active{width:100%;min-height:calc(100svh - 1rem);padding:4.25rem 1.25rem max(2.5rem,env(safe-area-inset-bottom));overflow:hidden;box-shadow:0 1rem 4rem rgba(23,30,26,.25);animation:mobile-subview-in .28s ease-out both;will-change:opacity}
  #main article.active.is-closing{animation:mobile-subview-out .2s ease-in both}
  #main article::after{width:9rem;height:9rem;right:-4rem;top:-4rem}
  .close{position:fixed;float:none;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));margin:0;width:3.25rem;height:3.25rem;background:rgba(243,240,232,.94);backdrop-filter:blur(6px);box-shadow:0 .4rem 1.5rem rgba(23,30,26,.08)}
  .panel-media{position:relative;clear:both;height:12.5rem;margin-bottom:1.75rem}
  .art-caption{max-width:calc(100% - 2rem);padding:.65rem .8rem}
  .panel-heading{padding-right:2.8rem}
  .news-mobile-art{display:block}
  #main h2.major{margin-bottom:1.65rem;font-size:clamp(1.65rem,8vw,2.05rem)}
  #main .lead{font-size:1.05rem;line-height:1.75}
  #main article p{font-size:.9rem;line-height:1.85}
  #project .game-summary{font-size:.88rem;line-height:1.85}
  .game-directory section{grid-template-columns:1.7rem 1fr;padding:1rem .75rem}
  .game-directory h3{font-size:.9rem}
  .game-directory p{font-size:.78rem!important;line-height:1.75!important}
  .development-note{font-size:.78rem!important}
  .values{margin:1.5rem 0}
  .values section{grid-template-columns:2.25rem 1fr;padding:1.15rem 0}
  .news-list section{padding:1.35rem 1.8rem 1.35rem 0}
  .news-list time{font-size:.66rem}
  .news-list h3{font-size:1.05rem;line-height:1.55}
  .news-list p{font-size:.86rem!important}
  .actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
  .actions li,.actions button{width:100%}
  .actions button{min-height:3.25rem;padding:0 .75rem;font-size:.68rem}
  .toast{bottom:max(1rem,env(safe-area-inset-bottom))}
  #main article.active:not(.is-closing) .panel-media img{animation:mobile-image-in .42s ease-out .04s both}
  #main article.active:not(.is-closing) .panel-copy>*,#main article.active:not(.is-closing) .panel-heading>*{animation:mobile-content-in .32s ease-out both;animation-delay:.08s!important}
  #main article.active:not(.is-closing) .close{animation:mobile-close-in .25s ease-out .12s both}
}

@media(max-width:380px){
  #wrapper{padding-left:.85rem;padding-right:.85rem}
  #header nav ul{gap:.55rem}
  #header nav a{min-height:6.45rem;padding:.82rem;font-size:.72rem}
  #header nav a:hover,#header nav a:focus-visible{padding-left:.82rem}
  #header nav a::after{right:.7rem;top:.7rem;width:1.8rem;height:1.8rem}
  #main article.active{padding-right:1rem;padding-left:1rem}
  .actions{grid-template-columns:1fr}
}

@keyframes mobile-subview-in{0%{opacity:0}100%{opacity:1}}
@keyframes mobile-subview-out{0%{opacity:1}100%{opacity:0}}
@keyframes mobile-image-in{0%{opacity:.35;transform:scale(1.025)}100%{opacity:1;transform:none}}
@keyframes mobile-content-in{0%{opacity:0;transform:translateY(.45rem)}100%{opacity:1;transform:none}}
@keyframes mobile-close-in{0%{opacity:0;transform:scale(.86)}100%{opacity:1;transform:none}}


/* Regulatory filing */
.site-record{color:#000;text-align:right;font-size:.58rem;line-height:1.8;letter-spacing:.2em}.site-record .copyright{margin:0;color:#000}.site-record p:last-child{margin:0}
@media(max-width:680px){.site-record{text-align:left;font-size:.62rem}}