*,:before,:after{box-sizing:border-box}*{font:inherit;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{min-height:100vh}:root{color-scheme:only light;--gold:#cea023;--gold1:#ffba00;--gold2:#a48f39;--blue:#10a5da;--blue1:#38caff;--blue2:#879eac;--gray:#d6d6d6;--gray1:#9f9f9f;--dark:#303030;--goldHighlight:#ffc937;--gold1Highlight:#ffe684;--gold2Highlight:#b9ac78;--blueHighlight:#a5d2fc;--blue1Highlight:#c4e3ff;--blue2Highlight:#accce0;--grayHighlight:#ededed;--gray1Highlight:#ddd;--darkHighlight:#999;--goldText:#cea023;--gold1Text:#ecb826;--gold2Text:#a48f39;--blueText:#10a5da;--blue1Text:#6dc1f5;--blue2Text:#50abe2;--grayText:#a8a8a8;--gray1Text:#7a7a7a;--darkText:#777;--bg0:gray;--bgColorHue:0;--bgColorSat:0%;--bgColorLevel:10%;--bgColor:hsl(var(--bgColorHue),var(--bgColorSat),var(--bgColorLevel))}html{--primaryColor:var(--gold);--primaryColorHighlight:var(--goldHighlight);--primaryColorText:var(--goldText)}html[data-bg-with-hue]{--bgColorSat:67%}html,body{width:100%;height:100%;background-color:var(--bgColor);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;background-color:#1d2965;outline:none;margin:0;padding:0;font-size:16px;transition:background-color .2s;overflow:hidden}input,input:before,input:after{-webkit-user-select:initial;-khtml-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}html,body,.s47font{letter-spacing:-.026rem;font-family:Montserrat Alternates,Arial,Helvetica,sans-serif;font-weight:400}em{letter-spacing:-1px;opacity:.8;font-style:normal;font-weight:500}*{-webkit-user-select:none;user-select:none}body{background-blend-mode:multiply;background-color:#069;background-position:50%;background-repeat:no-repeat;background-size:100% 100%}html:not([data-jwst]) body{background-image:url(wood2.09faccc1.jpg)!important}html[data-jwst] body{background-blend-mode:normal!important;background-color:#000!important;background-size:cover!important}html[data-init] body{background-color:#013}#introText{width:100vw;height:94vh;z-index:20;justify-content:center;align-items:center;margin:auto;display:flex}#introText span{white-space:nowrap;color:#fff;opacity:0;letter-spacing:.4em;font-family:Times New Roman,Times,serif;font-size:clamp(32px,6vw,96px);transition:opacity .8s,letter-spacing 4s ease-out}#bgTexture{width:100%;height:100%;pointer-events:none;background-color:#000e30;display:none;position:absolute;top:0;left:0}html[data-jwst] #bgTexture{transition:background-color 1s;display:block}#appInfo{z-index:11;text-align:right;color:#fff3;letter-spacing:2px;opacity:.65;padding:.3rem 1.3rem 2.1rem .5rem;font-size:1.1rem;font-weight:800;transition:opacity .4s,color .4s;display:inline-block;position:absolute;bottom:0;right:0}#revisionDate{font-size:.85rem;font-weight:400}#revisionDate.highlight{color:#ff831e}#appInfo:hover{color:#fff;opacity:1}#btnAbout{color:#fff3;cursor:pointer;text-decoration:none;transition:color .4s;display:inline-block}#btnAbout:hover{color:#999!important}#appInfo:hover #btnAbout{color:#fff;opacity:1}#btnDevHome,#btnDevLogs{color:#777;letter-spacing:1px;margin:.8rem 0;font-size:1rem;font-weight:400;text-decoration:none;display:none}#btnDevHome.show,#btnDevLogs.show{display:block}#btnDevHome.show:hover,#btnDevLogs.show:hover{color:#bbb;text-decoration:underline}#btnShowHint{width:1.5rem;color:#fff;opacity:.25;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:1rem;margin-left:.4rem;transition:opacity .4s,color .4s,border-color .4s;display:inline-block}#btnShowHint:hover{background-color:#666}#appInfo:hover #btnShowHint{opacity:1}html[data-show-hint] #btnShowHint{color:#05ff00;opacity:1;background-color:#05ff0055;border-color:#05ff00}#btnFullscreen{z-index:10;text-align:right;color:#fff8;letter-spacing:2px;opacity:.5;cursor:pointer;padding:.6rem 1rem 1rem;font-size:1rem;font-weight:200;transition:opacity .4s;display:inline-block;position:absolute;top:0;right:0}#btnFullscreen:hover{color:#fff;opacity:1}#btnFullscreen:not(.capable){display:none}html[data-fullscreen=on] #btnFullscreen:before{content:"EXIT "}#textClockContainer{width:100%;z-index:10;justify-content:center;display:flex;position:absolute;bottom:2rem;left:1rem}#textClock{text-align:center;color:var(--primaryColorText);letter-spacing:.06em;opacity:.55;pointer-events:all;cursor:pointer;font-size:clamp(24px,4vw,50px);font-weight:200;transition:color 1s,opacity 1s,transform 1s;display:none;transform:scale(1)}#textClock:hover{color:var(--primaryColorHighlight);opacity:1;transform:scale(1.1)}#textClock:after{content:attr(apm);text-align:left;padding-left:.25em;font-size:.37em;font-weight:400;display:inline-block}#textClock.second:after,#textClock.ampm:after{min-width:3rem}#textClock.second.ampm:after{min-width:6rem}#textClock.show{display:block}#textClock.highlightTime{color:var(--primaryColorHighlight);opacity:1;transition-duration:.2s,.2s,.6s;transform:scale(1.2)}#svgContainer{width:100%;height:100%}#svgContainer>svg{width:100%;height:100%;pointer-events:none;mix-blend-mode:hard-light;transition:opacity 1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#svgContainer [id^=textHintActive]{stroke:#042d00;stroke-width:.5px}html:not([data-show-hint]) #svgContainer [id^=textHint]{display:none}#svgContainer>svg #dwClock.highlightTime .timeIndicator{--primaryColor:var(--primaryColorHighlight)}#svgContainer>svg #dwClock.highlightTime .timeIndicator50{--primaryColor:var(--primaryColorHighlight);opacity:.56}#svgContainer>svg *{pointer-events:none;transition:transform .4s}#svgContainer>svg #dwClock{transform:var(--dwClockTranslateCenterPlus)scale(var(--dwClockScale))rotate(var(--dwClockRotate))var(--dwClockTranslateCenterMinus);transition:transform var(--shatteredStartingDur)ease-in-out}#svgContainer>svg #dwClock>g{transition:transform .4s}#svgContainer>svg #tardisGroup #tardis{opacity:0;fill:var(--primaryColorHighlight);display:none}#svgContainer>svg #tardisGroup.show #tardis{display:unset;opacity:1;animation-name:tardisAnimation;animation-duration:3s;animation-timing-function:ease-in;animation-iteration-count:1;animation-direction:normal}@keyframes tardisAnimation{0%{opacity:0;transform:var(--translateCenterPlus)rotate(0deg)var(--rndScale)var(--translateCenterMinus)}11%{opacity:.7;transform:var(--translateCenterPlus)rotate(0deg)var(--rndScale)var(--translateCenterMinus)}22%{opacity:0;transform:var(--translateCenterPlus)rotate(0deg)var(--rndScale)var(--translateCenterMinus)}35%{opacity:1;transform:var(--translateCenterPlus)rotate(0deg)var(--rndScale)var(--translateCenterMinus)}47%{transform:var(--translateCenterPlus)rotate(0deg)var(--rndScale)var(--translateCenterMinus)}to{transform:var(--rndTranslate)var(--translateCenterPlus)var(--rndRotate)var(--rndScale)var(--translateCenterMinus)}}html:not([data-init-no-pointer]) #svgContainer>svg [id^=hitArea]{pointer-events:all;cursor:pointer;transition:stroke .6s .25s,stroke-opacity .6s,stroke-width .6s,transform .4s}#svgContainer>svg [id^=hitArea]:hover{stroke:var(--primaryColorHighlight);stroke-opacity:1;stroke-width:9px}#svgContainer>svg [id^=hitArea]~:not([id^=textHint]):not([id^=movingNode]){transition:stroke .5s,transform .4s}#svgContainer>svg [id^=hitArea]:hover~:not([id^=textHint]){stroke:var(--primaryColorHighlight)}html[data-show-hint] #svgContainer>svg [id^=hitArea]:hover~[id^=textHint]{animation-name:blinking;animation-duration:2s;animation-timing-function:ease;animation-iteration-count:infinite;animation-direction:normal;animation-delay:0s}#mainGroup0 [id^=movingNodeSecond]{transition:transform 1s linear}#mainGroup0 [id^=movingNodeMinute]{transition:transform 1.8s ease-in-out}#mainGroup0 [id^=decor0]{transition:transform .1s ease-in-out!important}#mainGroup0 [id^=decor1]{animation-name:circle360;animation-duration:4s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:reverse}#mainGroup0 [id^=decor2]{animation-name:circle360;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal}#mainGroup0 [id^=decor3]{animation-name:circle360w12steps;animation-duration:30s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}#mainGroup0 [id^=decor4]{animation-name:circle360;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:reverse}#mainGroup2 [id^=movingNodeSecond]{transition:transform .8s ease-in-out}#mainGroup2 [id^=decor1]{animation-name:circle360w4steps;animation-duration:30s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:normal}#mainGroup6{animation-name:circle360;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal}#mainGroup7Back [id^=decor1]{animation-name:circle360w4steps;animation-duration:10s;animation-timing-function:ease-in;animation-iteration-count:infinite;animation-direction:alternate}#mainGroup7Back [id^=decor2]{animation-name:circle360w4steps;animation-duration:5s;animation-timing-function:ease-out;animation-iteration-count:infinite;animation-direction:alternate-reverse}@keyframes circle360{0%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(0deg)var(--translateCenterMinus)}to{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(360deg)var(--translateCenterMinus)}}@keyframes circle360w12steps{0%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(0deg)var(--translateCenterMinus)}8.33%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(30deg)var(--translateCenterMinus)}16.67%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(60deg)var(--translateCenterMinus)}25%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(90deg)var(--translateCenterMinus)}33.33%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(120deg)var(--translateCenterMinus)}41.67%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(150deg)var(--translateCenterMinus)}50%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(180deg)var(--translateCenterMinus)}58.33%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(210deg)var(--translateCenterMinus)}66.67%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(240deg)var(--translateCenterMinus)}75%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(270deg)var(--translateCenterMinus)}83.33%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(300deg)var(--translateCenterMinus)}91.67%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(330deg)var(--translateCenterMinus)}to{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(360deg)var(--translateCenterMinus)}}@keyframes circle360w4steps{0%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(0deg)var(--translateCenterMinus)}25%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(90deg)var(--translateCenterMinus)}50%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(180deg)var(--translateCenterMinus)}75%{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(270deg)var(--translateCenterMinus)}to{transform:var(--defaultTranslate)var(--translateCenterPlus)rotate(360deg)var(--translateCenterMinus)}}#mainGroup0 [id^=movingNodeHour] [id^=tinyCircle]{animation-name:circle360;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:reverse}#svgContainer>svg [id^=mainGroup],#svgContainer>svg [id^=mainGroup] *{--defaultTranslate:var(--rndTranslate,translate(0,0));transform:var(--defaultTranslate)}#svgContainer>svg [id^=mainGroup][data-shattered=starting] *{transition-duration:var(--shatteredStartingDur)!important;transition-timing-function:ease-out!important}#svgContainer>svg [id^=mainGroup][data-shattered=ending] *{transition-duration:var(--shatteredEndingDur)!important;transition-timing-function:ease-in-out!important}#svgContainer>svg [id^=mainGroup][data-shattered] mask{display:none}html[data-shattered=mainGroup0] #mainGroup0,html[data-shattered=mainGroup1] #mainGroup1,html[data-shattered=mainGroup2] #mainGroup2,html[data-shattered=mainGroup3] #mainGroup3,html[data-shattered=mainGroup4] #mainGroup4,html[data-shattered=mainGroup5] #mainGroup5,html[data-shattered=mainGroup5] #mainGroup6,html[data-shattered=mainGroup7] #mainGroup7{animation-name:blinking;animation-duration:1.3s;animation-timing-function:ease;animation-iteration-count:infinite;animation-direction:normal;animation-delay:.1s;--translateCenterPlus:var(--shatteredTranslateCenterPlus)!important;--translateCenterMinus:var(--shatteredTranslateCenterMinus)!important}html[data-shattered=mainGroupAll] svg [id^=mainGroup]{--translateCenterPlus:var(--shatteredTranslateCenterPlus)!important;--translateCenterMinus:var(--shatteredTranslateCenterMinus)!important}html[data-shattered=mainGroupAll] svg [id^=mainGroup] *{transition-duration:.8s!important;transition-timing-function:ease-out!important;transition-delay:0!important;animation-duration:.8s!important;animation-timing-function:ease-out!important;animation-delay:0!important}@keyframes blinking{0%{opacity:1}15%{opacity:.5}19%{opacity:.5}25%{opacity:.9}28%{opacity:.9}38%{opacity:.2}55%{opacity:.8}75%{opacity:.2}to{opacity:1}}