*{box-sizing:border-box;font:unset}body{margin:30px;font-family:sans-serif}button{background:unset;color:currentColor;border:1px solid currentColor;padding:16px;cursor:pointer;border-radius:unset}input{border-radius:unset;border:1px solid currentColor;padding:16px}img{display:block;max-width:100%}h1{font-size:48px}h2{font-size:32px}h3{font-size:24px}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}[is=static-user-score]{--offset: 16px;bottom:var(--offset);left:var(--offset);position:fixed;transition:all .2s linear;z-index:1001;background-color:gold;border-radius:99px;padding:4px 16px;border:6px solid goldenrod;box-shadow:0 10px 20px #00000080;display:flex;justify-content:center;align-items:center}[is=static-user-score] .text{z-index:3;font-size:2.5rem;font-weight:700;color:#fff;text-shadow:2px 4px 4px rgba(0,0,0,.4);text-align:center}[is=static-user-score].animation{animation-duration:.8s;animation-name:addPoints;animation-timing-function:ease-in-out;perspective:1000px;transform-style:preserve-3d}[is=static-user-score].animation--add{animation-name:score-add}[is=static-user-score].animation--coin-flip{animation-name:flipCoin}[is=static-user-score].animation--substract{perspective:500;background-color:red;animation-name:hinge;transform-origin:top left}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}@keyframes score-add{0%{transform:scale(1) translate(0) rotate(0)}20%{transform:scale(1.3) translate(-15px) rotate(-10deg)}40%{transform:scale(1.5) translate(15px) rotate(10deg)}60%{transform:scale(1.3) translate(-10px) rotate(-8deg)}80%{transform:scale(1.5) translate(10px) rotate(8deg)}to{transform:scale(1) translate(0) rotate(0)}}@keyframes flipCoin{0%{transform:rotateX(0)}33%{transform:rotateX(360deg)}66%{transform:rotateX(720deg)}to{transform:rotateX(1080deg)}}[is=static-login]{display:flex;flex-wrap:wrap;gap:16px}[is=static-login] .loginButton[inert],[is=static-login] .registerButton[inert],[is=static-login] .logoutButton[inert]{display:none}[is=static-footer]{border-bottom:1px solid currentColor;margin-bottom:32px;padding-bottom:32px}[is=static-trophies]{position:fixed;top:0;left:0;width:100%;min-height:100dvh;max-height:100dvh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px;overflow-y:auto;z-index:99999999999999}[is=static-trophies][inert]{opacity:0}[is=static-trophies] .trophiesList{list-style:none;margin:60px 0 0;padding:0;gap:64px;display:flex;flex-wrap:wrap}@media (min-width: 768px){[is=static-trophies] .trophiesList{gap:128px}}[is=static-trophies] .trophiesList li{display:flex;justify-content:center;text-align:center;font-weight:700;flex-direction:column;align-items:center;gap:16px}[is=static-trophies] .trophiesList li .title{margin:0}[is=static-trophies] .trophiesList li img{border-radius:50%;width:100px;height:100px;object-fit:cover;overflow:hidden}[is=static-footer]{border-top:1px solid currentColor;margin-top:32px;padding-top:32px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}[is=static-scene-manager]{margin:60px 0}[is=static-scene-manager] .scenes{list-style:none;margin:0;padding:0;--columns: 1;gap:16px;display:grid;grid-template-columns:repeat(var(--columns),minmax(8px,1fr))}@media (min-width: 768px){[is=static-scene-manager] .scenes{--columns: 2}}@media (min-width: 1024px){[is=static-scene-manager] .scenes{--columns: 3}}@media (min-width: 1024px){[is=static-scene-manager] .scenes{--columns: 5}}[is=static-scene-manager] .scene{display:flex;flex-direction:column;gap:8px;background-color:#00f;border-radius:0 0 16px 16px;position:relative}[is=static-scene-manager] .scene:after{--offset: 8px;content:"";position:absolute;background-color:var(--accent, rgba(0, 0, 255, .3));border-radius:inherit;top:var(--offset);left:var(--offset);width:100%;height:100%;z-index:-3}[is=static-scene-manager] .scene .textWrapper{padding:16px}[is=static-scene-manager] .scene h3{margin:0}[is=static-scene-manager] .scene img{width:100%;height:auto}[is=static-scene-manager] .scene[data-solved=true]{--accent: lime}[is=static-loading-screen]{position:fixed;top:0;left:0;width:100%;height:100dvh;transition:all .2s linear;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;display:flex;justify-content:center;text-align:center;font-size:200%;font-weight:700;z-index:1000}[is=static-loading-screen][inert]{opacity:0}[is=static-celebration]{position:fixed;width:100%;height:100dvh;z-index:9999;top:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;transition:all .2s linear}[is=static-celebration][hidden]{opacity:0}[is=static-celebration] .badgeWrapper{position:relative}[is=static-celebration] .badge{animation:badge;animation-duration:.8s;animation-fill-mode:forwards;width:200px;height:200px;position:relative;overflow:hidden;border-radius:50%;outline:10px solid white;box-shadow:5px 20px 40px -10px #000c}[is=static-celebration] .title{position:absolute;top:100%;left:0;width:100%;display:flex;justify-content:center;animation:badgeUp;animation-duration:1.2s;animation-delay:.4s;animation-fill-mode:forwards;opacity:0}[is=static-celebration] .titleInner{background-color:#ff0;color:#000;padding:8px 16px;border-radius:6px;font-weight:700;box-shadow:0 0 10px #0000004d}[is=static-celebration] img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}@keyframes badge{0%{opacity:0;transform:translateY(-50px) rotate(10deg) scale(.9)}to{opacity:1;transform:translateY(0)}}@keyframes badgeUp{0%{opacity:0;transform:translateY(20px) scale(.8) rotate(-10deg)}to{opacity:1;transform:translateY(0)}}[is=flexible-form][role=dialog]{position:fixed;top:0;left:0;width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 32px}[is=flexible-form] form{padding:32px 0;width:100%;max-width:700px;max-height:100dvh;overflow-y:auto;display:flex;flex-direction:column;gap:32px}[is=flexible-form] fieldset{padding:16px}[is=flexible-form] .row{display:flex;gap:16px}[is=flexible-form] label{display:flex;flex-direction:column;gap:16px}[is=flexible-form] label>span{display:inline-block}[is=flexible-form] input,[is=flexible-form] select{display:block}body{background-color:#090623;color:#eee}body a{color:#87ceeb}