*{box-sizing:border-box}body{line-height:1;font-family:Roboto,sans-serif;background-color:#192022}html,body{overflow:hidden;margin:0;padding:0}.maincont{width:100%;display:flex;justify-content:center;align-items:center;height:100vh;transform:rotateX(-20deg) translateY(-70px);transform-style:preserve-3d;perspective:800px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab}.carousel-image{position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;width:200px;height:200px;transform:translateZ(-10px);display:flex;justify-content:center;align-items:center;color:#fff;font-size:32px;transform-origin:50% 50%;overflow:hidden}.carousel-image:first-of-type{transform:translateZ(242px) rotateY(0)}.carousel-chapter{transform-style:preserve-3d;position:absolute;width:100%;height:100%}.lazy,.skrj{opacity:0;transition:opacity 1.6s ease}.show{opacity:1;transition:opacity .2s ease}.showlazy{opacity:1}.hide{opacity:0;transition:opacity .2s ease}.invis{opacity:0}.subtit{position:absolute;width:80%;text-align:center;left:50%;top:10%;margin:0;transform:translate(-50%);font-weight:600;font-size:1.3em;font-size:16px}.pic,.image-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:auto}.pic2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;width:auto}.image-text{text-align:center}@media(max-aspect-ratio:192/108){.pic{height:100%;width:auto}}#tprogress{position:fixed;bottom:0;right:0;width:4px;height:0%;background:#fff;background:linear-gradient(180deg,#00ffd5,#00b8ff,#fff);opacity:.5;transition:height .1s linear}#tprogress-title{position:fixed;top:8px;color:#fff;right:16px;font-size:12px;opacity:.7}#tprogress-cont{transition:opacity .5s ease;pointer-events:none;z-index:3}#tprogress-txt{color:#fff;font-family:monospace}#loadbar{position:fixed;inset:0;background:#fff;background:#192022;z-index:3;pointer-events:none;transition:opacity .4s ease;display:flex;justify-content:center;align-items:center;color:#fff;border:solid #40E0D0 0px}#loadbar-progress{position:absolute;position:fixed;bottom:0;left:0;height:4px;width:0%;background:#40e0d0;background:#fff;transition:width .1s linear}#loadbar-text{position:fixed;bottom:8px;right:16px;font-family:monospace}.no-js #loadbar,.no-js #tprogress-cont,.no-js .threediv,.no-js .testdiv,.no-js .slisvg,.no-js .line_bar,.no-js .lazy{display:none!important}.no-js .maincont{display:block!important;height:auto!important;transform:none!important;overflow:visible!important;perspective:none!important;cursor:auto!important}html.no-js,html.no-js body{overflow:auto!important;height:auto!important}.no-js .carousel-chapter{position:relative!important;height:auto!important;display:block!important;transform:none!important}.no-js .carousel-image{position:relative!important;top:auto!important;left:auto!important;margin:0!important;width:100%!important;min-height:100vh!important;transform:none!important;flex-direction:column;border-bottom:1px solid #ddd;padding:20px;background:#192022}.no-js h3.subtit{top:25%!important}.no-js noscript video{width:100%!important;height:auto!important}.seo-nav{display:none}.no-js .seo-nav{display:block;background:#fff;border-bottom:1px solid #eee;position:fixed;top:0;left:0;width:100%;z-index:1}.no-js .seo-nav ul{text-align:center;padding:0}.no-js .seo-nav li{display:inline-block;margin:2px 10px}.no-js .seo-nav a{text-decoration:underline;color:#000;font-size:18px}.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.threediv{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:0}.ball{fill:#faebd7;visibility:hidden}.slisvg{height:25%;width:90%;position:absolute;left:5%;top:58%;z-index:2;pointer-events:none}.svgtxt{font-size:64px;text-anchor:middle;dominant-baseline:middle;fill:#d0b886}.svglin{fill:none;stroke:#937b69;stroke:#d0b886;stroke:red;stroke:#f2ddc9;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.progress-bars-container{position:fixed;left:5%;width:90%;height:20%;z-index:2;pointer-events:none}.line_bar{bottom:2px;height:10%;min-height:70px}.progress-line-svg,.soundtooltip{width:100%;display:block;max-height:48px;max-height:65px;z-index:1}.progress-line-fg{fill:none;stroke:#444;stroke:#40e0d0;stroke-width:3;stroke-linecap:round}.progress-line-bg{fill:none;stroke:#888;opacity:.5;stroke-width:6;stroke-linecap:round}.progress-line-svg{pointer-events:auto}.chapter-marker-circle{fill:#888;fill:transparent;stroke:#888;stroke-width:1;stroke-width:0;cursor:pointer;transition:fill .2s ease}.chapter-marker-circleic{fill:#ff0;fill:#888;transition:fill .2s ease}.chapter-marker-text{fill:#fff;font-size:1em;text-anchor:middle;dominant-baseline:central;pointer-events:none;transition:fill .2s ease}.text-active{fill:#000;transition:fill .2s ease}.circle-active{fill:#40e0d0;transition:fill .2s ease}.line-chapter-text{fill:#40e0d0;font-size:1.5em;text-align:center;text-align:left;margin-top:5px;font-family:sans-serif}.line-chapter-text{pointer-events:auto}.chapter-marker-circle,.progress-line-chapter-marker-group,.progress-circle-chapter-marker-group{cursor:pointer}@media(hover:hover)and (pointer:fine){.progress-line-chapter-marker-group:hover .chapter-marker-circleic{fill:#40e0d0}.progress-line-chapter-marker-group:hover .chapter-marker-text{fill:#000}}.ch-txt-cont{position:absolute;top:25%;z-index:0;width:100%;display:block;max-height:65px}.progress-line-chapter-marker-group,.progress-circle-chapter-marker-group{-webkit-tap-highlight-color:transparent;outline:none;cursor:pointer}.sound-off{fill:#888}.sound-on{fill:#40e0d0}.sound-marker-group{stroke:#fff;fill:transparent}.sound-circle-1{stroke-width:.6;stroke:#888;fill:transparent}.sound-circle-2{stroke-width:1.2;stroke:#888;fill:transparent}.sound-circle-3{stroke-width:1.8;stroke:#888;fill:transparent}.pitch{stroke-width:1.1;stroke:#000;fill:#40e0d0;stroke-linecap:round;pointer-events:none}.icon-off{fill:transparent;stroke:#fff}.maskfill{fill:#40e0d0;pointer-events:none;stroke:none;opacity:1;transition:opacity .2s ease}.maskfill-off{opacity:0;transition:opacity .1s ease}.sound-marker-group{-webkit-tap-highlight-color:transparent;outline:none;cursor:pointer}