:root{font-family:Inter,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;-webkit-text-size-adjust:100%;--color-primary-orange: #FF6B35;--color-primary-yellow: #FFD23F;--color-primary-red: #CC2936;--color-neutral-dark-brown: #3D2914;--color-neutral-cream: #FFF5E6;--color-neutral-medium-brown: #8B4513;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow:hidden;position:fixed}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}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}}canvas{display:block}#mobile-movement-zone,#mobile-aiming-zone{display:none}@media (hover: none) and (pointer: coarse){#mobile-movement-zone,#mobile-aiming-zone{display:block}#mobile-movement-zone.active{background:#0064c833!important;border:2px solid rgba(0,150,255,.6)!important;opacity:1;transform:scale(1.05)}#mobile-aiming-zone.active{background:#c8640033!important;border:2px solid rgba(255,150,0,.6)!important;opacity:1;transform:scale(1.05)}#mobile-fire-button,#mobile-turret-bounce-button{right:max(var(--safe-area-right),20px)}}#mobile-movement-zone .nipple .front{background:radial-gradient(circle,#ffffffe6,#c8dcffcc)!important;border:2px solid rgba(0,150,255,.8)!important;box-shadow:0 0 15px #0096ff99,inset 0 0 8px #ffffff4d!important}#mobile-movement-zone .nipple .back{background:radial-gradient(circle,#00326466,#001428b3)!important;border:2px solid rgba(0,150,255,.6)!important}#mobile-aiming-zone .nipple .front{background:radial-gradient(circle,#ffffffe6,#ffdcc8cc)!important;border:2px solid rgba(255,150,0,.8)!important;box-shadow:0 0 15px #ff960099,inset 0 0 8px #ffffff4d!important}#mobile-aiming-zone .nipple .back{background:radial-gradient(circle,#64320066,#281400b3)!important;border:2px solid rgba(255,150,0,.6)!important}@media (hover: none) and (pointer: coarse){.nipple{display:block!important;transition:all .2s ease-in-out}}.mobile-control-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#0f0;padding:15px 25px;border-radius:10px;font-family:Courier New,monospace;font-size:16px;font-weight:700;text-align:center;z-index:2000;pointer-events:none;box-shadow:0 0 20px #00ff0080;border:2px solid rgba(0,255,0,.8);opacity:0;transition:opacity .3s ease-in-out}.mobile-control-indicator.active{opacity:1}@keyframes touch-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.nipple.touched{animation:touch-pulse .2s ease-in-out}@media screen and (max-width: 480px){#mobile-movement-zone,#mobile-aiming-zone{width:140px;height:140px;bottom:15px}#mobile-movement-zone{left:15px}#mobile-aiming-zone{right:15px}.nipple{width:100px!important;height:100px!important}}@media screen and (orientation: landscape) and (max-height: 600px){#mobile-movement-zone,#mobile-aiming-zone{bottom:10px;width:120px;height:120px}}@font-face{font-family:BitcountSingleInk;src:url(../fonts/BitcountSingleInk-Small.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}#title-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(174.2deg,#fff4e4 7.1%,#f0f6ee 67.4%);display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:5000;font-family:Arial,sans-serif;transition:opacity .5s ease-out;cursor:pointer}#title-screen .top-section{flex:1;display:flex;width:100%;height:60%;justify-content:center;align-items:center;padding-top:20px}#title-screen .logo{width:80%;height:40vw;object-fit:contain;user-select:none;pointer-events:none}#title-screen .middle-section{flex:2;display:flex;justify-content:center;align-items:center}#title-screen .continue-text{font-family:BitcountSingleInk,monospace;font-size:42px;color:#ffffffbf;text-align:center;font-weight:700;text-shadow:0px 5px 0px rgba(0,0,0,1);user-select:none;margin:60px;transition:text-shadow .1s linear}#title-screen .continue-text:hover{text-shadow:0px 0px 0px rgba(0,0,0,1)}#title-screen .continue-text.arcade-fade{animation:arcade-fade 1.618s infinite}@keyframes arcade-fade{0%,10%{opacity:1}50%{opacity:0}90%,to{opacity:1}}#title-screen .bottom-section{flex:1;display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px}#title-screen .credits{font-size:14px;color:#ccc;text-align:center;opacity:.7}.change-device-btn{position:absolute;bottom:20px;right:20px;background:var(--color-primary-orange);color:#fff;border:2px solid var(--color-neutral-dark-brown);border-radius:8px;padding:10px 16px;font-family:Arial,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:0px 1px 0px rgba(0,0,0,.5);box-shadow:0 4px 8px #0000004d}.change-device-btn:hover{background:var(--color-primary-yellow);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.change-device-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}@media (max-width: 768px){#title-screen .logo{width:100%;height:80%}}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5001;display:flex;justify-content:center;align-items:center;user-select:none;display:none}#loading-screen.active{user-select:unset;display:flex}.tank-container-left{position:absolute;right:0;bottom:0;z-index:5001;transform:rotate(90deg)}.tank-container-right{position:absolute;top:0;left:0;transform:rotate(-90deg);z-index:5001}.tank-pivot-container{width:200px;height:200px;position:absolute;left:50%;top:50%}.tank-svg{width:200px;height:200px;object-fit:contain;z-index:5002;position:absolute}#device-selection-panel .tank-svg{transform:rotate(90deg);left:-200px}#loading-screen .tank-svg{left:-26px;top:-154px}.triangle{background-color:#000;position:absolute;width:5000px;height:5000px;clip-path:polygon(0% 0%,107% 60%,3.5% 96.36%,.52% 99.15%);bottom:154px;left:-26px}#device-selection-panel{position:fixed;top:0;left:calc(100% + 200px);width:100%;height:100%;background:linear-gradient(135deg,var(--color-neutral-cream) 0%,white 100%);z-index:5000;display:flex;justify-content:center;align-items:center;transition:left .8s cubic-bezier(.25,.46,.45,.94);user-select:none}#device-selection-panel.active{left:0}.device-panel-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:40px}.device-circle{width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--color-neutral-cream) 0%,#e8dbc6 80%);border:4px solid var(--color-primary-orange);display:flex;justify-content:center;align-items:center;margin-bottom:60px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateY(-5px);z-index:1}.device-circle-side-panel{width:50%;height:15%;background:#e8dbc6;border-radius:6px;position:absolute;right:-51%;z-index:1;border-top:4px solid var(--color-primary-orange);border-bottom:4px solid var(--color-primary-orange);border-right:4px solid var(--color-primary-orange)}.device-title{font-family:BitcountSingleInk,monospace;font-size:36px;color:var(--color-neutral-dark-brown);text-align:center;font-weight:700;text-shadow:0px 4px 0px rgba(255,255,255,.3);line-height:1.2}.device-options{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;width:90%;height:90%}.device-option{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;border-radius:6px;cursor:pointer;transition:all .1s linear;background-color:var(--color-neutral-dark-brown);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.device-option.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.device-content{background:var(--color-primary-yellow);width:100%;height:100%;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .1s linear;pointer-events:none;box-sizing:border-box}.device-option.disabled .device-content{background:gray}.device-option:hover .device-content{width:calc(100% - 20px);height:calc(100% - 20px)}.device-option:hover .device-icon{transform:translateY(10px) scale(12)}.device-option:active{transform:scale(1.1)}.device-icon{line-height:0;font-size:64px;margin-bottom:10px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .1s linear}.device-label{line-height:0;font-family:Arial,sans-serif;font-size:24px;font-weight:700;color:var(--color-neutral-dark-brown);text-shadow:none}.remember-device-container{height:100%}.remember-device-label{height:100%;display:flex;align-items:center;cursor:pointer;font-size:12px;color:var(--color-neutral-dark-brown);user-select:none}.remember-device-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:relative;height:24px;width:24px;min-width:24px;background-color:var(--color-neutral-cream);border:2px solid var(--color-neutral-medium-brown);border-radius:4px;margin-right:12px;transition:all .2s ease}.remember-device-checkbox:checked~.checkmark{background-color:var(--color-primary-orange);border-color:var(--color-primary-orange)}.checkmark:after{content:"";position:absolute;display:none;left:7px;top:3px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.remember-device-checkbox:checked~.checkmark:after{display:block}.remember-device-label:hover .checkmark{border-color:var(--color-primary-orange)}@media (max-width: 768px){.device-panel-container{padding:0}.device-circle{width:250px;height:250px;margin-bottom:40px}.device-title{font-size:28px}.device-option:hover .device-icon{transform:translateY(10px) scale(8)}}@media (max-width: 480px){.device-panel-container{padding:0}.device-circle{width:120px;height:120px}.device-circle-side-panel{width:100%;height:35%;right:-100%}.device-title{font-size:24px}}