:root{--pixel:"DotGothic16",var(--round)}
.game-theme .topbar{border-bottom:2px solid var(--navy);box-shadow:0 4px 0 rgba(21,148,150,.13)}
.game-theme .brand{font-family:var(--round);font-weight:900}
.game-theme .top-cta{border:2px solid var(--navy);border-radius:6px;box-shadow:3px 3px 0 var(--navy)}
.game-theme .hero{padding:48px 0 45px;background:var(--cream)}
.game-theme .hero-grid{gap:28px 38px;grid-template-columns:1fr 1fr}
.game-theme .eyebrow{display:table;padding:6px 12px;margin-bottom:20px;border:2px solid var(--navy);border-radius:4px;background:var(--navy);color:var(--yellow);font-family:var(--pixel);font-size:12px;letter-spacing:.05em;box-shadow:4px 4px 0 rgba(21,148,150,.32)}
.game-theme h1{font-family:var(--round);font-size:clamp(36px,4.4vw,55px);font-weight:900;line-height:1.45;letter-spacing:-.045em}
.game-theme h1 .accent{color:var(--teal-dark);background:none}
.game-theme .hero-stat strong{font-family:var(--pixel);font-size:24px}
.game-theme .hero-lead{font-size:14px;line-height:1.95}
.game-theme .hero-benefits{font-size:11px;gap:7px 13px}
.game-theme .hero-benefits li:before{content:"◆";font-size:9px;color:var(--teal)}
.game-theme .hero-map{position:relative;isolation:isolate;height:410px;max-height:none;padding:0;margin:0;border:4px solid var(--navy);border-radius:12px;background:#dbedf4;box-shadow:9px 10px 0 var(--teal);overflow:hidden}
.game-theme .hero-map:before{display:none}
.map-background{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:64% center}
.map-note{position:absolute;top:16px;left:15px;right:15px;padding:10px 8px;border:2px solid var(--navy);border-radius:5px;background:rgba(255,253,248,.97);text-align:center;color:var(--navy);font-family:var(--pixel);font-size:12px;font-weight:700;line-height:1.6;box-shadow:3px 4px 0 rgba(16,34,61,.16)}
.map-chika{position:absolute;left:49%;top:40%;width:142px;height:151px;object-fit:contain;filter:drop-shadow(4px 5px 0 rgba(16,34,61,.18));animation:mapHop 2.6s ease-in-out infinite}
.game-theme .hero-map .book{left:16px;bottom:20px;width:140px;z-index:2;border-width:3px;border-radius:4px;box-shadow:5px 6px 0 rgba(16,34,61,.22)}
.game-theme .hero-map .book h2{font-size:17px}
.map-spark{position:absolute;right:24px;bottom:25px;width:12px;height:12px;background:var(--yellow);border:2px solid var(--navy);transform:rotate(45deg);box-shadow:-18px 12px 0 -3px var(--yellow)}
.game-theme .hero-entry{margin-top:4px}
.game-theme .cta-box{border:3px solid var(--navy);border-radius:10px;box-shadow:7px 8px 0 rgba(21,148,150,.22)}
.game-theme .btn-line,.game-theme .sticky a{border:2px solid var(--navy);border-radius:7px;box-shadow:4px 5px 0 var(--navy)}
.game-theme .btn-line:hover,.game-theme .sticky a:hover,.game-theme .top-cta:hover{transform:translate(-1px,-2px)}
.game-theme .section-tag{font-family:var(--pixel);letter-spacing:.03em;font-size:12px}
.game-theme .section-title{font-family:var(--round)}
.game-theme .contents .section-title,.game-theme .actions .section-title,.game-theme .fit .section-title{font-size:clamp(29px,3vw,35px)}
.game-theme .truth{border-top:5px solid var(--teal);border-bottom:5px solid var(--yellow)}
.game-theme .big-stat{border:2px solid #718598;border-radius:6px;padding:20px 22px;box-shadow:5px 5px 0 rgba(21,148,150,.3)}
.game-theme .big-stat strong{font-family:var(--pixel);font-size:clamp(44px,5vw,63px)}
.game-theme .stat-card b{font-family:var(--round)}
.game-theme .contents{background:#e5f3ef}
.chapter-game{--chapter-index:0;position:relative;padding:24px;border:3px solid var(--navy);border-radius:12px;background:var(--cream);box-shadow:8px 9px 0 var(--teal);min-width:0}
.game-instruction{margin:0;text-align:center;color:var(--navy);font-family:var(--pixel);font-size:13px;font-weight:700;line-height:1.7}
.chapter-trail{position:relative;height:83px;margin:6px 0 5px}
.chapter-trail>span{position:absolute;left:10%;right:10%;bottom:10px;border-top:4px dotted var(--teal)}
.chapter-trail img{position:absolute;left:calc(10% + var(--chapter-index,0) * 20%);bottom:10px;width:59px;height:63px;object-fit:contain;transform:translateX(-50%);transition:left .45s ease}
.chapter-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.chapter-tab{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;min-width:0;min-height:100px;padding:16px 0 8px;border:0;border-radius:5px;background:transparent;color:var(--navy);font:700 11px/1.5 var(--sans);cursor:pointer}
.chapter-tab:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.chapter-short{display:block;padding:3px 1px;line-height:1.45;font-weight:900;text-align:center}
.pixel-chest{position:relative;display:block;flex:none;width:43px;height:32px;border:3px solid var(--navy);border-radius:1px;background:var(--coral);box-shadow:inset 0 -7px 0 #d7756d,3px 3px 0 rgba(16,34,61,.17)}
.pixel-chest:before{content:"";position:absolute;left:-3px;right:-3px;top:-11px;height:13px;border:3px solid var(--navy);border-radius:5px 5px 0 0;background:var(--yellow);transform-origin:bottom left;transition:transform .2s ease}
.pixel-chest i{position:absolute;left:50%;top:6px;width:10px;height:13px;border:2px solid var(--navy);background:var(--yellow);transform:translateX(-50%)}
.chapter-tab.active .pixel-chest:before{transform:translateY(-7px) rotate(-10deg)}
.chapter-tab.active .chapter-short{color:var(--teal-dark)}
.chapter-tab:hover .pixel-chest{filter:brightness(1.06)}
.chapter-panel{min-height:173px;margin-top:5px;padding:22px 24px;border:3px solid var(--navy);border-radius:7px;background:var(--navy);color:white;box-shadow:4px 5px 0 var(--yellow)}
.chapter-panel[hidden]{display:none!important}
.chapter-panel .chapter-count{margin:0 0 7px;color:var(--yellow);font-family:var(--pixel);font-size:12px;line-height:1.5}
.chapter-panel h3{margin:0 0 9px;font-family:var(--round);font-size:23px;font-weight:900;line-height:1.5}
.chapter-panel>p:last-child{margin:0;font-size:13px;color:#d6e5ec;line-height:1.9}
.game-theme .ladder:before{content:"";position:absolute;left:17px;top:36px;bottom:35px;border-left:3px dotted #a4ccc6}
.game-theme .step-num{position:relative;background:var(--yellow);border:3px solid var(--navy);border-radius:5px;box-shadow:3px 3px 0 var(--teal);font-family:var(--pixel)}
.action-guide{grid-column:1/-1;display:grid;grid-template-columns:98px 1fr;gap:22px;align-items:center;width:min(100%,820px);margin:24px auto 0}
.pixel-guide{display:block;width:94px;height:135px;background:url('assets/chika-pixel-poses-v1.png') 100% 0/400% 100% no-repeat;animation:guideNod 3s ease-in-out infinite}
.game-theme .action-guide .quote{position:relative;grid-column:auto;max-width:none;margin:0;padding:22px 25px;border:3px solid var(--navy);border-radius:9px;background:var(--navy);color:#fff;text-align:left;font-size:15px;line-height:1.9;box-shadow:6px 7px 0 var(--yellow)}
.game-theme .action-guide .quote:before{content:"";position:absolute;left:-10px;top:35%;width:16px;height:16px;background:var(--navy);transform:rotate(45deg)}
.game-theme .story-photo{border-width:4px;border-radius:8px;box-shadow:9px 10px 0 var(--teal)}
.game-theme .story-photo img{border-radius:2px}
.game-theme .route{border-bottom:2px dashed #b4d0cc;padding-bottom:15px}
.game-theme .check-list li:before{font-family:var(--pixel)}
.game-theme .receive{background:#e6f2e8;border-top:3px solid var(--navy);border-bottom:3px solid var(--navy)}
.receive-gift{display:grid;place-items:center;margin:0 auto 30px;width:84px;height:70px}
.receive-gift .pixel-chest{width:59px;height:43px;border-width:4px;box-shadow:inset 0 -10px 0 #d7756d,5px 5px 0 rgba(16,34,61,.16)}
.receive-gift .pixel-chest:before{left:-4px;right:-4px;top:-14px;height:17px;border-width:4px}
.receive-gift .pixel-chest i{top:10px;width:12px;height:16px;border-width:3px}
.game-theme .receive-step b{font-family:var(--pixel)}
.game-theme .faq details{margin-top:12px;border:2px solid var(--navy);border-radius:7px;background:#fff;box-shadow:3px 4px 0 rgba(21,148,150,.15)}
.game-theme .faq summary{padding:18px 48px 18px 18px}
.game-theme .faq summary:after{right:17px;top:15px;font-family:var(--pixel)}
.game-theme .faq .answer{padding:0 18px 20px}
@keyframes mapHop{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes guideNod{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}
@media(max-width:799px){.game-theme .hero{padding-top:30px}.game-theme .hero-grid{grid-template-columns:1fr;gap:22px}.game-theme h1{font-size:38px;line-height:1.45}.game-theme .hero-lead{font-size:14px}.game-theme .hero-map{width:min(100%,460px);height:320px;margin:0 auto;border-width:3px;box-shadow:6px 7px 0 var(--teal)}.map-note{top:12px;left:12px;right:12px;padding:8px;font-size:11px}.map-chika{width:112px;height:119px;top:43%;left:50%}.game-theme .hero-map .book{left:13px;bottom:17px;width:122px;padding:12px 11px}.game-theme .hero-map .book h2{font-size:15px}.game-theme .hero-entry{margin-top:4px}.game-theme .big-stat{padding:18px 19px}.game-theme .big-stat strong{font-size:48px}.chapter-game{padding:22px 15px;border-radius:9px;box-shadow:6px 7px 0 var(--teal)}.chapter-tab{font-size:10px;min-height:90px;gap:10px;padding-top:15px}.pixel-chest{width:37px;height:28px}.pixel-chest i{height:11px;top:5px}.chapter-trail{height:78px}.chapter-trail img{width:54px;height:58px}.chapter-panel{padding:19px 18px;min-height:175px}.chapter-panel h3{font-size:21px}.chapter-panel>p:last-child{font-size:13px}.game-theme .actions-grid{gap:30px}.action-guide{grid-template-columns:68px 1fr;gap:12px;margin-top:6px}.pixel-guide{width:68px;height:98px}.game-theme .action-guide .quote{font-size:13px;padding:17px 15px;line-height:1.9;box-shadow:4px 5px 0 var(--yellow)}.game-theme .action-guide .quote br{display:none}.game-theme .faq summary{font-size:14px;padding-left:15px}.game-theme .faq .answer{font-size:13px;padding-left:15px}}
@media(max-width:380px){.game-theme h1{font-size:36px}.game-theme .hero-map{height:300px}.game-theme .hero-map .book{width:112px}.game-theme .hero-map .book h2{font-size:14px}.map-chika{width:100px;height:107px}.chapter-game{padding-inline:12px}.chapter-tab{font-size:9px}.chapter-tab .pixel-chest{width:33px;height:25px}.chapter-panel h3{font-size:20px}.game-theme .hero-benefits{font-size:10px;gap:6px 11px}}
@media(prefers-reduced-motion:reduce){.map-chika,.pixel-guide{animation:none}.chapter-trail img,.pixel-chest:before{transition:none}}
.sample-label{font-size:12px;line-height:1.8;color:var(--muted)}
.truth .sample-label{color:#c5dce3}.calculation{padding:25px 28px;border:2px solid #6b9fa6;border-radius:10px;background:#18334b;box-shadow:6px 7px 0 #0b192c}.calculation dl{margin:0}.calculation dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #526579;padding:10px 0;font-size:15px}.calculation dd{margin:0;white-space:nowrap;font-weight:700}.calculation .total{border-bottom:0;color:#a3e0db}.formula{padding-top:17px;margin:12px 0;font-size:18px;line-height:1.8;border-top:2px dashed #6b9fa6}.formula strong{color:var(--yellow);font-family:var(--pixel);font-size:48px;line-height:1.6}.formula strong span{font-family:var(--sans);font-size:17px;margin-left:7px}.calculation-note{font-size:13px;color:#d6e5ec;line-height:1.9;margin:0}
.guide-preview{background:#f5f0e7}.preview-pages{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:840px;margin:36px auto 0}.preview-pages figure{margin:0}.preview-pages img{width:100%;height:auto;border:2px solid var(--navy);box-shadow:7px 8px 0 #d1e6e1;border-radius:3px}.preview-pages figcaption{font-size:13px;font-weight:700;line-height:1.7;margin-top:18px}.message-preview{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;margin-top:68px;align-items:center}.message-preview h3{font-family:var(--round);font-size:28px;line-height:1.6;margin:0 0 15px}.message-preview>div>p:last-child{font-size:14px;color:var(--muted)}.message-preview blockquote{margin:0;padding:26px 30px;background:var(--paper);border:2px solid var(--navy);border-radius:8px;box-shadow:5px 6px 0 var(--teal)}.message-preview blockquote p:last-child{font-size:15px;line-height:2;margin-bottom:0}.message-preview blockquote .sample-label{color:var(--teal-dark);margin-top:0;font-weight:700}
@media(max-width:799px){.calculation{padding:20px}.calculation dl>div{font-size:14px}.formula strong{font-size:43px}.formula strong span{font-size:15px}.preview-pages{gap:25px;grid-template-columns:1fr;max-width:360px}.preview-pages figure+figure{margin-top:15px}.message-preview{grid-template-columns:1fr;gap:20px;margin-top:50px}.message-preview h3{font-size:27px}.message-preview blockquote{padding:22px}.message-preview blockquote p:last-child{font-size:14px}}