:root{--otter-pink:#fb8ba4;--otter-pink-dark:#e8738f;--otter-slate:#4a5e6d;--otter-slate-deep:#3d4f5c;--otter-blue-soft:#9ab7cb;--otter-white:#fff;--otter-neutral:#f4f4f4;--otter-page-bg:#fff;--otter-btn-primary-bg:var(--otter-pink);--otter-btn-neutral-bg:#efefef;--otter-playmat-bg:#385469;--otter-border:#d0d5da}@font-face{font-family:KGRedHands;src:local("KGRedHands"),url(/static/media/KGRedHands.d0860a50771dc0d44b42.ttf) format("truetype")}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--otter-page-bg);font-family:KGRedHands,sans-serif;margin:0;padding:0}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn,button{border:none;border-radius:5px;cursor:pointer;font-family:KGRedHands;padding:5px 10px}.btn-primary{background:var(--otter-btn-primary-bg);color:var(--otter-white)}.btn-link{background:none}.Section{padding:20px}@media only screen and (max-width:600px){.Section{padding:10px}}@media only screen and (min-width:600px){.Section{padding:10px}}:root{--z-story-reader:5000;--z-story-picker:5100}.BlockSet{display:flex;flex-direction:row;flex-wrap:wrap;max-height:500px;overflow:auto}.PlayMat{align-items:center;background:var(--otter-playmat-bg);color:var(--otter-white);display:flex;height:50vh;justify-content:center;padding:20px;position:relative}.PlayMat .Block{margin-right:-40px}.FloatingButtons{align-items:center;bottom:20px;display:flex;flex-direction:row;gap:20px;justify-content:center;left:20px;position:absolute;z-index:100}.Block{margin:10px;position:relative;z-index:0}.BlockImage{left:10px;position:absolute;width:100%;z-index:-1}.BlockContent{align-items:center;display:flex;font-family:KGRedHands;font-size:30px;height:80px;justify-content:center;width:150px}.BlockCircle{background-color:#000;border-radius:100%;height:60px;width:60px}@media only screen and (max-width:600px){.BlockContent{font-size:16px;height:40px;width:70px}.BlockCircle{height:30px;width:30px}}@media only screen and (min-width:600px){.BlockContent{font-size:18px;height:40px;width:70px}.BlockCircle{height:32px;width:32px}}@media only screen and (min-width:768px){.BlockContent{font-size:24px;height:50px;width:90px}}@media only screen and (min-width:992px){.BlockContent{font-size:26px;height:60px;width:110px}.BlockCircle{height:50px;width:50px}}@media only screen and (min-width:1200px){.BlockContent{font-size:28px;height:70px;width:130px}.BlockCircle{height:55px;width:55px}}.BlockPlaceholder{background:transparent;border:2px dashed #fff;color:#fff;font-size:15px;opacity:.5;padding:30px;position:absolute;text-align:center;z-index:100}.BlockSets{display:flex;flex-direction:row;overflow:scroll}.BlockSets button{background:var(--otter-slate-deep);border:1px solid var(--otter-white);border-radius:5px;color:var(--otter-white);cursor:pointer;font-size:14px;height:75px;margin-right:10px;padding:10px;width:130px}.BlockSets button.selected,.BlockSets button:hover{background:var(--otter-pink)}@media only screen and (max-width:600px){.BlockSets button{font-size:8px;height:40px;width:70px}}@media only screen and (min-width:600px){.BlockSets button{font-size:8px;height:40px;width:70px}}@media only screen and (min-width:768px){.BlockSets button{font-size:10px;height:50px;width:90px}}@media only screen and (min-width:992px){.BlockSets button{font-size:12px;height:60px;width:110px}}@media only screen and (min-width:1200px){.BlockSets button{font-size:14px;height:70px;width:130px}}.TrashBin{align-items:center;border-top:2px dashed #fff;bottom:0;color:#fff;display:flex;gap:10px;justify-content:center;left:0;opacity:.5;overflow:hidden;padding:20px;position:fixed;right:0;z-index:50}.TrashBinIcon{font-size:20px}.Button--primary{background:var(--otter-btn-primary-bg);color:var(--otter-white);padding:10px 20px}.Button--primary:hover{background:var(--otter-pink-dark)}.Button--neutral{align-items:center;background:var(--otter-btn-neutral-bg);border:1px solid var(--otter-border);color:#000;display:inline-flex;gap:.35em;justify-content:center;padding:8px 14px}.Button--neutral:hover{background:color-mix(in srgb,var(--otter-slate) 8%,var(--otter-btn-neutral-bg));border-color:color-mix(in srgb,var(--otter-slate) 35%,var(--otter-border))}.Button--neutral:active{background:color-mix(in srgb,var(--otter-slate) 14%,var(--otter-btn-neutral-bg))}.Button--small{border-radius:4px;font-size:.8125rem;padding:6px 10px}.CardGameContainer{align-items:center;display:flex;justify-content:center;left:1%;position:absolute;top:51%}.Card{background:var(--otter-white);border-radius:10px;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);color:#000;min-width:250px;padding:20px}.CardContent{align-items:center;display:flex;height:80px;justify-content:center}.CardText{font-size:40px;font-weight:400;margin:0}.CardImage{width:100px}.CardControls{align-items:center;display:flex;flex:row 1;justify-content:space-between;margin-top:20px}.CancelBtn{background:none;color:var(--otter-slate);font-size:20px;position:absolute;right:10px;top:10px}@media only screen and (min-width:600px){.CardGameContainer{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Card{min-width:300px}.CardContent{height:120px}.CardText{font-size:50px}.CardImage{width:120px}}@media only screen and (min-width:768px){.Card{min-width:340px}.CardContent{height:150px}.CardImage{width:150px}}.StoryPickerOverlay{align-items:center;background:rgba(0,0,0,.45);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:5100;z-index:var(--z-story-picker,5100)}.StoryPickerPanel{background:var(--otter-white);border-radius:10px;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);display:flex;flex-direction:column;max-height:calc(100vh - 32px);max-width:min(920px,calc(100vw - 32px));overflow-x:hidden;overflow-y:auto;padding:24px 20px 20px;position:relative;width:100%}.StoryPickerClose{background:none;border:none;color:var(--otter-slate);cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;position:absolute;right:10px;top:10px;z-index:1}.StoryPickerClose:hover{background:var(--otter-neutral);border-radius:4px}.StoryPickerTitle{color:var(--otter-slate-deep);font-size:1.25rem;font-weight:600;margin:0 36px 20px 0}.StoryPickerList{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;gap:20px;margin:0 -4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:4px 2px 12px;scroll-padding-inline:4px}.StoryPickerOption{align-items:stretch;background:var(--otter-neutral);border:1px solid var(--otter-border);border-radius:10px;color:var(--otter-slate-deep);cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;font-size:1rem;margin:0;max-width:min(21rem,88vw);padding:16px 14px 18px;text-align:center;width:21rem}.StoryPickerOption:hover{background:color-mix(in srgb,var(--otter-blue-soft) 28%,var(--otter-white));border-color:var(--otter-blue-soft)}.StoryPickerCoverWrap{aspect-ratio:960/1419;background:var(--otter-white);border:1px solid var(--otter-border);border-radius:8px;margin:0 auto;overflow:hidden;width:100%}.StoryPickerCoverWrap--loading{background:color-mix(in srgb,var(--otter-blue-soft) 15%,var(--otter-neutral))}.StoryPickerCover{display:block;height:100%;object-fit:cover;width:100%}.StoryPickerOptionTitle{font-size:1.05rem;font-weight:600;line-height:1.3;margin-top:16px}@media (max-width:640px){.StoryPickerList{gap:12px}.StoryPickerOption{max-width:min(10.5rem,44vw);padding:10px 8px 12px;width:10.5rem}.StoryPickerOptionTitle{font-size:.9rem;margin-top:10px}}.StoryGameContainer{background:var(--otter-white);border-radius:10px;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);left:50%;max-width:980px;padding:0 20px 20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:92%;z-index:5000;z-index:var(--z-story-reader,5000)}.StoryGameHeader{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:space-between;padding:10px 0 16px;width:100%}.StoryGameBackLink{background:none;border:none;color:var(--otter-slate);cursor:pointer;flex:0 1 auto;font-size:14px;font-weight:500;margin:0;padding:6px 0;text-align:left;text-decoration:underline;text-underline-offset:3px}.StoryGameBackLink:hover{color:var(--otter-slate-deep)}.WindowControls{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:10px;justify-content:flex-end;padding:0}.WindowControl{background:none;color:var(--otter-slate);font-size:20px}.WindowControl:hover{background:var(--otter-neutral)}@media (max-width:768px){.StoryGameContainer{border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;inset:0;max-height:none;max-width:none;min-height:100vh;min-height:100dvh;overflow:hidden;padding:max(8px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));position:fixed;-webkit-transform:none;transform:none;width:100%}.StoryGameHeader{flex-shrink:0}.StoryGameContainer>.StoryReaderScrollRegion{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.StoryGameContainer>.StoryControls{flex-shrink:0;margin-top:0;padding-top:8px}}.minimized-page{padding:5px;width:50%}.minimized-page__image-wrap{width:100%}.minimized-page__image-wrap--fixed{border-radius:5px;overflow:hidden}.minimized-page__image{border-radius:5px;display:block;width:100%}.minimized-page__image-wrap--fixed .minimized-page__image{border-radius:0;height:100%;object-fit:contain}.minimized-page__text{font-size:8px}.minimized-story{background:var(--otter-white);border-radius:5px;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);cursor:pointer;display:flex;flex-direction:row;left:20px;position:fixed;text-align:center;top:calc(50vh + 20px);width:300px;z-index:5000;z-index:var(--z-story-reader,5000)}.StoryControls{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:80px}.StoryReaderWithRail{align-items:stretch;gap:10px}.StoryPages,.StoryReaderWithRail{display:flex;flex-direction:row;width:100%}.StoryPages{gap:20px}.StoryPages--withRail{flex:1 1;min-width:0}.StoryPages--single{flex-direction:column;gap:16px}.StoryPages--single .StoryPage{width:100%}.StoryControls--iconNav .StoryControlNavArrow{min-width:2.75rem;padding-left:.65rem;padding-right:.65rem}@media (max-width:768px){.StoryReaderScrollRegion{display:flex;flex-direction:column;min-height:0;width:100%}.StoryReaderScrollRegion .StoryPages--single{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.StoryReaderScrollRegion .StoryPages--single .StoryPage{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain}}.StoryPage{border:1px solid grey;border-radius:5px;display:flex;flex-direction:column;min-height:0;padding-bottom:40px;position:relative;width:50%}.StoryPageImageWrap--frame{align-items:flex-start;display:flex;flex:0 0 auto;justify-content:center;margin-bottom:0;margin-left:auto;margin-right:auto;min-height:0;overflow:hidden;width:100%}.StoryPageImageWrap--frame .StoryPageImage{height:100%;object-fit:contain;width:100%}.StoryPageImageWrap--natural{flex:0 1 auto;min-height:0}.StoryPageImageWrap--natural .StoryPageImage{height:auto;max-height:100%;object-fit:contain;width:100%}.StoryPageTextRegion{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-height:0}.StoryPageText{flex-shrink:0;font-size:16px;font-weight:400;margin:0;padding-left:20px;padding-right:20px;text-align:center}.StoryPageNumber{bottom:5px;font-size:14px;position:absolute}.StoryPageLeft .StoryPageNumber{right:20px}.StoryPageRight .StoryPageNumber{left:20px}@media only screen and (min-width:768px){.StoryPageText{font-size:18px}}@media only screen and (min-width:992px){.StoryPageText{font-size:20px}}.StorySpreadNavRail{-ms-overflow-style:none;align-self:stretch;background:var(--otter-neutral);border:1px solid var(--otter-border);border-radius:6px;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;gap:6px;max-height:min(72vh,calc(100vh - 10.5rem));min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:6px 4px;scrollbar-width:none;width:4.5rem}.StorySpreadNavRail::-webkit-scrollbar{display:none}.StorySpreadNavRail__btn{background:transparent;border:2px solid transparent;border-radius:6px;cursor:pointer;flex:0 0 auto;line-height:0;padding:3px;width:100%}.StorySpreadNavRail__btn:hover{background:color-mix(in srgb,var(--otter-slate) 10%,var(--otter-neutral));border-color:color-mix(in srgb,var(--otter-slate) 28%,var(--otter-border))}.StorySpreadNavRail__btn--active{background:var(--otter-white);border-color:var(--otter-slate);box-shadow:0 1px 4px rgba(0,0,0,.12)}.StorySpreadNavRail__thumbWrap{aspect-ratio:1;background:color-mix(in srgb,var(--otter-slate) 12%,var(--otter-neutral));border-radius:4px;display:block;overflow:hidden;width:100%}.StorySpreadNavRail__thumb{display:block;height:100%;object-fit:contain;width:100%}@media (max-width:768px){.StorySpreadNavRail{display:none}}.StoryMatchImages{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center}.StoryMatchImage{flex:1 1;max-width:30%}.StoryMatchImageFrame{overflow:hidden;position:relative;width:100%}.StoryMatchImageImg{cursor:pointer;display:block;height:100%;object-fit:contain;width:100%}.StoryMatchInstruction{color:gray;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-style:italic;margin-top:60px;text-align:center}.StoryMatchPickFeedback{align-items:center;background:hsla(0,0%,100%,.38);display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.StoryMatchPickFeedback__badge{align-items:center;border:1px solid hsla(0,0%,100%,.45);border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.35);display:flex;height:clamp(3rem,18vw,4.25rem);justify-content:center;width:clamp(3rem,18vw,4.25rem)}.StoryMatchPickFeedback__badge--correct{background:#aed581}.StoryMatchPickFeedback__badge--wrong{background:#ef9a9a}.StoryMatchPickFeedback__icon{color:hsla(0,0%,100%,.98);-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));font-size:clamp(1.5rem,9vw,2.25rem)}@media only screen and (max-width:767px){.StoryMatchPickFeedback__badge{height:clamp(2.125rem,11vw,2.75rem);width:clamp(2.125rem,11vw,2.75rem)}.StoryMatchPickFeedback__icon{font-size:clamp(.95rem,5.5vw,1.35rem)}}.PlaymatClearButton{background:transparent;border:none;color:#fff;cursor:pointer;opacity:.5;position:absolute;right:20px;top:20px;z-index:100}
/*# sourceMappingURL=main.0406c2de.css.map*/