
.mobile-shell,.mobile-diary-heading,.mobile-story-summary,.mobile-readmore{display:none}
.visual-crop{display:block;position:relative;overflow:hidden;min-width:0;border-radius:16px;background:#fff4d8}.visual-crop img{position:absolute;max-width:none;height:auto;pointer-events:none}
@media(max-width:768px){
html{scroll-behavior:smooth;scroll-padding-top:16px}body{font-family:system-ui,"Hiragino Kaku Gothic ProN",sans-serif;font-size:16px;line-height:1.65;overflow-wrap:anywhere}*,*::before,*::after{box-sizing:border-box}img{max-width:100%}
.top-navigation{aspect-ratio:auto!important;min-height:112px;padding:12px 12px 10px;background:#e1f8fb!important;line-height:1.4!important;border-bottom:3px solid #fff}.top-navigation-brand{position:static!important;width:auto!important;font-size:19px!important;text-align:center;margin-bottom:9px;font-weight:950}.top-navigation-links{position:static!important;width:100%!important;height:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important}.top-navigation-links a{font-size:14px!important;min-height:44px;padding:6px 2px;border:1px solid #8ed3e5!important;border-radius:12px!important;background:white!important;color:#164958!important;line-height:1.3;white-space:normal!important;text-decoration:none}.top-navigation-links a[aria-current="page"]{background:#ff7426!important;border-color:#ff7426!important;color:#fff!important}.entry-navigation{max-width:100%!important}
.viewer,.zoom{display:none!important}.mobile-shell{display:block;width:100%;max-width:680px;margin:auto;background:linear-gradient(#dcf8fc,#fff7de 480px);padding:16px 14px 0;color:#143d46}.mobile-shell h1,.mobile-shell h2,.mobile-shell h3{letter-spacing:0;line-height:1.4;margin:0;text-shadow:none;-webkit-text-stroke:0}.mobile-shell a{text-decoration:none;color:inherit}.mobile-shell p{font-size:16px;line-height:1.7;margin:8px 0 14px}.m-hero{display:grid;grid-template-columns:minmax(0,1fr) 39%;gap:10px;align-items:center;margin:8px 0 20px;padding:12px 0}.m-hero h1{font-size:clamp(25px,6.8vw,36px);font-weight:950;line-height:1.4}.m-hero h1 em{font-style:normal;color:#f26820}.m-hero p{font-size:15px;margin:9px 0 0}.m-kicker{display:inline-block;font-size:13px;font-weight:800;margin-bottom:8px;background:#fff3aa;padding:3px 9px;border-radius:20px}.m-hero .hero-character{border-radius:24px;box-shadow:0 6px 0 #62b9ca24}.m-section{padding:18px 15px;margin:16px 0;background:#fffef6;border:2px solid #fff;border-radius:24px;box-shadow:0 5px 0 #d7c69e40}.m-section h2{font-size:22px;font-weight:950;margin:0 0 14px}.m-button{display:flex;justify-content:center;align-items:center;min-height:48px;gap:6px;padding:10px 12px;border-radius:14px;background:#ff7626;color:#fff!important;font-size:16px;font-weight:850;line-height:1.4;text-align:center;text-decoration:none}.m-button.light{background:#e9f8fc;color:#17687d!important;border:1px solid #b8e4ec}.m-social{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.m-social .m-button{font-size:15px;padding:10px 4px}.m-social .twitch{background:#833df0}.m-social .youtube{background:#f64b43}.m-social .x{background:#172631}.m-secondary-social{display:grid;grid-template-columns:1fr 1fr;gap:8px}.m-status{display:inline-block;background:#ffeb9c;padding:5px 13px;border-radius:20px;font-size:19px!important;font-weight:900}.m-about{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;text-align:center}.m-about .visual-crop{width:100%;max-width:125px;margin:0 auto 6px}.m-about strong{font-size:16px;display:block}.m-message{background:#fff2bd;border-radius:12px;padding:12px;font-weight:800}.m-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin-bottom:15px}.game-tile{min-width:0}.game-tile strong{display:block;font-size:16px;line-height:1.45;margin-top:7px;font-weight:800}.m-project-grid{display:grid;grid-template-columns:1fr;gap:18px}.project-tile .visual-crop{width:100%;max-height:190px}.project-tile h3{font-size:19px;margin-top:10px}.project-tile p{font-size:15px;margin:5px 0}.m-project-teasers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.m-project-teasers strong{display:block;font-size:16px;margin-top:7px}.m-category-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 20px}.m-category-jumps a{display:flex;align-items:center;min-height:44px;padding:8px 12px;background:#fff;border:1px solid #b8dfe5;border-radius:14px;font-size:15px;font-weight:800}.game-group>summary{list-style:none;cursor:pointer;display:flex;gap:8px;align-items:center;justify-content:space-between;min-height:44px}.game-group>summary::-webkit-details-marker{display:none}.game-group>summary h2{font-size:19px;margin:0}.game-group>summary span{font-size:24px;color:#1196ad;flex:none}.game-group[open]>summary{margin-bottom:17px}.game-group[open]>summary span{transform:rotate(45deg)}.m-timeline{list-style:none;padding:0;margin:0;display:grid;gap:13px}.m-timeline li{display:flex;align-items:center;gap:13px;min-height:44px}.m-timeline b{color:#078db0;min-width:60px;font-size:18px}.m-timeline span{font-size:15px}.m-ranking{padding-left:26px;margin:0}.m-ranking li{padding:9px 0;font-size:17px;font-weight:800}.m-diary-links{display:grid;gap:12px;margin:16px 0}.m-diary-links a{display:grid;grid-template-columns:82px minmax(0,1fr) 18px;gap:10px;align-items:center}.m-diary-links small{display:block;color:#59727b;font-size:14px}.m-diary-links strong{display:block;font-size:16px;line-height:1.5}.m-diary-links b{color:#fa7328}.m-clips{display:grid;gap:12px;margin-bottom:16px}.m-clips a{display:grid;grid-template-columns:110px 1fr;gap:13px;align-items:center}.m-clips span:last-child{font-size:16px;font-weight:800}.m-footer{text-align:center;padding:30px 12px 36px;background:#d6f4f1;border-radius:24px 24px 0 0;font-size:19px;font-weight:900;margin-top:26px}.m-footer small{display:block;font-size:13px;margin-top:10px;color:#40746d}
.mobile-diary-heading{display:block;padding:15px 16px;background:linear-gradient(#d8f7ff,#fff6d9)}.mobile-diary-heading h1{font-size:32px;margin:0;line-height:1.35}.mobile-diary-heading .m-hero{grid-template-columns:1fr 39%;margin-bottom:8px}.m-diary-notes{display:grid;gap:9px}.m-diary-notes>div{padding:12px 14px;background:#fff;border-radius:16px}.m-diary-notes b{font-size:16px}.m-diary-notes p{font-size:15px;margin:4px 0 0;line-height:1.6}.intro-art,.ending-art{display:none}.diary-tools{padding:14px 16px}.tool-heading h1{font-size:23px!important;white-space:normal;width:100%}.tool-heading{flex-wrap:wrap}.search{font-size:16px!important;min-height:48px;width:100%}.order{font-size:15px;min-height:48px}.filter{font-size:14px;min-height:44px;padding:8px 12px}.filter-row{gap:10px}.filter-group+ .filter-group{margin-left:0}.count{font-size:14px}.diary-grid{grid-template-columns:1fr!important;gap:13px;padding:0 16px 24px}.mobile-list-card{aspect-ratio:auto!important;display:grid!important;grid-template-columns:112px minmax(0,1fr);gap:14px;padding:13px;border:1px solid #ede1bb;border-radius:20px;color:#173e49;background:#fffdf5;min-height:152px}.mobile-list-card>.visual-crop{width:112px;align-self:center}.mobile-list-card .visual-crop img{position:absolute;max-width:none;height:auto}.diary-info{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}.diary-info time{font-size:14px;color:#586e76}.diary-info strong{font-size:18px;line-height:1.45}.diary-info .diary-category{font-size:13px;background:#e3f6f2;align-self:flex-start;padding:2px 8px;border-radius:20px}.diary-info .diary-open{font-size:15px;color:#cf5010;font-weight:900}
.page,.site{width:100%;max-width:100%;overflow:clip}.page .top{padding:14px;gap:10px;flex-wrap:wrap}.page .top .brand{font-size:16px}.page .back{min-height:44px;font-size:14px}.page .hero{min-height:0;padding:20px 16px 30px}.page .hero h1{font-size:30px;line-height:1.45;text-shadow:2px 3px #fff;-webkit-text-stroke:0;margin:12px 0}.page .hero .sub{display:none}.page .mascot{width:150px;margin:16px auto -45px}.page .sun{width:65px;height:65px}.page .palm{font-size:42px}.page .intro,.page .story,.page .outro{margin-left:14px;margin-right:14px;padding:20px 16px;border-radius:23px}.page .intro{margin-top:42px}.page .intro h2{font-size:21px}.page .intro .lead{font-size:16px;line-height:1.7}.page .meta span{font-size:14px}.page .badge,.page .kicker,.page .chapter{font-size:14px}.page .story h3{font-size:23px;line-height:1.5}.page .story p,.page .outro p{font-size:16px;line-height:1.8}.page .story .quote{font-size:16px;line-height:1.7;padding:12px}.page .recap{grid-template-columns:1fr!important;display:grid!important;gap:13px}.page .recap .shot img{aspect-ratio:16/9}.page figcaption,.site figcaption{font-size:14px;line-height:1.65}.page .moment,.site figure a{font-size:15px;min-height:44px;padding:10px 4px;display:inline-flex;align-items:center}.mobile-story-summary{display:block!important;font-size:16px;line-height:1.8}.mobile-story-full{display:none!important}.mobile-story-expanded>.mobile-story-full{display:block!important}.mobile-readmore{display:block;width:100%;min-height:44px;padding:10px 13px;border:1px solid #bbdfe0;border-radius:12px;background:#edf9f6;color:#166071;font:inherit;font-size:15px;font-weight:800;margin:15px 0 0;cursor:pointer}.mobile-story-expanded>.mobile-story-summary{display:none!important}.site .page-head{padding:24px 16px 20px;min-height:0}.site .page-head h1{font-size:30px!important;line-height:1.4}.site .page-head p{font-size:15px!important;line-height:1.6}.site .article-wrap{width:100%;max-width:none;margin:0;padding:20px 16px}.site .article-head{display:none}.site .scene h2{font-size:23px;line-height:1.5}.site .scene p,.site .lead p{font-size:16px;line-height:1.8}.site .scene-number{font-size:14px!important}.site .scene img{width:100%;height:auto;max-height:none}.site .scene figure{margin:16px 0}.site .lead{padding:0}.site .back{display:inline-flex;align-items:center;min-height:44px;font-size:15px}.site .ending h2{font-size:23px}.page .moments-nav{flex-wrap:wrap;overflow:visible}.page .moments-nav a{font-size:14px;min-height:44px}.sitefoot a{font-size:14px!important;min-height:44px}.m-button:focus-visible,.mobile-shell a:focus-visible,summary:focus-visible{outline:3px solid #086bb1;outline-offset:3px}
}
@media(min-width:540px) and (max-width:768px){.m-project-grid{grid-template-columns:1fr 1fr}.mobile-list-card{grid-template-columns:140px 1fr}.mobile-list-card>.visual-crop{width:140px}.m-about{grid-template-columns:repeat(4,1fr)}}
