.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid #b3c5db;background-color:hsla(0,0%,100%,.4)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:rgba(0,60,136,.3);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid #eee;border-top:none;color:#eee;font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-singlebar-even{background-color:#000}.ol-scale-singlebar-odd{background-color:#fff}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-step-marker{width:1px;height:15px;background-color:#000;float:right;z-index:10}.ol-scale-step-text{bottom:-5px;font-size:12px;z-index:11}.ol-scale-step-text,.ol-scale-text{position:absolute;color:#000;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}.ol-scale-text{font-size:14px;text-align:center;bottom:25px}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid #000}.ol-unsupported{display:none}.ol-unselectable,.ol-viewport{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ol-viewport canvas{all:unset}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:grabbing}.ol-grab{cursor:move;cursor:grab}.ol-control{position:absolute;background-color:hsla(0,0%,100%,.4);border-radius:4px;padding:2px}.ol-control:hover{background-color:hsla(0,0%,100%,.6)}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:#fff;font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:rgba(0,60,136,.5);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;font-size:1.2em;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:focus,.ol-control button:hover{text-decoration:none;background-color:rgba(0,60,136,.7)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:rgba(0,60,136,.7);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:#000;text-shadow:0 0 2px #fff;font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:hsla(0,0%,100%,.8)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid #7b98bc;height:150px;margin:2px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:2px;left:2px;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:hsla(0,0%,100%,.8)}.ol-overviewmap-box{border:2px dotted rgba(0,60,136,.7)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}:root{--ifs-bg:rgba(7,16,21,0.88);--ifs-bg-solid:#071015;--ifs-surface:rgba(13,27,34,0.88);--ifs-surface-light:rgba(21,43,53,0.88);--ifs-border:rgba(123,195,221,0.16);--ifs-border-hover:rgba(123,195,221,0.32);--ifs-accent:#69c6e7;--ifs-accent-light:#9ce4fc;--ifs-accent-dark:#3a93b3;--ifs-text:hsla(0,0%,100%,0.92);--ifs-text-soft:hsla(0,0%,100%,0.62);--ifs-text-muted:hsla(0,0%,100%,0.42);--ifs-red:#e56767;--ifs-green:#67d69a;--ifs-radius:16px}body{margin:0;padding:0;height:100vh;overflow:hidden;font-family:Inter,Poppins,Arial,sans-serif;background:transparent}.status-card{position:absolute;top:120px;right:60px;width:130px;padding:7px;z-index:200;background:linear-gradient(145deg,rgba(13,27,34,.94),rgba(7,16,21,.96));border:1px solid var(--ifs-border);border-radius:12px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 1px 0 hsla(0,0%,100%,.035)}.mission-status{margin:0;padding:9px 7px;text-align:center;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.02em}.mission-status,.mission-status.not-started{color:var(--ifs-text-soft)}.mission-status.complete{color:var(--ifs-green)}.mission-status.failed{color:var(--ifs-red)}.toolbar{position:absolute;top:120px;left:5%;gap:8px;z-index:200}.tool-group,.toolbar{display:flex;flex-direction:column}.tool-group{gap:7px;margin-top:8px;padding:6px;background:rgba(7,16,21,.82);border:1px solid rgba(123,195,221,.1);border-radius:14px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 25px rgba(0,0,0,.22)}.tool-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;padding:0;background:hsla(0,0%,100%,.045);border:1px solid rgba(123,195,221,.13);border-radius:9px;cursor:pointer;font-size:16px;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.tool-button i{color:hsla(0,0%,100%,.62)!important;transition:color .2s ease}.tool-button:hover{width:42px;height:42px;background:rgba(105,197,231,.548);border:1px solid rgba(105,198,231,.3);border-radius:9px;transform:translateY(-1px);box-shadow:0 5px 14px rgba(0,0,0,.2)}.tool-button:hover i{color:var(--ifs-accent-light)!important}.tool-button.active{background:rgba(105,198,231,.75);border-color:#69c5e7;box-shadow:0 0 13px rgba(105,198,231,.12)}.tool-button.active i{color:var(--ifs-accent-light)!important}.obstacle-group .tool-button{border-color:rgba(229,103,103,.6)}.obstacle-group .tool-button.active,.obstacle-group .tool-button:hover{background:rgba(229,103,103,.534);border-color:#e56767}.obstacle-group .tool-button.active i,.obstacle-group .tool-button:hover i{color:#ff9b9b!important}.finish-line-group .tool-button{border-color:rgba(103,214,154,.6)}.finish-line-group .tool-button.active,.finish-line-group .tool-button:hover{background:rgba(103,214,155,.5);border-color:#67d69b}.finish-line-group .tool-button.active i,.finish-line-group .tool-button:hover i{color:#8aefb8!important}.default .tool-button{border-color:rgba(105,198,231,.6)}.tool-button[data-tool=erase]{border-color:rgba(212,112,205,.6)}.toggle-container{display:flex;justify-content:center;gap:4px;width:-moz-fit-content;width:fit-content;margin:0 auto 14px;padding:5px;background:linear-gradient(145deg,rgba(13,27,34,.92),rgba(7,16,21,.94));border:1px solid var(--ifs-border);border-radius:13px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px rgba(0,0,0,.22)}.toggle-button{margin:0;padding:8px 17px;background:transparent;border:1px solid transparent;border-radius:9px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:var(--ifs-text-soft);cursor:pointer;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .2s ease,color .2s ease,border-color .2s ease}.toggle-button:hover{background:rgba(105,198,231,.07);color:hsla(0,0%,100%,.88)}.toggle-button.active{background:rgba(105,198,231,.13);border-color:rgba(105,198,231,.23);color:var(--ifs-accent-light);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.035)}.left-container{position:fixed;top:100px;left:3rem;width:25%;height:67vh;padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;z-index:10;background:linear-gradient(145deg,rgba(13,27,34,.92),rgba(7,16,21,.95));border:1px solid var(--ifs-border);border-radius:20px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(0,0,0,.34),inset 0 1px 0 hsla(0,0%,100%,.035);scrollbar-width:thin;scrollbar-color:rgba(105,198,231,.3) transparent}.left-container::-webkit-scrollbar{width:5px}.left-container::-webkit-scrollbar-track{background:transparent}.left-container::-webkit-scrollbar-thumb{background:rgba(105,198,231,.25);border-radius:20px}.left-container h2{margin:2px 0 8px;color:hsla(0,0%,100%,.88);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;text-align:left}.left-container ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.left-container li b{display:inline-block;margin-bottom:2px;color:hsla(0,0%,100%,.92);font-size:14px;font-weight:650;line-height:1.35}.left-container li{padding:12px 13px;background:hsla(0,0%,100%,.035);border:1px solid hsla(0,0%,100%,.055);border-radius:10px;cursor:pointer;color:var(--ifs-text-soft);font-family:Inter,sans-serif;font-size:11px;font-weight:500;line-height:1.6;text-align:left;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.left-container li:hover{background:rgba(105,198,231,.07);border-color:rgba(105,198,231,.18);color:hsla(0,0%,100%,.82);transform:translateX(2px)}.left-container li:active{background:rgba(105,198,231,.1);transform:translateX(1px)}.left-container li.selected{background:linear-gradient(90deg,rgba(58,147,179,.18),rgba(58,147,179,.07));border-color:rgba(105,198,231,.32);color:#e5f8ff;transform:none;box-shadow:inset 3px 0 0 var(--ifs-accent)}.right-container{position:fixed;top:100px;right:3rem;width:25%;height:45vh;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;z-index:10;text-align:left;background:linear-gradient(145deg,rgba(13,27,34,.91),rgba(7,16,21,.95));border:1px solid var(--ifs-border);border-radius:20px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(0,0,0,.34),inset 0 1px 0 hsla(0,0%,100%,.035);scrollbar-width:thin;scrollbar-color:rgba(105,198,231,.3) transparent}.right-container::-webkit-scrollbar{width:5px}.right-container::-webkit-scrollbar-thumb{background:rgba(105,198,231,.25);border-radius:20px}.right-container h2{margin:0;color:var(--ifs-text-soft)!important;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:1.8;white-space:pre-line}.play-button-container{position:fixed;right:60px;bottom:130px;width:64px;height:64px;z-index:1000}.stop-button-container{position:fixed;left:60px;bottom:150px;width:58px;height:58px;z-index:1000}.play-button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(145deg,rgba(58,147,179,.28),rgba(13,35,44,.94));border:1px solid rgba(105,198,231,.35);border-radius:50%;color:var(--ifs-accent-light);font-size:22px;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(0,0,0,.3),0 0 18px rgba(105,198,231,.09),inset 0 1px 0 hsla(0,0%,100%,.07);transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.play-button:hover{background:linear-gradient(145deg,rgba(69,168,203,.4),rgba(13,35,44,.96));border-color:rgba(105,198,231,.58);transform:translateY(-2px);box-shadow:0 13px 30px rgba(0,0,0,.35),0 0 20px rgba(105,198,231,.15)}.play-button:active{transform:scale(.94)}.stop-button-container .play-button{background:linear-gradient(145deg,rgba(229,103,103,.23),rgba(40,18,20,.94));border-color:rgba(229,103,103,.35);color:#ff9d9d;box-shadow:0 10px 28px rgba(0,0,0,.3),0 0 15px rgba(229,103,103,.08)}.stop-button-container .play-button:hover{background:linear-gradient(145deg,rgba(229,103,103,.34),rgba(40,18,20,.96));border-color:rgba(229,103,103,.55)}.keypad-container{position:fixed;right:20px;bottom:150px;width:35vw;height:35vw;max-width:220px;max-height:220px;z-index:500}.keypad{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,rgba(22,47,58,.9),rgba(7,16,21,.91));border:1px solid rgba(105,198,231,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 15px 40px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.04)}.keypad:after{content:"";position:absolute;width:22%;height:22%;border-radius:50%;background:rgba(105,198,231,.055);border:1px solid rgba(105,198,231,.1)}.keypad button{position:absolute;width:31%;height:31%;display:flex;align-items:center;justify-content:center;padding:0;background:hsla(0,0%,100%,.045);border:1px solid rgba(105,198,231,.13);border-radius:50%;color:rgba(156,228,252,.65);font-size:clamp(17px,2vw,25px);cursor:pointer;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.keypad button:hover{background:rgba(105,198,231,.12);border-color:rgba(105,198,231,.35);color:var(--ifs-accent-light)}.keypad button:active{background:rgba(105,198,231,.2);transform:scale(.9)}.keypad #up{top:6%;left:34.5%}.keypad #down{bottom:6%;left:34.5%}.keypad #left{left:6%;top:34.5%}.keypad #right{right:6%;top:34.5%}.map-view{top:25px;right:25px;width:15%;height:30vh;overflow:hidden;border:2px solid rgba(105,198,231,.32);border-radius:50%;background:rgba(7,16,21,.9);box-shadow:0 16px 40px rgba(0,0,0,.35),0 0 18px rgba(58,147,179,.1)}.map-view,.map-view.expand{position:absolute;z-index:100}.map-view.expand{top:120px;left:10%;right:auto;width:80%;height:65vh;border:1px solid rgba(105,198,231,.25);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.4),0 0 22px rgba(58,147,179,.08)}@media screen and (max-width:768px){.map-view{top:15px;right:12px;width:clamp(100px,24vw,125px);height:clamp(100px,24vw,125px);border-radius:50%}.map-view.expand{top:120px;left:5%;right:auto;width:90%;height:65vh;border-radius:18px}.toggle-container{display:flex;justify-content:center;gap:2px;padding:4px}.toggle-button{padding:7px 11px;font-size:10px}.status-card{top:120px;right:10px;width:95px;padding:4px}.mission-status{padding:7px 4px;font-size:9px}.toolbar{left:10px}.tool-group{padding:4px;gap:5px}.tool-button i{color:hsla(0,0%,100%,.9)!important;transition:color .2s ease}.tool-button.active i,.tool-button:hover i{color:#fff!important}.left-container{position:fixed;top:100px;left:12px;width:28%;height:55vh;padding:11px;border-radius:15px;gap:9px}.left-container h2{margin-bottom:5px;font-size:12px}.left-container ul{gap:6px}.left-container li{padding:7px;border-radius:8px;font-size:9px;line-height:1.45}.left-container li.selected,.left-container li:hover{transform:none}.right-container{position:fixed;top:100px;right:1rem;width:27%;height:27vh;padding:12px;border-radius:15px;gap:8px}.right-container h2{font-size:7px;line-height:1.6}.play-button-container{right:10px;bottom:130px;width:58px;height:58px}.stop-button-container{left:12px;bottom:135px;width:52px;height:52px}.play-button{font-size:19px;width:178px;height:78px;min-width:178px;min-height:78px;box-sizing:border-box;border-radius:22px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;gap:14px;overflow:visible;white-space:nowrap;font-size:22px;font-weight:700;line-height:1}.play-button i{flex:0 0 auto;width:auto;height:auto;position:static;transform:none;font-size:21px;line-height:1}.sim-button-label{display:inline-block;flex:0 0 auto;line-height:1;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.keypad-container{right:12px;bottom:130px;width:38vw;height:38vw;max-width:185px;max-height:185px}.keypad button{font-size:clamp(14px,4vw,20px)}}@media screen and (max-width:480px){.left-container{width:31%;left:8px;padding:8px}.right-container{width:30%;right:8px;padding:9px}.left-container li{padding:6px;font-size:8px}.toggle-button{padding:6px 9px;font-size:9px}.toolbar{left:6px}.tool-button,.tool-button:hover{width:33px;height:33px}}.play-button-container,.stop-button-container{width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;overflow:visible!important}.play-button-container .play-button,.stop-button-container .play-button{width:180px!important;height:76px!important;min-width:180px!important;min-height:76px!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;border-radius:22px!important;padding:0 26px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:13px!important;overflow:visible!important;white-space:nowrap!important;font-size:22px!important;font-weight:700!important;line-height:1!important}.play-button-container .play-button i,.stop-button-container .play-button i{position:static!important;width:auto!important;height:auto!important;margin:0!important;transform:none!important;flex:0 0 auto!important;font-size:21px!important;line-height:1!important}.play-button-container .sim-button-label,.stop-button-container .sim-button-label{display:inline-block!important;position:static!important;width:auto!important;margin:0!important;transform:none!important;flex:0 0 auto!important;white-space:nowrap!important;line-height:1!important}