.pb-picture{width:100%;aspect-ratio:1;background-size:200% 200%;background-repeat:no-repeat;background-color:#f2ead6;display:block}
.story-modal{width:min(1100px,calc(100vw - 32px));max-width:1100px;background:#fffdf7;padding:24px;border:1px solid #e8dfc9}
.story-modal .dialog-header h2{font-size:22px}.story-modal .dialog-header{margin-bottom:12px}.story-world .pb-picture{aspect-ratio:1}.story-worlds{grid-template-columns:repeat(4,1fr)}.story-world>strong{margin:10px 12px 3px}.story-world>span{margin:0 12px}.adventure-banner-art{max-height:none}.story-theme-stats .pb-picture,.story-favorite-scenes .pb-picture{aspect-ratio:1}.story-main-art>.pb-picture{max-width:440px;margin:auto;border-radius:18px}.adventure-banner{grid-template-columns:200px 1fr}.adventure-banner-art>.pb-picture{border-radius:15px}
.pb-book-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#7d806b;margin:12px 0}.pb-book-top button{font-size:12px;min-height:38px}.pb-page-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.pb-page-tabs button{display:grid;grid-template-columns:56px 1fr;align-items:center;text-align:left;padding:4px;background:#f4efdf;border:2px solid transparent;border-radius:13px;color:#6e715d;font-size:13px;overflow:hidden;min-width:0;gap:9px}.pb-page-tabs .pb-picture{border-radius:9px}.pb-page-tabs .active{border-color:var(--story-color);background:#fff;color:var(--story-color);box-shadow:0 3px 10px #233b3110}.pb-spread{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;align-items:start}.pb-open-page{grid-template-columns:1fr;max-width:690px;margin:auto}.pb-scene{min-width:0}.pb-speech{position:relative;display:flex;gap:13px;align-items:center;padding:12px 16px;background:#fff3c6;border:1px solid #e6d59d;border-radius:18px 18px 18px 4px;margin:0 0 13px;color:#493c20;min-height:62px}.pb-speech>span{flex-shrink:0;font-size:11px;color:#8e7135}.pb-speech>p{font-size:19px;font-weight:650;line-height:1.5}.pb-search-image{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 5px 18px #5c482419;border:1px solid #e7dbc2}.pb-hotspot{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;border:3px solid transparent;border-radius:45%;background:transparent;touch-action:manipulation;padding:0}.pb-hotspot>span{display:none}.pb-hotspot.is-found{border-color:#fff7ad;background:#ffd74b24;box-shadow:0 0 0 2px #7c5e2d50}.pb-hotspot.is-found>span{display:grid;place-items:center;width:26px;height:26px;position:absolute;top:0;right:0;background:#ffe376;border:2px solid white;color:#715c20;border-radius:50%;font-size:15px}.pb-hotspot:focus-visible,.show-hints .pb-hotspot:not(.is-found){border-color:#fff6a3;border-style:dashed;box-shadow:0 0 0 2px #5f442872;outline:none;background:#fff29612}.pb-page-stamp{position:absolute;bottom:10px;right:10px;border:1px solid #fff8d890;background:#fff9e7df;color:#816f4a;padding:0 9px;min-width:26px;border-radius:50%;font-size:13px;pointer-events:none}.pb-find-bar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:12px}.pb-find-bar>strong{font-size:13px;color:#8b773f}.pb-find-bar>div{display:flex;flex:1;gap:7px;flex-wrap:wrap}.pb-find-bar>div>span{font-size:12px;white-space:nowrap;background:#f2ecda;padding:6px 9px;border-radius:20px;color:#655d44}.pb-find-bar>div>span.is-found{color:#456442;background:#e8f0d8}.pb-find-bar>button{font-size:12px;min-height:38px}.pb-find-feedback{font-size:11px;line-height:1.7;color:#909080;margin:6px 0 0;min-height:20px}.pb-card-heading{display:flex;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px dashed #d8cba9;color:#71623b}.pb-card-heading>span{font-size:30px;color:#c99747}.pb-card-heading small{font-size:10px;letter-spacing:2px;color:#9b8554}.pb-card-heading h3{font-size:16px;margin-top:2px}.pb-discovery-card{margin-top:0;background:#fffcf2;border:1px solid #e7dcc0;border-radius:18px;overflow:hidden;box-shadow:4px 5px 0 #f1e9d9}.pb-task{padding:14px}.pb-task-figure{margin:0 0 10px;line-height:0}.pb-task-svg{display:block;width:100%;height:auto;overflow:visible}.pb-task-label{font-size:11px;letter-spacing:.5px;color:#998051;margin-bottom:8px}.pb-task-question{font-size:18px;line-height:1.65;color:#4b503c;font-weight:600;margin:8px 0}.pb-parent-answer{font-size:12px;color:#849078;margin:8px 0}.pb-parent-answer summary{cursor:pointer;padding:8px 0;font-weight:400}.pb-parent-answer p{font-weight:400;line-height:1.8;background:#eff3e7;border-radius:9px;padding:10px}.pb-extra-question{border-top:1px dashed #e0d7bc;margin-top:12px;padding-top:9px}.pb-extra-question>summary{font-size:12px;color:#897956;cursor:pointer;min-height:38px;padding:7px 0}.pb-extra-question .pb-task-question{font-size:16px}.pb-discovery-card .story-puzzle{margin:12px;background:transparent;border:0;padding:8px}.pb-discovery-card .speech-phrases{padding:0 14px 14px}.pb-discovery-card .speech-phrases .btn{font-size:14px}.pb-parent-guide{margin-top:20px;border:1px solid #e4e4d8;border-radius:12px;padding:10px 15px;color:#76826a;font-size:12px;line-height:1.9;background:#f6f7ef}.pb-parent-guide>summary{cursor:pointer;padding:5px 0;min-height:32px}.pb-parent-guide p,.pb-parent-guide ol{margin-top:10px}.pb-bottom{bottom:-24px;display:flex;justify-content:space-between;margin:15px 0 0;padding:12px 0 0;background:#fffdf7;border-color:#e9e0cc}.pb-bottom .btn{min-width:125px}.pb-ending{max-width:690px;margin:17px auto;background:#f7efda;border:1px solid #eadab6;border-radius:15px;padding:15px;text-align:center}.pb-ending>strong{font-size:16px;color:#807046}.pb-ending>div{display:flex;gap:8px;margin:12px 0 0}.pb-ending button{flex:1;min-height:43px;font-size:14px;background:#fffaf0;border:1px solid #ddcda7;border-radius:10px;color:#766442}.pb-ending p{font-size:13px;color:#797864;min-height:5px;margin-top:9px}.pb-enlarged .pb-spread{grid-template-columns:1fr;max-width:900px}.pb-enlarged .pb-discovery-card{max-width:600px;margin:15px auto;width:100%}.pb-enlarged .pb-search-image{max-width:850px;margin:auto}.elder .pb-speech p{font-size:23px}.elder .pb-task-question{font-size:21px}
@media(max-width:760px){.story-modal{padding:13px;width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:18px}.story-modal .dialog-header{margin-bottom:6px}.story-modal .dialog-header h2{font-size:17px}.story-modal .dialog-header .icon-button{width:32px;height:32px;flex-shrink:0}.story-worlds{grid-template-columns:1fr 1fr}.story-world strong{font-size:15px}.story-world>span{font-size:11px}.adventure-banner{grid-template-columns:100px 1fr;gap:15px}.adventure-banner h2{font-size:17px}.adventure-banner p{font-size:12px;line-height:1.7}.adventure-banner .small{display:none}.adventure-banner .eyebrow{font-size:8px;letter-spacing:1px}.pb-spread{grid-template-columns:1fr;gap:16px}.pb-page-tabs{gap:6px;margin-bottom:13px}.pb-page-tabs button{grid-template-columns:1fr;gap:0;padding:3px;border-radius:10px}.pb-page-tabs button>span{font-size:9px;text-align:center;line-height:1.5;padding:5px 0 2px;white-space:nowrap;letter-spacing:-.2px}.pb-page-tabs .pb-picture{border-radius:6px}.pb-book-top{font-size:10px;margin:7px 0}.pb-book-top button{font-size:10px;min-height:32px}.pb-speech{padding:10px 12px;gap:9px;min-height:55px;margin-bottom:10px}.pb-speech p{font-size:17px}.pb-speech>span{font-size:10px}.pb-search-image{border-radius:15px}.pb-find-bar{gap:7px}.pb-find-bar>div>span{font-size:11px;padding:6px 8px}.pb-find-bar>button{font-size:11px;min-height:36px}.pb-find-feedback{font-size:10px}.pb-task{padding:12px}.pb-task-question{font-size:17px}.pb-bottom{bottom:-13px;flex-direction:row;padding:10px 0 3px;gap:8px}.pb-bottom .btn{min-width:0;min-height:44px;font-size:13px;padding:11px 12px}.pb-bottom .btn:last-child{flex:1;justify-content:center}.pb-parent-guide{margin-top:15px;font-size:11px}.pb-card-heading h3{font-size:15px}.pb-hotspot{min-width:44px;min-height:44px}.pb-ending{padding:12px}.pb-ending button{font-size:13px}.pb-reader.pb-enlarged .pb-page-tabs,.pb-reader.pb-enlarged .pb-discovery-card{display:none}.pb-reader.pb-enlarged .pb-search-image{border-radius:8px}}

.pb-card-speech{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.pb-card-speech button{font-size:13px;min-height:40px}