@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";html,body,#app{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;overflow:hidden;background:#070a0f;color:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}canvas{display:block}.hud{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;flex-direction:column;gap:8px;padding:12px 16px calc(env(safe-area-inset-bottom,8px) + 12px);background:linear-gradient(to top,#070a0feb,#070a0fd1 60%,#070a0f00);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.hud__brand{position:fixed;top:16px;left:16px;z-index:6;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#070a0fb3;border:1px solid rgb(255 255 255 / .1);border-radius:10px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hud__brand strong{font-size:14px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#58b5ff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hud__subtitle{font-size:11px;color:#a9b4c399;font-weight:400}.hud__controls{display:flex;flex-direction:column;gap:8px}.search{display:flex;gap:8px;align-items:stretch}.search__field{flex:1;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;background:#ffffff14;border:1px solid rgb(255 255 255 / .12);border-radius:12px;transition:border-color .2s,background .2s}.search__field:focus-within{border-color:#58b5ff80;background:#ffffff1f}.search__icon{flex-shrink:0;width:18px;height:18px;color:#a9b4c380}.search__field input{flex:1;min-width:0;border:none;background:transparent;color:#f5f7fb;font:inherit;font-size:14px;outline:none}.search__field input::placeholder{color:#a9b4c373;font-size:13px}.btn-select{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border:1px solid rgb(88 181 255 / .3);border-radius:12px;background:#58b5ff26;color:#8ecfff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-select:hover{background:#58b5ff47}.btn-select:active{transform:scale(.96)}.btn-select.btn-unselect{border-color:#ff58584d;background:#ff585826;color:#ffb8b8}.btn-select.btn-unselect:hover{background:#ff585840}.skin-actions{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.skin-label{font-size:11px;font-weight:500;color:#a9b4c399;text-align:center;text-transform:uppercase;letter-spacing:.06em}.skin-actions .btn-skin{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid rgb(255 255 255 / .1);border-radius:10px;background:#ffffff0f;color:#d7dee8;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,transform .1s}.skin-actions .btn-skin:hover{background:#58b5ff2e}.skin-actions .btn-skin:active{transform:scale(.96)}.skin-actions .btn-skin svg{width:16px;height:16px;flex-shrink:0}.toast{font-size:11px;color:#a9b4c380;text-align:center;min-height:14px;transition:color .3s}@media (max-width: 480px){.hud{padding:10px 12px calc(env(safe-area-inset-bottom,6px) + 10px)}.hud__brand{top:10px;left:10px;padding:6px 10px}.hud__brand strong{font-size:12px}.hud__subtitle{display:none}.search__field{min-height:42px;padding:0 10px}.search__field input{font-size:14px}.btn-select{min-height:42px;padding:0 16px;font-size:13px}.skin-actions .btn-skin{min-height:38px;padding:0 10px;font-size:12px}.skin-label{font-size:10px}}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat{min-width:0;padding:8px;background:#ffffff0f;border-radius:6px}.stat span{color:#a9b4c3;font-size:12px}.stat strong{display:block;margin-top:2px;font-size:16px}