:root{--ui-font: "Segoe UI", "Arial Rounded MT Bold", Arial, sans-serif;--panel-bg: rgba(255, 252, 240, .95);--orange: #ff8a1e;--orange-dark: #e06c00;--blue: #2196f3;--text-dark: #333}#ui{position:fixed;inset:0;pointer-events:none;font-family:var(--ui-font);z-index:10}#ui button{pointer-events:auto;font-family:var(--ui-font);border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}.hud-hint,.vslider-label,.brush-value{color:#fff;font-weight:800;text-shadow:-2px -2px 0 rgba(40,40,60,.55),2px -2px 0 rgba(40,40,60,.55),-2px 2px 0 rgba(40,40,60,.55),2px 2px 0 rgba(40,40,60,.55)}.hud{position:absolute;inset:0;pointer-events:none}.hud-hint{position:absolute;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translate(-50%);font-size:clamp(14px,2.6vmin,22px);text-align:center;white-space:nowrap}.big-btn{position:absolute;right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));width:clamp(84px,14vmin,120px);height:clamp(84px,14vmin,120px);border-radius:22px;background:linear-gradient(#ffa040,var(--orange));box-shadow:0 5px 0 var(--orange-dark),0 8px 14px #00000040;color:#fff;font-weight:800;font-size:clamp(12px,2vmin,16px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .06s}.big-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--orange-dark),0 4px 8px #00000040}.big-icon{font-size:clamp(26px,5vmin,40px);line-height:1}.hotkey{position:absolute;top:-22px;left:0;color:#fff;font-weight:800;text-shadow:2px 2px 0 rgba(40,40,60,.55)}.paint-ui{position:absolute;inset:0;pointer-events:none}.paint-left{position:absolute;left:calc(10px + env(safe-area-inset-left));top:50%;transform:translateY(-50%)}.paint-right{position:absolute;right:calc(8px + env(safe-area-inset-right));top:calc(8px + env(safe-area-inset-top));display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.palette{pointer-events:auto;background:var(--panel-bg);border-radius:14px;padding:10px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;gap:8px;align-items:center}.palette-color{display:flex;flex-direction:column;gap:8px;align-items:center}.wheel-row{display:flex;gap:10px;align-items:center}.wheel-wrap{position:relative;touch-action:none}.wheel{width:100%;height:100%;border-radius:50%}.wheel-handle{position:absolute;width:18px;height:18px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px #0006;transform:translate(-50%,-50%);pointer-events:none}.value-track{position:relative;width:16px;border-radius:8px;touch-action:none;box-shadow:inset 0 0 0 1px #00000040}.value-thumb{position:absolute;left:50%;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #888;transform:translate(-50%,-50%);pointer-events:none}.swatch{height:20px;border-radius:8px;border:2px dashed rgba(0,0,0,.55)}.vslider{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:6px}.vslider-track{position:relative;width:20px;height:clamp(70px,22vh,210px);background:linear-gradient(#e8e8e8,#bdbdbd);border-radius:10px;box-shadow:inset 0 2px 5px #0000004d;touch-action:none}.vslider-thumb{position:absolute;left:50%;width:34px;height:34px;border-radius:50%;background:linear-gradient(#fff2ce,#f7d98d);border:2px solid #c9a84c;box-shadow:0 2px 5px #0000004d;transform:translate(-50%,-50%);pointer-events:none}.vslider-label{font-size:clamp(11px,1.8vmin,14px);text-align:center}.brush-row{display:flex;flex-direction:column;align-items:center;pointer-events:auto;margin-right:10px}.brush-value{font-size:clamp(14px,2.4vmin,20px)}.paint-tools{display:flex;gap:8px}.tool-btn{width:clamp(46px,8vmin,68px);height:clamp(46px,8vmin,68px);border-radius:14px;color:#fff;font-weight:800;font-size:clamp(9px,1.5vmin,12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 3px #0000004d}.tool-btn:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.tool-icon{font-size:clamp(20px,3.4vmin,28px);line-height:1}.picker-btn{background:linear-gradient(#42a5f5,#1976d2)}.picker-btn.active{outline:3px solid #fff;filter:brightness(1.2)}.fill-btn{background:linear-gradient(#ffb74d,#f57c00)}.fill-btn.locked{filter:saturate(.5) brightness(.85)}.done-btn{width:clamp(64px,12vmin,110px);height:clamp(64px,12vmin,110px)}.picking{cursor:crosshair}@media(max-height:460px){.brush-row{position:fixed;right:calc(clamp(64px,12vmin,110px) + 28px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));margin-right:0}.brush-row .vslider-track{height:clamp(60px,16vh,120px)}}.match-top{position:absolute;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.match-banner{color:#ffd54f;font-weight:800;font-size:clamp(15px,3vmin,26px);text-shadow:-2px -2px 0 rgba(70,40,0,.7),2px -2px 0 rgba(70,40,0,.7),-2px 2px 0 rgba(70,40,0,.7),2px 2px 0 rgba(70,40,0,.7);white-space:nowrap}.match-timer{color:#fff;font-weight:800;font-size:clamp(16px,3.4vmin,30px);text-shadow:2px 2px 0 rgba(40,40,60,.6)}.match-status{display:flex;align-items:center;gap:3px;background:#1e1e2d73;border-radius:10px;padding:3px 10px}.st-icon{font-size:clamp(13px,2.4vmin,20px)}.st-found{filter:saturate(1.4);opacity:.85}.st-gap{width:12px}.st-count{color:#fff;font-weight:800;font-size:clamp(12px,2vmin,17px)}.match-bottom-hint{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);color:#fff;font-weight:800;font-size:clamp(12px,2.4vmin,20px);text-shadow:2px 2px 0 rgba(40,40,60,.6);text-align:center;pointer-events:none;white-space:nowrap}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffffffe6;font-size:30px;font-weight:300;text-shadow:0 0 4px rgba(0,0,0,.7);pointer-events:none}.ammo-row{position:absolute;right:calc(20px + env(safe-area-inset-right));bottom:calc(130px + env(safe-area-inset-bottom));display:flex;gap:4px;align-items:center;pointer-events:none}.ammo-dot{width:11px;height:11px;border-radius:50%;background:#ffe93b;box-shadow:0 0 0 2px #28283c80}.ammo-dot.ammo-empty{background:#ffffff40}.ammo-reload{color:#ffd54f;font-weight:800;font-size:clamp(11px,2vmin,15px);text-shadow:1px 1px 0 rgba(40,40,60,.7)}.fire-btn{background:linear-gradient(#ef5350,#c62828);box-shadow:0 5px #8e1e1a,0 8px 14px #00000040}.fire-btn:active{box-shadow:0 2px #8e1e1a,0 4px 8px #00000040}.joystick{position:absolute;left:calc(22px + env(safe-area-inset-left));bottom:calc(22px + env(safe-area-inset-bottom));width:clamp(96px,20vmin,132px);height:clamp(96px,20vmin,132px);border-radius:50%;background:#ffffff29;border:2px solid rgba(255,255,255,.35);pointer-events:auto;touch-action:none}.joystick-stick{position:absolute;left:50%;top:50%;width:44%;height:44%;border-radius:50%;background:#ffffff8c;box-shadow:0 2px 6px #00000040;transform:translate(-50%,-50%);pointer-events:none}.results-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1418288c;pointer-events:none}.results-panel{background:var(--panel-bg);border-radius:18px;padding:clamp(12px,3vmin,24px);min-width:min(420px,86vw);max-width:92vw;max-height:84vh;overflow-y:auto;box-shadow:0 8px 24px #00000059}.results-heading{text-align:center;font-weight:800;font-size:clamp(16px,3.4vmin,26px);color:var(--text-dark);margin-bottom:10px}.res-row{display:flex;justify-content:space-between;gap:14px;padding:5px 10px;border-radius:8px;font-size:clamp(12px,2.2vmin,16px);color:var(--text-dark)}.res-row:nth-child(odd){background:#0000000d}.res-me{background:#ffe9c2!important;outline:2px solid #ffb74d}.res-name{font-weight:800}.gems-pill{position:absolute;top:calc(10px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));display:flex;align-items:center;gap:6px;background:linear-gradient(#5c6bc0,#3949ab);border:2px solid #283593;border-radius:999px;padding:4px 16px 4px 10px;pointer-events:none}.gems-icon{font-size:clamp(16px,3vmin,24px)}.gems-value{color:#fff;font-weight:800;font-size:clamp(15px,2.8vmin,22px);text-shadow:1px 1px 0 rgba(0,0,0,.4)}.gems-pulse{animation:gems-pop .4s ease}@keyframes gems-pop{30%{transform:scale(1.18)}}.side-btn{position:absolute;left:calc(12px + env(safe-area-inset-left));top:22%;width:clamp(58px,10vmin,80px);height:clamp(58px,10vmin,80px);border-radius:16px;color:#fff;font-weight:800;font-size:clamp(9px,1.6vmin,12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 4px #0000004d}.side-btn:active{transform:translateY(2px)}.side-icon{font-size:clamp(22px,4vmin,32px);line-height:1}.side-hotkey{position:absolute;top:-20px;left:2px;color:#fff;text-shadow:2px 2px 0 rgba(40,40,60,.55)}.friends-btn{background:linear-gradient(#ff9046,#f4511e)}.poi-ring{position:absolute;left:50%;bottom:calc(24% + env(safe-area-inset-bottom));width:54px;height:54px;border-radius:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d;pointer-events:none}.poi-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#1e1e2d8c}.modal-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#14182873;pointer-events:auto;z-index:30}.modal-panel{position:relative;background:#fff;border-radius:18px;padding:clamp(18px,4vmin,32px);min-width:min(400px,84vw);max-width:90vw;box-shadow:0 10px 30px #00000059;display:flex;flex-direction:column;align-items:center;gap:14px}.modal-close{position:absolute;top:-12px;right:-12px;width:40px;height:40px;border-radius:12px;background:#5c5f6e;color:#fff;font-size:18px;font-weight:800;box-shadow:0 3px #3d3f4a}.modal-title{font-weight:800;font-size:clamp(18px,3.6vmin,28px);color:#222;text-align:center}.modal-body{text-align:center}.modal-text{color:#444;font-weight:700;font-size:clamp(13px,2.4vmin,17px);max-width:340px}.modal-gem{font-size:clamp(48px,12vmin,92px);filter:drop-shadow(0 0 18px rgba(64,196,255,.8))}.modal-buttons{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.modal-btn{min-width:min(260px,70vw);padding:12px 22px;border-radius:12px;font-weight:800;font-size:clamp(14px,2.6vmin,18px);color:#fff}.modal-btn-primary{background:linear-gradient(#66bb6a,#43a047);box-shadow:0 4px #2e7d32}.modal-btn-blue{background:linear-gradient(#42a5f5,#1e88e5);box-shadow:0 4px #1565c0}.modal-btn-secondary{background:linear-gradient(#b0bec5,#90a4ae);box-shadow:0 4px #607d8b}.modal-btn:active{transform:translateY(2px);box-shadow:none}.code-box{margin-top:8px;background:#00695c;color:#fff;font-weight:800;font-size:clamp(28px,7vmin,44px);letter-spacing:8px;padding:10px 22px;border-radius:10px}.code-input{margin-top:8px;width:200px;text-align:center;font-size:32px;font-weight:800;letter-spacing:6px;padding:8px;border:3px solid #90a4ae;border-radius:10px;outline:none}.kill-screen{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#263238;pointer-events:auto}.kill-icon{font-size:64px}.kill-text{color:#fff;font-weight:800;font-size:clamp(16px,3.4vmin,26px);text-align:center;max-width:32ch}.toast{position:absolute;left:50%;top:calc(44px + env(safe-area-inset-top));transform:translate(-50%);background:#1e1e2deb;color:#fff;font-weight:700;font-size:clamp(13px,2.2vmin,16px);padding:10px 18px;border-radius:12px;max-width:80vw;text-align:center;pointer-events:none}.dev-overlay{position:absolute;left:8px;bottom:8px;background:#0009;color:#8f8;font:11px/1.5 Consolas,monospace;padding:6px 8px;border-radius:6px;pointer-events:none;white-space:pre}