html{background-color:#000}body,#root{background-color:#000;background-image:url(/dsl_bg.webp);background-position:50%;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}.r3f{touch-action:none}.banner-top{zoom:1;flex-flow:row;justify-content:left;width:100%;display:flex;position:fixed;top:0;left:0}.image-wrap{cursor:pointer;width:120px;height:120px;margin:60px}.interface{zoom:1;flex-flow:row;justify-content:center;width:100%;display:flex;position:fixed;bottom:0;left:0}.interface-hand{zoom:1;width:100%;margin-bottom:20vh;position:absolute;bottom:0;left:0}@media screen and (width<=1439px){.interface{zoom:.5}.interface-hand{zoom:.5;margin-bottom:25vh}.banner-top{zoom:.5}}@media screen and (width<=480px){.interface{zoom:.5}.interface-hand{zoom:1;margin-bottom:16vh}.banner-top{zoom:.5;justify-content:center}}.action-card{text-align:center;pointer-events:all;cursor:pointer;flex-direction:column;justify-content:center;width:120px;margin-bottom:80px;margin-left:30px;margin-right:30px;font-family:Montserrat,serif;font-style:normal;display:flex}.action-card-row{text-align:center;pointer-events:all;cursor:pointer;flex-direction:row;justify-content:center;height:50px;margin-top:80px;margin-left:auto;padding-right:80px;font-family:Montserrat,serif;font-style:normal;display:flex;top:0;right:0}.dot{pointer-events:inherit;cursor:pointer;text-align:center;vertical-align:middle;color:#fafafa;border:3px solid #fafafa;border-radius:50%;width:50px;height:50px;margin:auto;font-size:18pt;line-height:50px}.line-left-grey{background:#fafafa;width:64px;height:3px;margin:28px 50% auto auto;position:absolute;inset:0}.line-right-grey{background:#fafafa;width:64px;height:3px;margin:28px auto auto 50%;position:absolute;inset:0}.line-left-red{background:#f2330d;width:64px;height:3px;margin:28px 50% auto auto;position:absolute;inset:0}.line-right-red{background:#f2330d;width:64px;height:3px;margin:28px auto auto 50%;position:absolute;inset:0}.text-button{color:#fafafa;pointer-events:inherit;cursor:pointer;margin-top:10px;font-size:18pt}.text-button-row{color:#fafafa;pointer-events:inherit;cursor:pointer;margin-top:12px;margin-right:10px;font-size:18pt}.action-card:hover>.dot{color:#f2330d;border:3px solid #f2330d}.action-card:hover>.text-button{color:#f2330d}.action-card:hover~.line-left-grey,.action-card:hover~.line-right-grey{background:#f2330d}.action-card:active>.dot{color:#f2330d;border:3px solid #f2330d}.action-card:active>.text-button{color:#f2330d}.action-card-row:hover>.dot{color:#f2330d;border:3px solid #f2330d}.action-card-row:hover>.text-button-row{color:#f2330d}.action-card-row:active>.dot{color:#f2330d;border:3px solid #f2330d}.action-card-row:active>.text-button-row{color:#f2330d}.action-card-disabled{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;width:120px;margin-bottom:80px;margin-left:30px;margin-right:30px;font-family:Montserrat,serif;font-style:normal;display:flex}.action-card-disabled>.dot{color:#f2330d;border:3px solid #f2330d}.action-card-disabled>.text-button{color:#f2330d}.text{color:#fff;text-align:left;font-family:Montserrat,serif;font-style:normal}.hand{background-image:url(/hand.svg);background-size:contain;width:30px;height:30px;margin-left:auto;margin-right:auto;animation:2s infinite mymove;position:relative;bottom:0;left:0}@keyframes mymove{0%{opacity:.25;left:-10px}25%{opacity:.5}50%{opacity:.25;left:10px}75%{opacity:.5}to{opacity:.25;left:-10px}}.point{pointer-events:none;width:40px;height:40px;position:absolute;top:50%;left:50%}.point .pulse{touch-action:none;pointer-events:none;opacity:1;border:2px solid #fafafa;border-radius:50%;width:28px;height:28px;animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;position:absolute;top:-20px;left:-20px;scale:0}@keyframes pulse{0%{opacity:0;scale:0}33%{opacity:0}50%{opacity:.25}to{opacity:0;scale:2}}.point .label{opacity:1;color:#fafafab2;text-align:center;cursor:help;touch-action:none;pointer-events:auto;background:#f2330dc0;border:2px solid #fafafa00;border-radius:50%;width:28px;height:28px;font-family:Helvetica,Arial,sans-serif;font-size:24px;font-weight:500;line-height:28px;animation-name:label;animation-duration:2s;animation-iteration-count:1;position:absolute;top:-20px;left:-20px}@keyframes label{0%{opacity:0;scale:0}to{opacity:1;scale:1}}.label:hover{opacity:1;background:#fafafa}.label-hidden{transform:scale(0)}.reset{pointer-events:auto;cursor:pointer;text-align:center;color:#fff;touch-action:none;background:#f2330d;border:2px solid #f2330d;border-radius:6px;width:120px;height:auto;margin-left:auto;padding-top:10px;padding-bottom:10px;font-family:Montserrat,serif;font-size:18pt;display:block}.reset:hover{background:#000;border:2px solid #fafafa}.reset:active{color:#000;background:#fafafa;border:2px solid #fafafa}.p{text-align:left;color:#fff;vertical-align:middle;touch-action:none;background:#000;flex-direction:column;max-width:420px;margin-right:0;padding:25px;display:flex;position:fixed;top:33dvh;left:0;transform:translate(-100%)}.p .heading{font-optical-sizing:auto;margin-bottom:18px;font-family:Montserrat,serif;font-size:32px;font-weight:700}.p .body{font-optical-sizing:auto;margin-bottom:36px;font-family:Montserrat,serif;font-size:18px;font-weight:500}.p.show{animation-name:in;animation-duration:1s;transform:translate(0%)}.p.hide{animation-name:out;animation-duration:1s;transform:translate(-100%)}@keyframes in{0%{transform:translate(-100%)}to{transform:translate(0%)}}@keyframes out{0%{transform:translate(0%)}to{transform:translate(-100%)}}@media screen and (width<=600px) and (width>=0){.banner-top{zoom:.5}.p{padding:0%;position:fixed;top:auto;bottom:0;transform:translateY(100%)}.p .heading{zoom:.6;padding:30px 30px 0}.p .body{zoom:.6;padding:0 30px}.reset{width:90px;margin-bottom:30px;margin-right:30px;padding-top:6px;padding-bottom:6px;font-size:12pt}.point .label{font-size:22px;line-height:26px}@keyframes in{0%{transform:translateY(100%)}to{transform:translateY(0%)}}@keyframes out{0%{transform:translateY(0%)}to{transform:translateY(100%)}}}@media screen and (width>=600px) and (width<=1024px){.text-button,.text-button-row{font-size:10pt}.banner-top{zoom:.5}.p{max-width:320px;position:fixed;top:auto;bottom:0}.p .heading{font-size:26px}.p .body{font-size:16px}.reset{font-size:12pt}}@media screen and (width>=1024px) and (width<=1600px){.text-button,.text-button-row{font-size:10pt}.banner-top{zoom:.5}.p{max-width:320px;position:fixed;top:auto;bottom:20%}.p .heading{font-size:26px}.p .body{font-size:16px}.point .label{font-size:16px;line-height:26px}.dot,.reset{font-size:12pt}}