@font-face{font-family:Brush;src:url('assets/fonts/brush.ttf');font-display:swap}@font-face{font-family:Seto;src:url('assets/fonts/seto.ttf');font-display:swap}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(#fff8ee,#f4e6e6 62%,#fff8ee);color:#735565;font:16px/1.8 'Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #9678ad;outline-offset:5px}header,main,footer{max-width:1120px;margin:auto;padding:30px 6%}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d5bfca;font-size:13px}.brand{font:29px Brush,serif}main{padding-top:55px}.file-heading{display:flex;justify-content:space-between;align-items:center;color:#b294a1}.file-heading>span{font:10px Georgia;letter-spacing:3px}.file-heading i{font:18px Brush;padding:6px 18px;border:1px solid #c8b7cd;border-radius:30px;background:#efe4ef}h1{font:clamp(36px,5vw,66px)/1.5 Brush,serif;letter-spacing:2px;color:#795266;margin:25px 0 18px}.summary{font:19px/1.9 Seto,sans-serif;max-width:850px}dl{display:flex;gap:30px;flex-wrap:wrap;margin:28px 0 35px}dl>div{border-left:2px solid #daa67c;padding:0 23px 0 13px}dt{font-size:12px;color:#a58c9e;margin-bottom:3px}dd{margin:0;font-size:15px}.cover{margin:0 0 60px;position:relative;padding:18px;background:#fffaf0;border:1px solid #cfbac6;border-radius:15px;box-shadow:7px 8px #d4bdc337;transform:rotate(-.6deg)}.cover:before{content:'';position:absolute;top:-12px;right:45px;width:85px;height:25px;background:#e4c38d66;transform:rotate(7deg);border-left:1px dashed #cba66d;border-right:1px dashed #cba66d}.cover img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;border-radius:8px}.notes{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin:0 0 60px}.notes article{padding:27px 28px;background:#fffaf2;border:1px dashed #c8b0c0;border-radius:12px;position:relative;box-shadow:4px 6px #d7c2cb1c}.notes article:nth-child(3){grid-column:1/-1}.notes article>span{font:11px Georgia;letter-spacing:3px;color:#c19ba7}h2{font:30px Brush,serif;margin:14px 0}p{margin:10px 0 0;line-height:1.9}.notes p{font:17px/1.9 Seto,sans-serif}.media{margin:35px 0 45px}.media h2{margin-bottom:20px}.media video,.media img{width:100%;max-height:620px;object-fit:contain;display:block;border-radius:12px;background:#3e303c;box-shadow:0 15px 30px #79607422}.project-link{display:inline-block;border-bottom:1px solid #a87f95;padding:8px 0;color:#a1698b;font-size:14px}.adjacent{display:flex;justify-content:space-between;gap:25px;margin-top:65px;padding:25px 0;border-top:1px dashed #c4a9b9}.adjacent a{max-width:48%;font:24px Brush}.adjacent a:last-child{text-align:right}.adjacent small{display:block;font:11px 'Microsoft YaHei';color:#a9939d;margin-bottom:10px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d8c4c9;font-size:12px;color:#a58a98;margin-top:40px;padding-bottom:45px}
@media(max-width:600px){header,main,footer{padding-left:7%;padding-right:7%}main{padding-top:35px}h1{font-size:37px}.summary{font-size:17px}dl{gap:15px}dl>div{padding-right:8px}dt{font-size:11px}dd{font-size:13px}.cover{padding:10px;margin-bottom:40px}.notes{grid-template-columns:1fr;gap:18px}.notes article:nth-child(3){grid-column:auto}.notes article{padding:24px}.notes p{font-size:16px}h2{font-size:28px}.adjacent a{font-size:21px}.file-heading i{font-size:16px}.brand{font-size:25px}header>a:last-child{font-size:11px}.media video{max-height:400px}}

.exhibits{margin:45px 0 75px}.exhibit-heading{margin-bottom:28px}.exhibit-heading>span{font:10px Georgia;letter-spacing:3px;color:#b193a0}.exhibit-heading p{font-size:13px;color:#a58d9b;margin-top:0}
.document-grid,.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.document-grid figure,.asset-grid figure{margin:0;min-width:0;padding:14px;background:#fffbf3;border:1px solid #d5c1c7;border-radius:13px;box-shadow:4px 7px 0 #d9c5ca45;transition:translate .3s,box-shadow .3s}
.exhibits figure:hover{translate:0 -5px;box-shadow:5px 12px 0 #d9c5ca38,0 16px 20px #8b697412}.exhibits figure a{display:block;overflow:hidden;border-radius:7px}.exhibits figure img{display:block;width:100%;height:auto}.document-grid img{background:white}.exhibits figcaption{font:20px/1.6 Brush;margin:15px 4px 4px}.exhibits figcaption small{display:block;font:11px/1.8 'Microsoft YaHei';color:#ac8b9a;margin-top:4px}
.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-grid figure a{height:270px;background:radial-gradient(ellipse,#f3e8df,#fbf4e9)}.asset-grid figure img{height:100%;object-fit:contain;padding:16px}.asset-grid figure:first-child:last-child{grid-column:1/-1}
@media(max-width:700px){.document-grid{grid-template-columns:1fr;gap:25px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.asset-grid figure:first-child{grid-column:1/-1}.asset-grid figure a{height:230px}.exhibits{margin-bottom:50px}.exhibits figcaption{font-size:20px}}
@media(prefers-reduced-motion:reduce){.exhibits figure{transition:none}}

/* v23: a readable file header, separate tags, and gameplay before process. */
header{gap:24px}.brand{display:grid;gap:8px;min-width:0}.brand small{font:12px/1.5 'Microsoft YaHei',sans-serif;letter-spacing:.06em;color:#a17d91}.brand+ a{flex-shrink:0}
.file-heading{gap:18px;flex-wrap:wrap}.file-heading>span{white-space:nowrap}
.game-genres{display:flex;gap:8px;flex-wrap:wrap}.game-genre{display:inline-block;font:15px/1.4 Seto,sans-serif;padding:7px 15px;border:1px solid #cbb8cc;border-radius:24px;background:#eee4ee;color:#876480}.game-genre:nth-child(2n){background:#e5ece9;border-color:#bccdca;color:#577b7c}
.media{margin:36px 0 65px}.media h2:before,.gameplay-gallery h2:before{content:'✧';font:24px Georgia;color:#bc9865;margin-right:12px}.media video{border:6px solid #fffaf2;box-shadow:0 0 0 1px #d4c0ca,0 16px 40px #80637516}
.video-link{display:block;position:relative;overflow:hidden;border-radius:14px;border:6px solid #fffaf2;box-shadow:0 0 0 1px #d4c0ca}.video-link img{width:100%;max-height:500px;object-fit:contain;background:#342d37}.video-link>span{position:absolute;inset:auto 0 0;display:flex;gap:14px;align-items:center;padding:38px 22px 20px;color:#fffaf2;background:linear-gradient(transparent,#302334e6);font-size:14px}.video-link b{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #fff8e7aa;border-radius:50%;background:#fff8e725}.video-link:hover b{background:#fff8e74a}
.gameplay-gallery{margin:0 0 65px}.gameplay-gallery .exhibit-heading{border-bottom:1px solid #d7c3cb;padding-bottom:20px}.gameplay-gallery .exhibit-heading a{border-bottom:1px solid #c1a1b3}.gameplay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.gameplay-shot{min-width:0;margin:0;background:#fffaf3;border:1px solid #dac7ce;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #8a65790b}.gameplay-shot:first-child{grid-column:1/-1}.gameplay-shot>a{display:block;background:#ede2df}.gameplay-shot img{display:block;width:100%;height:auto}.gameplay-shot figcaption{display:flex;gap:16px;padding:22px}.gameplay-shot figcaption>span{font:italic 24px/1.5 Georgia;color:#b599a6}.gameplay-shot h3{font:25px/1.4 Brush,serif;margin:0;color:#77576d}.gameplay-shot p{font:14px/1.9 'Microsoft YaHei',sans-serif;color:#927b88;margin:8px 0 0}
.notes{margin-bottom:50px}.notes article{background:#fffaf280}.exhibits{border-top:1px solid #d8c5cd;padding-top:40px}
@media(max-width:600px){header{gap:14px}.brand small{font-size:11px;max-width:220px}.game-genre{font-size:14px;padding:6px 13px}.file-heading{align-items:flex-start}.gameplay-grid{grid-template-columns:1fr;gap:24px}.gameplay-shot figcaption{padding:18px;gap:12px}.gameplay-shot h3{font-size:24px}.media{margin-bottom:45px}.video-link>span{padding:32px 16px 14px;font-size:12px}.brand+ a{max-width:100px;text-align:right}}