*{margin:0;padding:0;font:inherit;color:inherit}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}img{display:block;max-width:100%}button{background:none;border:0;cursor:pointer}ul{list-style:none}html,body{height:100%;font-family:SUIT Variable,sans-serif;font-size:30px;font-weight:200;font-style:normal;line-height:1.2;font-smooth:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}@font-face{font-family:SUIT Variable;font-weight:100 900;src:url(../fonts/SUIT-Variable.woff2) format("woff2-variations")}.app{position:relative;height:100%}.app .main{height:100%}.app .main canvas{display:block;position:fixed;top:0;left:0;width:100%;height:100%;-ms-touch-action:none;touch-action:none}.app .sidebar{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;margin:2rem 1.5rem;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.app .sidebar.open{opacity:1}.app .sidebar .btn-sound,.app .sidebar .btn-story{position:relative;width:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.125rem;pointer-events:auto}.app .sidebar .btn-sound .circle,.app .sidebar .btn-story .circle{width:.9rem;height:.9rem;border:1px solid #000;border-radius:50%;background:#0000;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.app .sidebar .btn-sound[aria-pressed=true] .circle,.app .sidebar .btn-story[aria-pressed=true] .circle{background:#000}.app .sidebar .btn-sound img,.app .sidebar .btn-story img{position:absolute;bottom:0;left:0;width:100%;height:auto}.app .sidebar .sound .btn-sound{position:absolute;top:0;left:0}.app .sidebar .sound .sound-panel{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.app .sidebar .sound .sound-panel.open{opacity:1}.app .sidebar .sound .sound-panel .sound-hint{position:absolute;top:1.5rem;left:2rem;font-size:.5rem;border:.5px solid #000;background:#fff;padding:.25rem .4rem}.app .sidebar .sound .sound-panel .progress-bar{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem;z-index:1}.app .sidebar .sound .sound-panel .progress-bar .track{position:relative;width:10rem;height:.3rem;border-radius:1rem;background:#000}.app .sidebar .sound .sound-panel .progress-bar .track .track-marker{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.4rem;height:.4rem}.app .sidebar .sound .sound-panel .progress-bar .track .track-marker img{width:100%;height:auto}.app .sidebar .sound .sound-panel .progress-bar .marker img{width:.6rem;height:auto}.app .sidebar .zoom{position:absolute;top:0;right:8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.25rem;pointer-events:auto}.app .sidebar .story{position:absolute;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.app .sidebar .story .story-panel{border:.5px solid #000;background:#fff;font-size:.5rem;padding:1rem;opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.app .sidebar .story .story-panel.open{opacity:1;pointer-events:auto}.app .sidebar .story .story-panel .story-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.app .sidebar .story .story-panel .story-list .story-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem}.app .sidebar .story .story-panel .story-list .story-item .story-link{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:.125rem}.app .sidebar .story .story-panel .story-list .story-item .story-link button{text-align:left;line-height:.75rem}.app .sidebar .story .story-panel .story-list .story-item:not(:first-child) .story-link:before{content:"";position:absolute;top:-.25rem;left:0;right:0;height:.5px;background:#000}.app .sidebar .story .story-panel .story-list .story-item .story-stage{width:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.app .sidebar .story .story-panel .story-list .story-item .story-stage button{--icon-size: 100%;position:relative}.app .sidebar .story .story-panel .story-list .story-item .story-stage button img{width:var(--icon-size);height:auto}.app .sidebar .story .story-panel .story-list .story-item .story-stage button .on{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}.app .sidebar .story .story-panel .story-list .story-item .story-stage button.active .on{opacity:1}