.game-intro{font-size:21px;line-height:1.5;color:#645d55;max-width:650px}.game-visual{margin:30px 0 34px}.game-scene{margin:0 0 30px;border-radius:20px;overflow:hidden;border:1px solid #ded5ca;background:#eee7dc}.game-scene img{display:block;width:100%;height:auto}.game-scene-pet-rocket{background:#17213c}.game-scene-pet-paw-duel img{max-height:420px;object-fit:contain;background:#eee2d3}.game-scene figcaption,.guide-visual figcaption{padding:12px 16px;font-size:12px;line-height:1.5;color:#645d55;background:#fffcf7}.game-visual h2{font-size:26px;line-height:1.3;margin:0 0 18px}.picture-steps,.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0 0 24px}.picture-steps li,.guide-steps li{position:relative;margin:0;padding:18px;border-radius:16px;border:1px solid #ded5ca;background:#fffcf7}.picture-steps svg{display:block;width:68px;height:68px;margin:0 0 14px;color:#45634f}.picture-steps strong,.guide-steps strong{display:block;font-size:16px;line-height:1.4}.picture-steps p,.guide-steps p{font-size:14px;line-height:1.6;color:#645d55;margin:8px 0 0}.step-number{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e5ecdf;color:#36553e;font-size:12px;font-weight:750}.picture-steps .step-number{position:absolute;right:16px;top:16px}.control-strip{display:flex;flex-wrap:wrap;gap:14px 24px;padding:20px;border-radius:14px;background:#eceade;margin:24px 0}.control-strip div{flex:1 1 160px}.control-strip dt{font-size:12px;font-weight:700}.control-strip dd{margin:8px 0 0;color:#645d55;font-size:13px}kbd{display:inline-block;max-width:100%;padding:3px 7px;overflow-wrap:anywhere;font:inherit;border:1px solid #c8c4b7;border-bottom-width:2px;border-radius:5px;background:#fffdf7;color:#3e453b}.try-experiment{border-left:4px solid #728c71;background:#eaf0e5;padding:22px 24px;border-radius:0 16px 16px 0;margin:28px 0}.try-experiment .eyebrow{margin:0 0 10px}.try-experiment h2{font-size:22px;margin-bottom:12px}.try-experiment p{font-size:15px;line-height:1.65;margin:12px 0 0}.try-experiment .watch-note{color:#536049}.visual-note{font-size:12px;line-height:1.7;color:#70685f;overflow-wrap:anywhere}.move-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:24px 0}.move-strip div{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 5px;border-radius:12px;background:#f1e8d9;text-align:center}.move-strip svg{width:40px;height:40px;color:#6e604e}.move-strip strong{font-size:12px}.move-strip span{font-size:11px}.duo-key{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.duo-key div{display:grid;grid-template-columns:40px 1fr;gap:4px 12px;padding:16px;background:#f4e6bd;border-radius:14px}.duo-key div+div{background:#dbeef1}.duo-key svg{width:40px;height:40px;grid-row:span 2;color:#705c2a}.duo-key div+div svg{color:#326472}.duo-key span{font-size:12px}.reading-reference{margin:34px 0;border:1px solid #d5d2c5;border-radius:16px;background:#fffdf8}.reading-reference>summary{padding:20px 24px;font-size:16px;font-weight:700;cursor:pointer;scroll-margin-top:24px}.reading-reference>summary:focus-visible{outline:3px solid #267451;outline-offset:3px}.reading-reference .story-body{padding:0 24px 24px;margin-top:0}.reading-reference .story-body>h2:first-child{margin-top:12px}.guide-card .guide-card-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:12px;margin:0 0 20px;background:#eee6d7}.guide-visual{margin:30px 0}.guide-visual figure{margin:0 0 22px;border:1px solid #ded5ca;border-radius:18px;overflow:hidden}.guide-visual figure img{display:block;width:100%;height:auto;max-height:360px;background:#eee6d7;object-fit:contain}.worked-example{border-radius:18px;border:1px solid #d4dbc9;background:#f4f7ee;padding:24px}.worked-example .eyebrow{margin:0 0 12px}.worked-example h2{font-size:24px;line-height:1.3;margin:0 0 18px}.worked-example dl{margin:0}.worked-example dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;padding:15px 0;border-bottom:1px solid #dde3d4}.worked-example dt{font-size:13px;font-weight:700;color:#49604a}.worked-example dd{margin:0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}.worked-example .visual-note{margin:20px 0 0}.guide-steps .step-number{margin-bottom:12px}.guide .worksheet{background:#fffdf7}
@media(max-width:600px){.game-intro{font-size:18px}.picture-steps{grid-template-columns:1fr;gap:10px}.picture-steps li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:3px 14px;padding:16px 46px 16px 14px}.picture-steps svg{width:50px;height:50px;grid-row:span 2;margin:0}.picture-steps strong{font-size:15px}.picture-steps p{font-size:13px;margin:4px 0 0}.picture-steps .step-number{right:12px;top:15px}.game-visual h2{font-size:24px}.game-scene-pet-paw-duel img{max-height:340px}.move-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.duo-key{gap:8px}.duo-key div{grid-template-columns:1fr;text-align:center;justify-items:center;padding:14px 8px}.duo-key svg{grid-row:auto}.duo-key strong{font-size:13px}.control-strip{padding:16px;gap:16px}.try-experiment{padding:20px}.reading-reference>summary{padding:18px;font-size:15px}.reading-reference .story-body{padding:0 18px 18px}.worked-example{padding:20px}.worked-example dl>div{grid-template-columns:1fr;gap:6px}.guide-steps{grid-template-columns:1fr;gap:10px}.guide-steps li{display:grid;grid-template-columns:25px 1fr;gap:0 12px;padding:16px}.guide-steps .step-number{grid-row:span 2;margin:0}.guide-steps p{grid-column:2}.game-scene figcaption,.guide-visual figcaption{font-size:11px}}
@media print{.game-visual{break-inside:avoid}.reading-reference{border:0}.reading-reference>summary{display:none}.reading-reference>div{display:block!important}.guide-visual,.guide-steps{display:none}.worksheet{break-inside:avoid}}