:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.landing-container{width:100vw;height:100vh;background:#f5f5f5;box-shadow:0 1.7661290168762207px 17.66128921508789px #e0dfde inset;border-radius:28.26;border:2px white solid;display:flex;align-items:center;justify-content:center}.frame{width:98%;height:95%;background:linear-gradient(180deg,#e3e1e0,#dbdbdb);border-radius:20px;border:2px solid white;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:10px}.content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;width:98%;height:80%;background-image:linear-gradient(360deg,#122db8,#0703af 56%,#06047b);border-radius:20px}.logo-container{display:flex;flex-direction:row;align-items:center;justify-content:center}.logo{padding:20px}.game-title{color:#fff;font-size:100px;font-family:Arboria-Bold;font-weight:700;text-align:center}.image-content{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.background-image{width:auto;height:100%;max-width:none;object-fit:contain}.footer-container{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.logo-knob{display:flex;align-items:center;justify-content:flex-start;flex:1}.play-button{display:flex;flex:1;justify-content:center;align-items:center;margin-bottom:50px}.toggle{display:flex;align-items:center;top:750px;margin-left:50px;margin-top:20px;height:60%;width:60%}.kisi-kisi{display:flex;justify-content:flex-end;flex:1}.logo-footer{margin-right:50px}.custom-button{margin-top:20px;padding:1.5rem 10rem;border-radius:12px;font-weight:600;font-size:1.5rem;font-family:Arboria-Bold;color:#fff;cursor:pointer;border:none;outline:none;text-align:center;background:linear-gradient(to top,#122db8,#06047b);background-image:radial-gradient(circle at 50% 0%,#fff6,#fff0 60%),linear-gradient(to top,#122db8,#06047b);background-blend-mode:screen;box-shadow:0 2px 4px #0003,inset 0 1px #ffffff4d;transition:transform .2s ease,box-shadow .2s ease}.custom-button:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000004d,inset 0 1px #ffffff4d}.custom-button:active{transform:translateY(1px);box-shadow:0 2px 4px #0000004d,inset 0 1px #fff3}@media (max-width: 1024px){.game-title{font-size:3rem}.background-image{height:80%}.custom-button{padding:1rem 5rem;font-size:1.2rem}.footer-container{flex-direction:column;align-items:center;gap:20px}.logo-knob,.kisi-kisi{flex:none}}@media (max-width: 768px){.game-title{font-size:2rem}.background-image{height:60%}.custom-button{padding:.8rem 3rem;font-size:1rem}.footer-container{gap:10px}.logo-knob img,.kisi-kisi img{width:80px;height:auto}}@media (max-width: 480px){.game-title{font-size:1.5rem}.background-image{height:50%}.custom-button{padding:.5rem 2rem;font-size:.9rem}.footer-container{gap:5px}.logo-knob img,.kisi-kisi img{width:60px}}.bottom-bar{position:fixed;bottom:0;left:0;width:100%;height:120px;background-color:#dededd;display:flex;align-items:center;justify-content:space-between;margin:0;z-index:900}.bottom-back-button{display:inline-block;width:294px;height:80px;margin-left:20px;border-radius:12px;text-align:center;cursor:pointer;border:none;outline:none;font-weight:700;font-size:20px;color:#fff;background:linear-gradient(to bottom,#2e2e2e,#070707);background-image:radial-gradient(ellipse 224px 40px at top,#fff6,#fff0 60%),linear-gradient(to bottom,#2e2e2e,#070707);box-shadow:0 -2px #1d1d1d inset,0 2px #212121 inset;background-blend-mode:screen;transition:transform .2s ease,box-shadow .2s ease}.bottom-back-button:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000004d,inset 0 1px #ffffff4d}.bottom-back-button:active{transform:translateY(1px);box-shadow:0 2px 4px #0000004d,inset 0 1px #fff3}.bottom-done-button{display:inline-block;width:294px;height:80px;margin-right:20px;border-radius:12px;text-align:center;cursor:pointer;border:1px solid #122db8;outline:none;font-weight:700;font-size:20px;color:#fff;background:linear-gradient(to bottom,#5398ff,#3e57ff);background-image:radial-gradient(ellipse 224px 40px at top,#fff6,#fff0 60%),linear-gradient(to bottom,#5398ff,#3e57ff);box-shadow:0 -2px #ffffff40 inset,0 2px #ffffff40 inset;background-blend-mode:screen;transition:transform .2s ease,box-shadow .2s ease}.bottom-done-button:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000004d,inset 0 1px #ffffff4d}.bottom-done-button:active{transform:translateY(1px);box-shadow:0 2px 4px #0000004d,inset 0 1px #fff3}.bottom-bar-decoration{margin-bottom:-5px;align-self:flex-end}.ground-bottom-bar-decoration{align-self:flex-start}.upper-level-container{position:relative;width:100vw;height:100vh;background-color:#fff;overflow:auto}.upper-game-area{position:relative;width:1920px;height:calc(100vh - 120px);min-height:1080px;-webkit-user-select:none;user-select:none;touch-action:none}.upper-router-container{position:absolute;top:0;left:45px;width:1721px;height:1080px}.upper-cable-plug{position:absolute;width:20px;height:20px;background-color:transparent;z-index:20}.upper-socket-container{position:absolute;text-align:center}.upper-socket-indicator{width:44px;height:44px;border-radius:50%;margin:25px auto 5px;transition:background-color .2s;border:1px solid #ffffff}.upper-cable-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.upper-cable-path{pointer-events:auto;cursor:pointer}.upper-cable-start{pointer-events:none}.upper-cable-port{pointer-events:auto;cursor:pointer}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999;animation:fadeIn .3s ease-in-out}.popup-container{width:516px;height:541px;border-radius:12px;background:#fff;padding:20px;position:relative;display:flex;flex-direction:column;align-items:center;animation:slideIn .3s ease-out}.success-gif{width:150px;height:150px;margin-top:75px}.popup-title{font-weight:600;font-size:24px;line-height:100%;letter-spacing:-4%;text-align:center;margin:20px 0;color:#000}.popup-content{font-weight:400;font-size:20px;line-height:130%;letter-spacing:-4%;text-align:center;margin:0 40px;flex-grow:1;color:#000}.popup-button{display:inline-block;width:100%;height:64px;border-radius:12px;text-align:center;cursor:pointer;border:1px solid #122db8;outline:none;font-weight:700;font-size:16px;color:#fff;background:linear-gradient(to bottom,#5398ff,#3e57ff);background-image:radial-gradient(ellipse 224px 40px at top,#fff6,#fff0 60%),linear-gradient(to bottom,#5398ff,#3e57ff);box-shadow:0 -2px #ffffff40 inset,0 2px #ffffff40 inset;background-blend-mode:screen;transition:transform .2s ease,box-shadow .2s ease}.popup-button:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000004d,inset 0 1px #ffffff4d}.popup-button:active{transform:translateY(1px);box-shadow:0 2px 4px #0000004d,inset 0 1px #fff3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.2);opacity:.3}}@keyframes glow{0%{box-shadow:0 0 5px #00ff0080}to{box-shadow:0 0 20px #0f0c}}.ground-level-container{position:relative;width:100vw;height:100vh;background-color:#fff;overflow:auto}.ground-game-area{position:relative;width:1920px;height:calc(100vh - 120px);min-height:1080px;-webkit-user-select:none;user-select:none;touch-action:none}.cable-source-left-container{position:absolute;top:77px;left:0;width:56px;height:704px}.cable-source-right-container{position:absolute;top:77px;left:1864px;width:56px;height:704px;transform:scaleX(-1);transform-origin:center}.ground-router-container{position:absolute;top:0;left:792px;width:336px;height:632px}.groud-cable-plug{position:absolute;width:20px;height:20px;background-color:transparent;z-index:20}.ground-cable-source-container,.ground-socket-container{position:absolute;text-align:center}.ground-socket-indicator{width:52px;height:52px;border-radius:50%;margin:25px auto 5px;transition:background-color .2s;border:1px solid #ffffff;position:absolute}.ground-cable-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ground-cable-path{pointer-events:auto;cursor:pointer}.ground-cable-start{pointer-events:none}.ground-cable-port{pointer-events:auto;cursor:pointer}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.page-map-continer{width:100vw;height:100vh;background:#f5f5f5;box-shadow:0 1.7661290168762207px 17.66128921508789px #e0dfde inset;border-radius:28.26;border:2px white solid;display:flex;align-items:center;justify-content:center}.title-bar{text-align:center;position:absolute;top:-15px;left:50%;transform:translate(-50%);color:#fff;font-family:Arboria-Bold;font-weight:700;font-size:1.5rem;box-shadow:0 4px 8px #0000004d;padding:1rem 15rem;word-wrap:break-word;clip-path:polygon(0% 20%,100% 20%,95% 100%,5% 100%);background:linear-gradient(to bottom,#122db8,#06047b);box-shadow:0 2px 4px #0003,inset 0 1px #ffffff4d}.footer-container{position:fixed;bottom:0;width:100%;display:flex;justify-content:space-between;padding:20px}.level-box{display:flex;flex-direction:column;align-items:center;width:150px;height:30px;background:linear-gradient(to bottom,#122db8,#06047b);color:#fff;font-family:Arboria-Bold;font-weight:700;font-size:large;text-align:center;padding:15px 170px;margin-left:100px;margin-right:200px;clip-path:polygon(5% 0%,95% 0%,100% 90%,0% 90%);white-space:pre-line;line-height:1.2}.page-frame{width:98%;height:98%;background:linear-gradient(180deg,#e3e1e0,#dbdbdb);border-radius:20px;border:2px solid white;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.page-content{display:flex;justify-content:space-between;align-items:center;position:relative;width:98%;height:90%;background:linear-gradient(to bottom,#122db8,#06047b);border-radius:20px;margin-top:50px;margin-bottom:40px;aspect-ratio:"4/3"}.map-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:30px 20px;position:relative;margin-top:50px}.img-map{width:80%;height:auto;margin:0 auto;max-width:800px;min-width:300px;margin-left:5vw;margin-right:5vw}.vector-line{background-color:#fff;width:5px;height:100%;margin:20px auto}.wifi-card{width:15vw;max-width:300px;min-width:200px;position:absolute;transform:translate(-50%);background-color:#fff;color:#000;padding:1vw;border-radius:12px;box-shadow:0 4px 10px #0000004d;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;text-align:left;font-size:14px}.map-pin:hover .wifi-card{opacity:1;visibility:visible}.wifi-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444;padding-bottom:5px}.wifi-card-header .dots{display:flex;gap:5px}.dot{width:10px;height:10px;border-radius:50%}.red{background-color:#ff5f56}.yellow{background-color:#ffbd2e}.green{background-color:#27c93f}.checklist{margin-top:15px}.check-item{display:flex;align-items:center;gap:8px;margin-bottom:5px}.check-icon{width:14px;height:14px;background-color:#27c93f;border-radius:50%;display:flex;align-items:center;justify-content:center}.check-icon:after{content:"✔";font-size:10px;color:#fff}.wifi-status{margin-top:15px;font-size:12px}.wifi-status p{margin:2px 0;font-weight:500}