@charset "UTF-8";.zoom-view{position:relative;overflow:hidden;touch-action:none}.zoom-view__inner{position:absolute;will-change:transform;transform-origin:0 0}.connect-dots-stage{position:relative;display:grid;flex:1 0 auto;grid-template-columns:1fr 1fr;grid-auto-rows:auto}@keyframes dotPulse{0%{transform:scale(1);opacity:0}50%{opacity:1}to{transform:scale(6);opacity:0}}.connect-dots-stage{overflow:hidden}.connect-dots-stage__inner,.connect-dots-stage__image,.connect-dots-stage__line{position:absolute}.connect-dots-stage__inner{top:0;left:0;width:100%;height:100%}.connect-dots-stage__image,.connect-dots-stage__line{left:calc(30 * var(--pixel-scaled, 1px));top:calc(30 * var(--pixel-scaled, 1px));width:calc(100% - 60 * var(--pixel-scaled, 1px));height:calc(100% - 60 * var(--pixel-scaled, 1px))}.connect-dots-stage__inner{padding:calc(30 * var(--pixel-scaled, 1px))}.connect-dots-stage__inner:before{content:"";position:absolute;left:calc(30 * var(--pixel-scaled, 1px));top:calc(30 * var(--pixel-scaled, 1px));width:calc(100% - 60 * var(--pixel-scaled, 1px));height:calc(100% - 60 * var(--pixel-scaled, 1px));background-color:#fff}.connect-dots-stage__frame{position:absolute;z-index:100;left:calc(30 * var(--pixel-scaled, 1px) - 4px);top:calc(30 * var(--pixel-scaled, 1px) - 4px);width:calc(100% - 60 * var(--pixel-scaled, 1px) + 8px);height:calc(100% - 60 * var(--pixel-scaled, 1px) + 8px);border-image:url(../images/ui/image-border.png) 14/8px;pointer-events:none;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden}.connect-dots-stage__line{z-index:20;transition:opacity .8s ease-in-out}.connect-dots-stage--finished.connect-dots-stage--no-bg .connect-dots-stage__line{opacity:0}.connect-dots-stage__image{z-index:10}.connect-dots-stage__image--final{z-index:30;opacity:0;pointer-events:none;transition:opacity .8s ease-in-out}.connect-dots-stage--finished .connect-dots-stage__image--final{opacity:1}.connect-dots-stage .zoom-view{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (min-width: 1000px){.connect-dots-stage__frame{left:calc(30 * var(--pixel-scaled, 1px) - 6px);top:calc(30 * var(--pixel-scaled, 1px) - 6px);width:calc(100% - 60 * var(--pixel-scaled, 1px) + 12px);height:calc(100% - 60 * var(--pixel-scaled, 1px) + 12px);border-image:url(../images/ui/image-border.png) 14/12px}}.zoom-button{position:absolute;z-index:1000;top:0;right:0;display:flex;margin:10px 10px 0 0;padding:12px;border-radius:50%;cursor:pointer;background:var(--zoom-button-backround-color, rgba(255, 255, 255, .5));backdrop-filter:blur(10px);border:1px solid #000}.zoom-button__image{display:block;width:24px;height:24px}@media screen and (min-width: 1000px){.zoom-button{padding:20px;margin:20px;border-width:2px}.zoom-button__image{width:44px;height:44px}}.back-button{position:fixed;z-index:1000;top:0;left:0;padding:10px;margin:10px 6px;cursor:pointer}.back-button__image{display:block;width:50px}@media screen and (min-width: 1000px){.back-button{margin:15px 10px;padding:15px}.back-button__image{width:100px}}.bamse-reward{display:flex;justify-content:center;align-items:center}.bamse-reward__stage{position:relative}.bamse-reward__image{position:relative;overflow:hidden}.bamse-reward__image-img{position:absolute;top:0;left:0;max-block-size:none;max-width:none;will-change:transform}.bamse-reward__star{position:absolute;top:50%;left:50%;will-change:transform}.bamse-reward__star-inner{display:block;transform:translate(-50%,-50%)}.conntect-dots-level{user-select:none;font-family:Bamse,sans-serif}.conntect-dots-level__level{display:grid;height:var(--screen-height, 100vh)}.conntect-dots-level__stage{position:relative;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;flex:1 0 auto}.conntect-dots-level__back{z-index:1100}.conntect-dots-level__reward{background:url(../images/backgrounds/blue.png) repeat center center;background-attachment:fixed;background-size:189px auto;position:absolute;top:0;left:0;z-index:1500;visibility:hidden;transition:visibility var(--fade-duration),opacity var(--fade-duration) ease-in-out;width:100%;height:100%}@media screen and (min-width: 1000px){.conntect-dots-level__reward{background-size:378px auto}}@media screen and (min-width: 1000px) and (min-resolution: 2dppx){.conntect-dots-level__reward{background-image:url(../images/backgrounds/blue@2x.png);background-size:378px auto}}.conntect-dots-level--show-reward .conntect-dots-level__reward{visibility:visible;opacity:1}.level-list{padding:80px min(18vw,28px);--gap: 40px}.level-list__tiles{margin:0 auto;display:grid;gap:var(--gap);grid-template-columns:repeat(var(--level-list-columns),minmax(134px,1fr));grid-template-rows:auto}.level-list__tile{display:flex;justify-content:center}@media screen and (min-width: 1000px){.level-list{--gap: 80px;padding:120px 80px}.level-list__tiles{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-width:calc(var(--level-list-columns) * 280px + (var(--level-list-columns) - 1) * var(--gap) + 140px)}}.tile{max-width:134px;opacity:0}@keyframes tileIn{0%{transform:rotate(0);opacity:0}80%{transform:rotate(0);opacity:1}to{transform:rotate(var(--tile-angle));opacity:1}}@keyframes fade{0%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.95)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.tile--state-visible{animation:tileIn 1s ease-in-out forwards;animation-delay:var(--tile-animation-delay)}.tile--state-fade,.tile--state-pulse{transform:rotate(var(--tile-angle));opacity:1}.tile--state-fade .tile__inner{animation:fade .6s ease-in-out forwards}.tile--state-pulse .tile__inner{animation:pulse 1s linear infinite}.tile__inner{position:relative;aspect-ratio:1;cursor:pointer}.tile__contents{position:absolute;top:6%;left:6%;display:flex;justify-content:center;align-items:center;width:88%;height:88%;background-color:var(--tile-color)}.tile__image{max-width:100%;max-height:100%;display:block;width:auto;height:auto}.tile--padding .tile__image{max-width:86%;max-height:86%}.tile--hide-content .tile__image{filter:url(#tile-hidden-stroke)}.tile__frame{position:relative;width:100%;display:block}@media screen and (min-width: 1000px){.tile{max-width:280px}}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}body{-webkit-touch-callout:none!important;user-select:none!important;touch-action:none}@font-face{font-family:Bamse;font-style:normal;font-weight:400;src:url(../fonts/BamseNordic.woff2) format("woff2")}@font-face{font-family:Bamse;font-style:normal;font-weight:700;src:url(../fonts/BamseNordic-Bold.woff2) format("woff2")}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}html,body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{user-select:none}.game-screen{background:url(../images/backgrounds/yellow.png) repeat center center;background-attachment:fixed;background-size:189px auto;position:fixed;width:100%;height:var(--screen-height, 100vh)}@media screen and (min-width: 1000px){.game-screen{background-size:378px auto}}@media screen and (min-width: 1000px) and (min-resolution: 2dppx){.game-screen{background-image:url(../images/backgrounds/yellow@2x.png);background-size:378px auto}}.game-screen--green{background:url(../images/backgrounds/green.png) repeat center center;background-attachment:fixed;background-size:189px auto}@media screen and (min-width: 1000px){.game-screen--green{background-size:378px auto}}@media screen and (min-width: 1000px) and (min-resolution: 2dppx){.game-screen--green{background-image:url(../images/backgrounds/green@2x.png);background-size:378px auto}}.game-screen--blue{background:url(../images/backgrounds/blue.png) repeat center center;background-attachment:fixed;background-size:189px auto}@media screen and (min-width: 1000px){.game-screen--blue{background-size:378px auto}}@media screen and (min-width: 1000px) and (min-resolution: 2dppx){.game-screen--blue{background-image:url(../images/backgrounds/blue@2x.png);background-size:378px auto}}.game-screen--pale{background:url(../images/backgrounds/pale.png) repeat center center;background-attachment:fixed;background-size:189px auto}@media screen and (min-width: 1000px){.game-screen--pale{background-size:378px auto}}@media screen and (min-width: 1000px) and (min-resolution: 2dppx){.game-screen--pale{background-image:url(../images/backgrounds/pale@2x.png);background-size:378px auto}}.game-screen__scroll{max-height:var(--screen-height, 100vh)}.game-screen__nav,.game-screen__content{position:absolute;width:100%;height:100%;transition:opacity var(--fade-duration) ease-in-out,visibility var(--fade-duration)}.game-screen__nav{opacity:0;visibility:hidden}.game-screen--nav-visible .game-screen__nav{opacity:1;visibility:visible}.game-screen__content{position:fixed;width:100%;height:100%;opacity:0}.game-screen--level-visible .game-screen__content{position:relative;opacity:1}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
