.snack-story-game .heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.snack-story-game .heading h1{margin:0;font-size:clamp(1.2rem,3vw,1.65rem)}.snack-story-game .heading .mascot{width:48px;height:54px;object-fit:contain}.snack-story-game .heading>p,.snack-story-game .heading .tags{display:none}.snack-story-game .heading [data-settings-open]{margin-left:auto;min-height:44px}.snack-story-game .pilot-reaction{display:none}
.snack-layout{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:22px;align-items:start}.snack-reading,.snack-answer{min-width:0;padding:18px;border:1px solid #acc8bf;border-radius:20px;background:#fff}.snack-reading{background:#fffcf6;border-color:#e0ccb1}.snack-reading h2,.snack-answer h2{font-size:1.18rem}.snack-scene{margin:14px 0}.snack-scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:13px}.snack-scene figcaption{font-size:.9rem;line-height:1.5;color:#665e52;margin-top:8px}.snack-scene-small{max-width:340px;margin:14px auto}.snack-finish-art{max-width:680px;margin:auto}.snack-go{display:block;min-height:44px;padding:10px 0;font-weight:700}.snack-story-game button{touch-action:manipulation}.snack-answer button{min-height:52px;white-space:normal;overflow-wrap:anywhere}.snack-reading .record-table{width:100%;table-layout:fixed}.snack-reading .record-table th,.snack-reading .record-table td{padding:7px 3px;overflow-wrap:anywhere}.snack-reading .count-bar{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;margin-top:6px}.snack-reading .count-bar i{flex:0 0 6px;max-width:6px}.snack-story-game :focus-visible{outline:3px solid #255d91;outline-offset:3px}.snack-story-game .actions .primary{width:100%}.snack-story-game .rep-task,.snack-story-game .rep-action-help{min-width:0}.snack-story-game [id]{scroll-margin-top:18px}.snack-posted-history{padding:12px;border:1px solid #b4ccbf;border-radius:12px;background:#f0f7f2;margin-top:18px}.snack-posted-history h3{font-size:.95rem;margin:0 0 8px}.snack-posted-history p{margin:0;line-height:1.55}.snack-posted-notice{padding:16px;border:3px solid #b69768;border-radius:8px;background:#fffdf4;box-shadow:0 3px 0 #e7dbc7;margin:12px 0;color:#314538;line-height:1.6}.snack-posted-notice strong{display:block;font-size:.85rem;margin-bottom:6px}.snack-posted-words{font-weight:700}.snack-story-game .validation-list{padding-left:22px}
@media(max-width:899px){.snack-layout{grid-template-columns:1fr}.snack-reading>.snack-scene{max-width:540px;margin-inline:auto}.snack-reading,.snack-answer{padding:15px}.snack-story-game .heading .mascot{display:none}}@media(max-width:379px){.snack-reading,.snack-answer{padding:10px}.snack-reading .record-table th,.snack-reading .record-table td{padding:5px 2px;font-size:.82rem}.snack-story-game .heading [data-settings-open]{margin-left:0}.snack-scene figcaption{font-size:.86rem}.snack-answer .rep-task{padding:10px 7px}.snack-posted-notice{padding:10px}}@media(prefers-reduced-motion:reduce){.snack-story-game *{scroll-behavior:auto!important}}