@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:#d4e7fa;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:#0da8ea;color:#fff}.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:#2c2c2c;color:#fff;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:#040247;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;height:75px;margin-right:10px;padding:10px;width:130px}.BlockSets button.selected,.BlockSets button:hover{background:#0da8ea}@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}.CardPlayButton{background:#0da8ea;color:#fff;padding:10px 20px}.CardGameContainer{align-items:center;display:flex;justify-content:center;left:1%;position:absolute;top:51%}.Card{background:#fff;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:#5b5b5b;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}}.btn-story-play{background:#b04cc3;color:#fff;padding:10px 20px}.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:#fff;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:#5b5b5b;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;position:absolute;right:10px;top:10px;z-index:1}.StoryPickerClose:hover{background:#efefef;border-radius:4px}.StoryPickerTitle{color:#222;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:#fafafa;border:1px solid #ccc;border-radius:10px;color:#222;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:#eef6ff;border-color:#8ab4e8}.StoryPickerCoverWrap{aspect-ratio:960/1419;background:#fff;border:1px solid #ddd;border-radius:8px;margin:0 auto;overflow:hidden;width:100%}.StoryPickerCoverWrap--loading{background:#e8e8e8}.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:#fff;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:#3d5a80;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:#293e5c}.WindowControls{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:10px;justify-content:flex-end;padding:0}.WindowControl{background:none;color:#5b5b5b;font-size:20px}.WindowControl:hover{background:#efefef}@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:#fff;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:center;display:flex;flex:1 1;justify-content:center;margin-bottom:20px;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%}.StoryPageText{flex-shrink:0;font-size:16px;font-weight:400;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:#f0f0f0;border:1px solid #d0d0d0;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:#e4e4e4;border-color:silver}.StorySpreadNavRail__btn--active{background:#fff;border-color:#666;box-shadow:0 1px 4px rgba(0,0,0,.12)}.StorySpreadNavRail__thumbWrap{aspect-ratio:1;background:#ddd;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%,.45);display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.StoryMatchPickFeedback__badge{align-items:center;background:hsla(0,0%,98%,.97);border:1px solid rgba(0,0,0,.12);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.18),inset 0 0 0 1px hsla(0,0%,100%,.8);display:flex;height:clamp(3rem,18vw,4.25rem);justify-content:center;width:clamp(3rem,18vw,4.25rem)}.StoryMatchPickFeedback__icon{font-size:clamp(1.5rem,9vw,2.25rem)}.StoryMatchPickFeedback__badge--correct .StoryMatchPickFeedback__icon{color:#0d4f1c}.StoryMatchPickFeedback__badge--wrong .StoryMatchPickFeedback__icon{color:#9b1010}.PlaymatClearButton{background:transparent;border:none;color:#fff;cursor:pointer;opacity:.5;position:absolute;right:20px;top:20px;z-index:100}
/*# sourceMappingURL=main.32e50da5.css.map*/