body{background:#090c12;color:#e0e0e0;font-family:monospace;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}#info-bar{margin-bottom:10px;font-size:14px;color:#38bdf8}#game-container{position:relative;width:1200px;height:800px;border:2px solid #1c2738;box-shadow:0 0 15px #000c;background:#000;overflow:hidden;cursor:crosshair}canvas{display:block;width:100%;height:100%}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#controls-container{position:absolute;top:12px;right:12px;display:flex;gap:8px;pointer-events:auto}.ui-btn{background:#0f172ae6;border:1px solid #06b6d4;color:#06b6d4;padding:6px 12px;font-family:monospace;font-size:12px;cursor:pointer;border-radius:4px}.entity-plate,.minion-plate,.turret-plate{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:20}.plate-name{font-family:sans-serif;font-weight:700;font-size:12px;color:#fff;text-shadow:1px 1px 3px #000,-1px -1px 3px #000;margin-bottom:2px}.stun-badge{background:#f59e0b;color:#000;font-weight:700;font-size:10px;padding:1px 6px;border-radius:3px;margin-bottom:3px;box-shadow:0 0 8px #f59e0b}.turret-alert-badge{background:#ef4444;color:#fff;font-weight:700;font-size:11px;padding:2px 8px;border-radius:4px;margin-bottom:4px;box-shadow:0 0 12px #ef4444;animation:alertBlink .4s infinite alternate}.ping-hud-alert{background:#0f172a;color:#f8fafc;font-weight:700;font-size:11px;padding:3px 10px;border-radius:4px;margin-bottom:4px;border:1px solid #38bdf8;box-shadow:0 0 10px #38bdf873;letter-spacing:.04em}.ping-hud-alert--danger{border-color:#ef4444;color:#fecaca;box-shadow:0 0 10px #ef444480}.ping-hud-alert--assist{border-color:#22c55e;color:#bbf7d0}.ping-hud-alert--missing{border-color:#fbbf24;color:#fde68a}.ping-hud-alert--on_my_way{border-color:#38bdf8;color:#bae6fd}@keyframes alertBlink{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.plate-hp-outer{width:64px!important;height:8px!important;background:#090d16;border:1.5px solid #000000;border-radius:2px;position:relative;overflow:hidden;box-shadow:0 0 5px #000000e6;transition:border-color .2s,box-shadow .2s}.plate-mp-outer{width:64px!important;height:5px!important;background:#090d16;border:1px solid #1e3a8a;border-radius:2px;position:relative;overflow:hidden;margin-top:2px;box-shadow:0 0 4px #2563eb80}.plate-mp-inner{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);width:100%;transition:width .15s ease-out}.plate-hp-outer.killable-last-hit{border-color:#fbbf24!important;box-shadow:0 0 10px #fbbf24,inset 0 0 4px #fbbf24!important;animation:lastHitPulse .6s infinite alternate}@keyframes lastHitPulse{0%{box-shadow:0 0 6px #fbbf24}to{box-shadow:0 0 14px #ef4444}}.plate-hp-inner{height:100%;background:#10b981;width:100%;transition:width .15s ease-out}.enemy-hp-inner{height:100%;background:#ef4444;width:100%;transition:width .15s ease-out}.blue-minion-hp-inner{height:100%;background:#3b82f6;width:100%;transition:width .15s ease-out}.minion-hp-inner{height:100%;background:#ef4444;width:100%;transition:width .15s ease-out}.hp-tick{position:absolute;top:0;bottom:0;width:1px;background:#0000008c;pointer-events:none;z-index:5}.windup-bar-outer{width:64px;height:3px;background:#1e293b;margin-top:2px;position:relative;border-radius:1px;overflow:hidden}.windup-bar-inner{height:100%;background:#38bdf8;width:0%}#bottom-hud{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;background:#0f172af2;border:2px solid #38bdf8;padding:10px 18px;border-radius:10px;pointer-events:auto;box-shadow:0 0 20px #000000e6}#skill-hud{display:flex;align-items:center;gap:10px}.hud-stats-box{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-right:14px;border-right:1px solid #334155;font-size:12px;font-weight:700;color:#fbbf24;gap:2px}.stats-row{display:flex;gap:8px;color:#38bdf8;font-size:11px}.exp-bar-outer{width:80px;height:4px;background:#1e293b;margin-top:2px;border-radius:2px;overflow:hidden}.exp-bar-inner{height:100%;background:#a855f7;width:0%}.skill-slot{position:relative;width:44px;height:44px;background:#1e293b;border:2px solid #06b6d4;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#38bdf8;cursor:pointer;-webkit-user-select:none;user-select:none}.skill-slot.active{border-color:#f59e0b;box-shadow:0 0 12px #f59e0b;color:#f59e0b}.skill-slot.cooldown{border-color:#64748b;color:#64748b;opacity:.6}.skill-slot.ult{border-color:#a855f7;color:#c084fc}.skill-slot.summoner{border-color:#94a3b8;color:#e2e8f0;font-size:12px;gap:1px}.summoner-key{font-size:10px;color:#94a3b8;line-height:1}.summoner-abbr{font-size:13px;font-weight:700;line-height:1}.summoner-hud-sep{width:1px;height:36px;background:#334155;margin:0 2px}.skill-cd-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;border-radius:4px}#inventory-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding-left:12px;border-left:1px solid #334155}.inventory-slot{position:relative;width:34px;height:34px;background:#0f172a;border:1px solid #334155;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;-webkit-user-select:none;user-select:none}.inventory-slot:hover{border-color:#fbbf24}.debug-sidebar{position:fixed;top:60px;right:20px;width:170px;background:#0f172aeb;border:1.5px solid #38bdf8;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;z-index:1000;box-shadow:0 0 20px #000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.debug-header{font-family:sans-serif;font-weight:700;font-size:13px;color:#38bdf8;text-align:center;margin-bottom:2px;border-bottom:1px solid #334155;padding-bottom:6px}.entity-inspect-panel{position:fixed;top:56px;left:16px;width:200px;padding:10px 12px;background:#0a0e16eb;border:1.5px solid #94a3b8;border-radius:8px;color:#e2e8f0;font-family:sans-serif;font-size:12px;z-index:1100;box-shadow:0 8px 24px #0000008c;pointer-events:none}.entity-inspect-panel.team-blue{border-color:#38bdf8}.entity-inspect-panel.team-red{border-color:#f87171}.inspect-header{display:flex;flex-direction:column;gap:2px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #334155}#inspect-name{font-weight:700;font-size:14px;color:#f8fafc}.inspect-meta{color:#94a3b8;font-size:11px;text-transform:capitalize}.inspect-row{display:flex;justify-content:space-between;gap:8px;margin:3px 0;color:#cbd5e1}.inspect-row span:last-child{color:#f1f5f9;font-variant-numeric:tabular-nums}.minimap-panel{position:absolute;right:16px;bottom:16px;width:160px;height:160px;z-index:40;pointer-events:none;border:2px solid #38bdf8;border-radius:6px;box-shadow:0 0 16px #000000d9;background-color:#070b12;background-size:cover;background-position:center;overflow:hidden}.minimap-panel[hidden]{display:none!important}#minimap-canvas{display:block;width:100%;height:100%}#shop-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;background:#0f172afa;border:2px solid #fbbf24;border-radius:12px;padding:16px;box-shadow:0 0 30px #000000f2;display:none;flex-direction:column;gap:12px;pointer-events:auto;z-index:100}.shop-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #334155;padding-bottom:8px;font-size:16px;font-weight:700;color:#fbbf24}.shop-close-btn{background:none;border:none;color:#94a3b8;font-size:18px;cursor:pointer}.shop-search-label{display:flex;flex-direction:column;gap:4px}.shop-search-caption{font-size:11px;color:#94a3b8;letter-spacing:.04em;text-transform:uppercase}.shop-search-input{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:6px;border:1px solid #475569;background:#0f172a;color:#e2e8f0;font-size:13px}.shop-search-input:focus{outline:1px solid #fbbf24;border-color:#fbbf24}.shop-category-tabs{display:flex;flex-wrap:wrap;gap:6px}.shop-category-tabs button{background:#1e293b;color:#cbd5e1;border:1px solid #475569;border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer}.shop-category-tabs button:hover{border-color:#fbbf24;color:#fbbf24}.shop-items-list{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto}.shop-item-row{display:flex;align-items:center;justify-content:space-between;background:#1e293b;padding:8px 12px;border-radius:6px;border:1px solid #334155}.shop-item-row:hover{border-color:#38bdf8}.shop-item-info{display:flex;align-items:center;gap:10px}.shop-item-icon{font-size:24px}.shop-item-details{display:flex;flex-direction:column}.shop-item-name{font-weight:700;color:#f8fafc;font-size:13px}.shop-item-desc{font-size:11px;color:#94a3b8}.shop-buy-btn{background:#0284c7;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-weight:700;cursor:pointer}.shop-buy-btn:disabled{background:#475569;cursor:not-allowed;opacity:.5}.floating-text{position:absolute;font-family:sans-serif;font-weight:700;font-size:14px;color:#fbbf24;text-shadow:1px 1px 4px #000,-1px -1px 4px #000;pointer-events:none;animation:floatUp .8s ease-out forwards}.damage-text{position:absolute;font-family:sans-serif;font-weight:900;font-size:16px;color:#ef4444;text-shadow:1px 1px 4px #000,-1px -1px 4px #000;pointer-events:none;animation:damagePop .75s ease-out forwards}@keyframes floatUp{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-25px) scale(1.2)}}@keyframes damagePop{0%{opacity:1;transform:translate(-50%) scale(.8)}20%{transform:translate(-50%,-10px) scale(1.3)}to{opacity:0;transform:translate(-50%,-30px) scale(1)}}.crit-text{font-size:22px!important;color:#fbbf24!important;text-shadow:0 0 12px #f59e0b,1px 1px 6px #000,-1px -1px 6px #000!important;animation:critPop .95s ease-out forwards!important}@keyframes critPop{0%{opacity:1;transform:translate(-50%) scale(.6)}15%{transform:translate(-50%,-8px) scale(1.6)}50%{opacity:1;transform:translate(-50%,-20px) scale(1.2)}to{opacity:0;transform:translate(-50%,-45px) scale(1)}}#lobby-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#0f172a,#020617);z-index:5000;display:flex;flex-direction:column;color:#e2e8f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lobby-header{height:65px;background:#0f172af2;border-bottom:2px solid #fbbf24;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 4px 20px #0009}.lobby-title-box{display:flex;align-items:center;gap:12px}.lobby-title{font-size:20px;font-weight:800;color:#fbbf24;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 10px rgba(251,191,36,.4)}.lobby-mode-badge{background:#1e293b;color:#38bdf8;border:1px solid #38bdf8;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.lobby-timer-container{display:flex;align-items:center;gap:10px}.lobby-timer-label{font-size:12px;color:#94a3b8;font-weight:700;text-transform:uppercase}.lobby-timer-badge{font-size:22px;font-weight:900;color:#ef4444;background:#ef444426;border:2px solid #ef4444;width:50px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #ef444466}.lobby-main{flex:1;display:grid;grid-template-columns:1fr 340px;gap:20px;padding:24px 28px;overflow:hidden}.lobby-left-section{display:flex;flex-direction:column;gap:20px}.lobby-section-title{font-size:14px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.champion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}.champion-card{background:#0f172a;border:2px solid #334155;border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease-in-out;position:relative;overflow:hidden}.champion-card:hover{border-color:#38bdf8;transform:translateY(-3px);box-shadow:0 6px 18px #38bdf84d}.champion-card.selected{border-color:#fbbf24;background:linear-gradient(180deg,#fbbf2426,#0f172ae6);box-shadow:0 0 20px #fbbf2466}.champion-card img{width:72px;height:72px;border-radius:50%;border:2px solid #475569;object-fit:cover}.champion-card.selected img{border-color:#fbbf24}.champion-card .champion-name{font-size:13px;font-weight:700;color:#f8fafc}.champion-card .champion-role{font-size:11px;color:#94a3b8}.lobby-spells-section{background:#0f172acc;border:1px solid #334155;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.spells-selectors-container{display:flex;gap:20px}.spell-select-group{display:flex;align-items:center;gap:10px;flex:1}.spell-select-group label{font-size:12px;font-weight:700;color:#cbd5e1}.spell-select-group select{flex:1;background:#020617;color:#f8fafc;border:1px solid #475569;padding:8px;border-radius:6px;font-size:13px;cursor:pointer}.spell-select-group select:focus{border-color:#fbbf24;outline:none}.lobby-right-sidebar{background:#0f172ae6;border:1px solid #334155;border-radius:10px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.champion-preview-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.champion-preview-avatar{width:100px;height:100px;border-radius:50%;border:3px solid #fbbf24;box-shadow:0 0 15px #fbbf2466;object-fit:cover}.preview-champion-name{font-size:22px;font-weight:900;color:#fbbf24}.preview-champion-title{font-size:12px;color:#94a3b8;margin-top:-6px}.abilities-list{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;margin-top:10px}.ability-item{background:#020617;border:1px solid #1e293b;border-radius:6px;padding:8px 10px;font-size:12px}.ability-item-slot{font-weight:800;color:#38bdf8;margin-right:6px}.ability-item-name{color:#f1f5f9;font-weight:600}.lobby-action-footer{margin-top:20px;display:flex;flex-direction:column;gap:10px}.lock-in-btn{width:100%;height:48px;background:linear-gradient(180deg,#f59e0b,#d97706);color:#020617;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:1px;border:2px solid #fbbf24;border-radius:8px;cursor:pointer;box-shadow:0 0 15px #f59e0b80;transition:all .2s ease-in-out}.lock-in-btn:hover{background:linear-gradient(180deg,#fbbf24,#f59e0b);transform:translateY(-2px);box-shadow:0 0 25px #fbbf24cc}.lock-in-btn:disabled{background:#334155;border-color:#475569;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.match-browser-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5100;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 20%,rgba(56,189,248,.12),transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(251,191,36,.08),transparent 45%),linear-gradient(160deg,#020617,#0f172a 55%,#1e293b);color:#e2e8f0;font-family:Georgia,Times New Roman,serif}.mb-shell{width:min(420px,92vw);padding:28px 26px 24px;border:1px solid #334155;background:#0f172aeb;box-shadow:0 18px 50px #0000008c}.mb-header{margin-bottom:18px;text-align:center}.mb-title{margin:0 0 6px;font-size:22px;font-weight:700;letter-spacing:.02em;color:#fbbf24}.mb-subtitle{margin:0;font-size:13px;color:#94a3b8;font-family:Segoe UI,Tahoma,sans-serif}.mb-status{min-height:1.2em;margin:0 0 12px;font-size:12px;color:#38bdf8;font-family:Segoe UI,Tahoma,sans-serif;text-align:center}.mb-panel{display:flex;flex-direction:column;gap:10px}.mb-panel[hidden]{display:none!important}.mb-panel-title{margin:0 0 4px;font-size:16px;color:#f8fafc;font-family:Segoe UI,Tahoma,sans-serif}.mb-panel-subtitle{margin:12px 0 0;font-size:13px;color:#cbd5e1;font-family:Segoe UI,Tahoma,sans-serif}.mb-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #475569;background:#1e293b;color:#e2e8f0;padding:10px 14px;font-size:14px;font-family:Segoe UI,Tahoma,sans-serif;font-weight:600;cursor:pointer;text-align:center;width:100%;box-sizing:border-box}.mb-btn:hover{border-color:#94a3b8;background:#334155}.mb-btn-primary{border-color:#fbbf24;color:#fbbf24}.mb-btn-primary:hover{background:#fbbf241f}.mb-btn-secondary{border-color:#64748b;color:#cbd5e1;font-weight:500}.mb-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#94a3b8;font-family:Segoe UI,Tahoma,sans-serif}.mb-field[hidden]{display:none!important}.mb-input{background:#0f172a;color:#e2e8f0;border:1px solid #475569;padding:8px 10px;font-size:13px;border-radius:2px;font-family:Segoe UI,Tahoma,sans-serif}.mb-actions{display:flex;gap:8px;flex-wrap:wrap}.mb-actions .mb-btn{flex:1;width:auto}.mb-hint{margin:8px 0 0;font-size:11px;color:#64748b;font-family:Segoe UI,Tahoma,sans-serif;line-height:1.4}.mb-hint code{color:#94a3b8}.mb-room-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;font-family:Segoe UI,Tahoma,sans-serif}.mb-room-row{display:grid;grid-template-columns:1fr 1.4fr auto auto;gap:8px;align-items:center;text-align:left;padding:8px 10px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;cursor:pointer;font-size:12px}.mb-room-row:hover{border-color:#38bdf8}.mb-room-id{font-weight:700;color:#38bdf8}.mb-room-map{color:#cbd5e1}.mb-room-count{color:#fbbf24}.mb-room-host{color:#94a3b8}.mb-empty{margin:0;font-size:12px;color:#64748b}.mb-room-ready{margin:0;font-size:14px;color:#4ade80;font-family:Segoe UI,Tahoma,sans-serif}.mb-wait-players{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto;font-family:Segoe UI,Tahoma,sans-serif}.mb-team-board{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mb-team-col{display:flex;flex-direction:column;gap:6px;min-width:0}.mb-team-title{margin:0;font-size:13px;font-weight:700;color:#e2e8f0}.mb-team-col[data-team=order] .mb-team-title{color:#60a5fa}.mb-team-col[data-team=chaos] .mb-team-title{color:#f87171}.mb-wait-row{display:grid;grid-template-columns:1fr auto;gap:6px 8px;align-items:center;padding:6px 8px;border:1px solid #334155;background:#0f172a;font-size:12px}.mb-wait-name{font-weight:700;color:#e2e8f0}.mb-wait-champ{color:#38bdf8;grid-column:1}.mb-wait-tag,.mb-wait-lock{color:#94a3b8}.mb-wait-lock{color:#fbbf24}.mb-wait-row[data-locked=true] .mb-wait-lock{color:#4ade80}.mb-wait-moves{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px}.mb-team-btn{border:1px solid #475569;background:#1e293b;color:#e2e8f0;font-size:11px;padding:2px 6px;cursor:pointer}.mb-team-btn:hover{border-color:#94a3b8}.mb-host-actions{margin-top:4px}.match-end-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2000;pointer-events:auto;background:#0206178c}.match-end-overlay[hidden]{display:none!important}.match-end-panel{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:min(92vw,640px);max-width:720px;padding:1.5rem 1.75rem 1.25rem;border:1px solid #334155;border-radius:10px;background:#0f172af5;box-shadow:0 0 40px #000000bf;pointer-events:auto}.match-end-title{font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,3.5rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 24px rgba(0,0,0,.9),0 2px 0 #000;animation:matchEndIn .55s ease-out}.match-end--victory .match-end-title{color:#fbbf24}.match-end--defeat .match-end-title{color:#ef4444}.match-end-telemetry{width:100%;font-family:Consolas,Courier New,monospace;font-size:.85rem;color:#cbd5e1}.match-end-telemetry-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem 1.4rem}.match-end-telemetry-row strong{color:#f8fafc;font-weight:600}.match-end-scoreboard{width:100%;border-collapse:collapse;font-family:Consolas,Courier New,monospace;font-size:.85rem;color:#e2e8f0;text-align:left}.match-end-scoreboard th,.match-end-scoreboard td{padding:.4rem .55rem;border-bottom:1px solid #334155}.match-end-scoreboard th{color:#94a3b8;font-weight:600}.match-end-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin-top:.25rem}.match-end-honor-chip{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.35rem 0 .15rem}.match-end-honor-chip[hidden]{display:none}.match-end-honor-btn{padding:.4rem .95rem;border:1px solid #38bdf8;border-radius:6px;background:#0c4a6e;color:#e0f2fe;font-size:.85rem;font-weight:600;cursor:pointer}.match-end-continue-btn{margin-top:0;padding:.55rem 1.4rem;border:1px solid #38bdf8;border-radius:6px;background:#0f172a;color:#e0f2fe;font-size:.95rem;font-weight:600;letter-spacing:.04em;cursor:pointer}.match-end-rematch-btn{border-color:#fbbf24;color:#fef3c7}.match-end-continue-btn:focus{outline:2px solid #fbbf24;outline-offset:2px}.match-end-continue-btn:hover{background:#1e293b}@keyframes matchEndIn{0%{opacity:0;transform:scale(.85) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1900;pointer-events:auto;background:#02061780}.settings-overlay[hidden]{display:none!important}.settings-panel{display:flex;flex-direction:column;gap:1rem;min-width:min(92vw,420px);max-width:480px;padding:1.1rem 1.25rem 1.25rem;border:1px solid #334155;border-radius:10px;background:#0f172af7;box-shadow:0 0 28px #000000b3}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.settings-title{margin:0;font-size:1.15rem;color:#e2e8f0;letter-spacing:.04em}.settings-close-btn{border:1px solid #475569;border-radius:4px;background:#0f172a;color:#cbd5e1;cursor:pointer;padding:.2rem .45rem}.settings-section-title{margin:0 0 .5rem;font-size:.85rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.settings-field{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem;color:#e2e8f0;font-size:.9rem}.settings-field input[type=range]{flex:1;max-width:220px}.settings-keybinds-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.settings-keybinds-list li{display:flex;justify-content:space-between;align-items:center;padding:.3rem .45rem;border:1px solid #1e293b;border-radius:4px;color:#cbd5e1;font-family:Consolas,Courier New,monospace;font-size:.8rem}.settings-keybind-key{border:1px solid #475569;border-radius:3px;padding:.1rem .4rem;background:#0f172a;color:#fbbf24}.settings-hint{margin:.55rem 0 0;font-size:.75rem;color:#64748b}