:root{--ui-font-family:"Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, sans-serif;--ui-bg-dark:#12141cd9;--ui-bg-panel:#1a1e2ae6;--ui-bg-panel-light:#282e40cc;--ui-bg-overlay:#080a10bf;--ui-border-color:#ffffff2e;--ui-border-glow:#ffd70066;--ui-primary:gold;--ui-primary-hover:#ffe44d;--ui-primary-text:#1a1500;--ui-accent-blue:#00d2d3;--ui-accent-red:#ff4757;--ui-accent-green:#2ed573;--ui-text-main:#fff;--ui-text-muted:#ffffffb3;--ui-text-dim:#ffffff73;--ui-shadow-card:0 16px 36px #0009, 0 0 20px #0006;--ui-shadow-btn:0 4px 14px #00000059;--ui-shadow-btn-primary:0 4px 20px #ffd70073;--ui-radius-sm:8px;--ui-radius-md:14px;--ui-radius-lg:20px;--ui-radius-pill:9999px;--ui-transition-fast:.15s ease;--ui-transition-normal:.25s cubic-bezier(.16, 1, .3, 1)}html,body{color:#fff;width:100%;height:100%;font-family:var(--ui-font-family);-webkit-user-select:none;user-select:none;touch-action:none;background:#111;margin:0;padding:0;overflow:hidden}#application-canvas{outline:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.ui-btn{min-height:48px;font-family:var(--ui-font-family);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--ui-radius-md);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--ui-transition-fast), box-shadow var(--ui-transition-fast), background-color var(--ui-transition-fast), border-color var(--ui-transition-fast);box-shadow:var(--ui-shadow-btn);touch-action:manipulation;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:700;display:inline-flex}.ui-btn:active{transform:scale(.96)}.ui-btn-primary{background:linear-gradient(180deg, var(--ui-primary-hover), var(--ui-primary));color:var(--ui-primary-text);box-shadow:var(--ui-shadow-btn-primary);border-color:#ffeaa7}.ui-btn-primary:hover{background:linear-gradient(180deg, #fff380, var(--ui-primary-hover))}.ui-btn-secondary{background:var(--ui-bg-panel-light);color:var(--ui-text-main);border-color:var(--ui-border-color)}.ui-btn-secondary:hover{background:#373f58e6;border-color:#ffffff59}.ui-btn-danger{background:linear-gradient(180deg, #ff6b81, var(--ui-accent-red));color:#fff;border-color:#ff7979}.ui-btn-danger:hover{background:linear-gradient(#ff7979,#ff5252)}.ui-btn-icon-only{border-radius:var(--ui-radius-md);width:48px;height:48px;min-height:48px;padding:0}.ui-icon{font-size:20px;line-height:1;display:inline-block}.ui-modal-overlay{z-index:1000;background:var(--ui-bg-overlay);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;visibility:hidden;width:100vw;height:100dvh;transition:opacity var(--ui-transition-normal), visibility var(--ui-transition-normal);box-sizing:border-box;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;left:0}.ui-modal-overlay.active{opacity:1;pointer-events:auto;visibility:visible}.ui-modal-card{background:var(--ui-bg-panel);border:2px solid var(--ui-border-color);border-radius:var(--ui-radius-lg);width:100%;max-width:440px;max-height:90dvh;box-shadow:var(--ui-shadow-card);opacity:0;transition:transform var(--ui-transition-normal), opacity var(--ui-transition-normal);box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden;transform:scale(.92)translateY(20px)}.ui-modal-overlay.active .ui-modal-card{opacity:1;transform:scale(1)translateY(0)}.ui-modal-header{border-bottom:1px solid var(--ui-border-color);background:#00000040;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.ui-modal-title{letter-spacing:1px;text-transform:uppercase;color:var(--ui-text-main);align-items:center;gap:10px;margin:0;font-size:22px;font-weight:800;display:flex}.ui-modal-title-accent{color:var(--ui-primary);text-shadow:0 0 12px var(--ui-border-glow)}.ui-modal-close-btn{color:var(--ui-text-muted);cursor:pointer;border-radius:var(--ui-radius-sm);transition:color var(--ui-transition-fast), transform var(--ui-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;font-size:24px;line-height:1;display:flex}.ui-modal-close-btn:hover{color:var(--ui-text-main);transform:scale(1.1)}.ui-modal-body{overscroll-behavior:contain;flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.ui-modal-footer{border-top:1px solid var(--ui-border-color);background:#0003;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.ui-pause-menu{flex-direction:column;gap:12px;width:100%;display:flex}.ui-pause-menu .ui-btn{width:100%;font-size:17px}.ui-pause-quick-stats{border-radius:var(--ui-radius-md);background:#00000059;border:1px solid #ffffff14;justify-content:space-around;margin-bottom:6px;padding:12px;display:flex}.ui-stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.ui-stat-label{text-transform:uppercase;color:var(--ui-text-dim);font-size:11px;font-weight:600}.ui-stat-value{color:var(--ui-text-main);font-size:16px;font-weight:700}.ui-settings-group{flex-direction:column;gap:12px;display:flex}.ui-settings-group-title{text-transform:uppercase;letter-spacing:.8px;color:var(--ui-primary);margin-bottom:2px;font-size:13px;font-weight:700}.ui-settings-row{border-radius:var(--ui-radius-md);background:#00000040;border:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.ui-settings-label{color:var(--ui-text-main);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.ui-slider-container{align-items:center;gap:10px;width:140px;display:flex}.ui-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:3px;outline:none;width:100%;height:6px}.ui-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ui-primary);cursor:pointer;width:18px;height:18px;transition:transform var(--ui-transition-fast);border-radius:50%;box-shadow:0 0 8px #ffd700b3}.ui-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.ui-slider-value{text-align:right;width:32px;color:var(--ui-text-muted);font-size:12px;font-weight:700}.ui-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.ui-switch input{opacity:0;width:0;height:0}.ui-slider-round{cursor:pointer;transition:var(--ui-transition-fast);background-color:#fff3;border-radius:24px;position:absolute;inset:0}.ui-slider-round:before{content:"";width:18px;height:18px;transition:var(--ui-transition-fast);background-color:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}input:checked+.ui-slider-round{background-color:var(--ui-accent-green)}input:checked+.ui-slider-round:before{transform:translate(20px)}@media (width<=480px) and (orientation:portrait){.ui-modal-overlay{align-items:flex-end;padding:12px}.ui-modal-card{border-bottom-right-radius:12px;border-bottom-left-radius:12px;max-height:85vh}.ui-modal-header{padding:14px 16px}.ui-modal-body{gap:12px;padding:16px}.ui-slider-container{width:110px}}@media (width>=481px){.ui-modal-card{max-width:460px}}#ui-root{pointer-events:none;z-index:100;box-sizing:border-box;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#hud{pointer-events:none;width:100%;height:100%;padding:env(safe-area-inset-top,16px) env(safe-area-inset-right,16px) env(safe-area-inset-bottom,16px) env(safe-area-inset-left,16px);box-sizing:border-box;flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:absolute;top:0;left:0}.hud-top{pointer-events:none;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.hud-top-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hud-top-right{pointer-events:auto;align-items:center;gap:8px;display:flex}.panel{background:var(--ui-bg-panel,#000000a6);border:2px solid var(--ui-border-color,#fff3);-webkit-backdrop-filter:blur(6px);pointer-events:auto;box-shadow:var(--ui-shadow-btn,0 4px 12px #0000004d);border-radius:12px;padding:8px 14px}.health-container{align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.health-bar-bg{background:#252830;border:2px solid #ffffff26;border-radius:9px;width:160px;height:18px;overflow:hidden}.health-bar-fill{background:linear-gradient(90deg,#ff4757,#ffa502,#2ed573);width:100%;height:100%;transition:width .2s cubic-bezier(.16,1,.3,1)}.stars-display{color:var(--ui-primary,gold);text-shadow:0 0 10px #ffd70066;align-items:center;gap:6px;font-size:18px;font-weight:800;display:flex}#btn-pause-trigger{background:var(--ui-bg-panel,#1a1e2ae6);border:2px solid var(--ui-border-color,#fff3);width:44px;height:44px;min-height:44px;color:var(--ui-text-main,#fff);cursor:pointer;pointer-events:auto;transition:all var(--ui-transition-fast,.15s ease);border-radius:12px;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 4px 12px #0006}#btn-pause-trigger:hover{border-color:var(--ui-primary,gold);background:#2d3448f2;transform:scale(1.05)}#btn-pause-trigger:active{transform:scale(.92)}#btn-pause-trigger .ui-icon{font-size:20px}#debug-hud{pointer-events:none;opacity:.85;font-family:monospace;font-size:12px;line-height:1.4;position:absolute;top:75px;left:16px}.hud-bottom{pointer-events:auto;justify-content:center;gap:12px;margin-bottom:8px;display:flex}.weapon-slot{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:#12141cd9;border:2px solid #ffffff40;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:68px;height:68px;font-size:11px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 16px #0006}.weapon-slot.active{border-color:var(--ui-primary,gold);background:#232634e6;transform:translateY(-4px)scale(1.06);box-shadow:0 0 16px #ffd70080,inset 0 0 10px #ffd70033}.weapon-icon{margin-bottom:2px;font-size:24px}@media (width<=480px) and (orientation:portrait){#hud{padding:12px}.health-bar-bg{width:110px;height:16px}.health-container{padding:6px 10px;font-size:12px}.stars-display{padding:6px 10px;font-size:15px}#btn-pause-trigger{width:42px;height:42px;min-height:42px}.weapon-slot{width:60px;height:60px;font-size:10px}.weapon-icon{font-size:20px}}