body{margin:0;padding:0;overflow:hidden;background-color:#000;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;font-family:Inter,sans-serif}#app{width:100%;height:100%}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;display:flex;justify-content:center;align-items:center}#ui-layer.active{pointer-events:auto;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}body.light-mode #ui-layer.active{background-color:#ffffffb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hidden{display:none!important}.modal{background:#141414f2;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;width:90%;max-width:400px;text-align:center;color:#fff;box-shadow:0 10px 30px #00000080;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal h2{margin-top:0;margin-bottom:1.5rem;font-size:1.8rem;color:#fbbf24}.name-input-container{margin-bottom:1rem}#player-name-input{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;font-size:1.2rem;color:#fff;width:80%;text-align:center;margin-bottom:.5rem;transition:border-color .2s}#player-name-input:focus{outline:none;border-color:#fbbf24}.device-id{font-size:.8rem;color:#6b7280;margin-bottom:2rem;-webkit-user-select:all;user-select:all}.primary-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;padding:12px 32px;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;transition:transform .1s,filter .2s}.primary-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.primary-btn:active{transform:translateY(0)}.menu-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.game-title{font-size:3rem;color:#fff;margin-bottom:3rem;text-shadow:0 0 20px rgba(251,191,36,.5);font-weight:900;text-align:center}.menu-buttons{display:flex;flex-direction:column;gap:1.5rem;width:80%;max-width:300px}.menu-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:16px;font-size:1.1rem;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:700}.menu-btn:hover{background:#fff3;transform:scale(1.02)}.menu-btn.primary{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff}.menu-btn.danger{background:linear-gradient(135deg,#ef4444,#b91c1c);border:none}.popup-actions{display:flex;justify-content:space-between;gap:10px;margin-top:1.5rem}.popup-actions.row{justify-content:center}.text-btn{background:none;border:2px solid transparent;color:#9ca3af;padding:10px 20px;font-size:1rem;cursor:pointer}.text-btn:hover{color:#fff}.ranking-container{max-height:50vh;overflow-y:auto;border-radius:8px;background:#0000004d;margin-bottom:1rem;scrollbar-width:thin;scrollbar-color:#4b5563 #1f2937}.ranking-container::-webkit-scrollbar{width:8px}.ranking-container::-webkit-scrollbar-track{background:#1f2937}.ranking-container::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:4px}.ranking-list{list-style:none;padding:0;margin:0}.ranking-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.95rem}.ranking-item:last-child{border-bottom:none}.ranking-item.my-rank{background:#fbbf2433;border-left:4px solid #fbbf24}.rank-num{font-weight:700;width:30px;text-align:left;color:#9ca3af}.rank-name{flex:1;text-align:left;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-score{font-family:monospace;font-weight:700;color:#fbbf24}.credits{position:absolute;bottom:2rem;text-align:center;color:#fff6;font-size:.7rem;line-height:1.4;pointer-events:none;z-index:2000}.credits p:last-child{opacity:.4}#version-info{position:absolute;top:10px;width:100%;text-align:center;color:#ffffff4d;font-size:.8rem;pointer-events:none;z-index:2000}.modal.full-screen{max-width:500px;max-height:85vh;overflow-y:auto;margin:auto}.settings-section{margin-bottom:1.5rem}.section-title{font-size:1rem;color:#9ca3af;margin-bottom:.75rem;text-align:left}.section-title span{color:#fbbf24}.weapon-type-label{font-size:.85rem;color:#6b7280;text-align:left;margin:.5rem 0 .25rem}.weapon-description-section{margin:.75rem 0}.weapon-description{background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 12px;min-height:50px;font-size:.8rem;color:#d1d5db;line-height:1.4}.weapon-description .description-placeholder{color:#6b7280;font-style:italic}.weapon-description .weapon-title{color:#fbbf24;font-weight:700;margin-bottom:4px;display:block}.weapon-description .weapon-type-badge{display:inline-block;font-size:.65rem;padding:2px 6px;border-radius:4px;margin-left:6px;vertical-align:middle}.weapon-description .weapon-type-badge.attack{background:#22c55e;color:#000}.weapon-description .weapon-type-badge.defense{background:#3b82f6;color:#fff}.weapon-description .weapon-type-badge.limited{background:#ec4899;color:#fff}.weapon-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.weapon-item{width:60px;height:60px;background:#0009;border:2px solid rgba(255,255,255,.4);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative}.weapon-item:hover{background:#000c;transform:scale(1.05);border-color:#fff9}.weapon-item.selected{border-color:#4ade80;background:#4ade8026}.weapon-item.disabled{opacity:.4;cursor:not-allowed}.weapon-item .weapon-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.weapon-item .weapon-name{font-size:.55rem;color:#9ca3af;text-align:center;line-height:1.1;max-width:65px;word-wrap:break-word;padding:0 2px}.weapon-item .check-mark{position:absolute;top:2px;right:2px;color:#4ade80;font-size:14px;display:none}.weapon-item.selected .check-mark{display:block}.deck-slots{display:flex;gap:10px;justify-content:center}.deck-slot{width:55px;height:55px;background:#00000080;border:2px dashed rgba(255,255,255,.3);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .2s}.deck-slot.filled{border-style:solid;border-color:#fbbf24;background:#fbbf241a}.deck-slot .slot-placeholder{font-size:1.5rem;color:#ffffff4d}.deck-slot .weapon-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.deck-slot .remove-btn{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#ef4444;border:none;border-radius:50%;color:#fff;font-size:12px;cursor:pointer;display:none;align-items:center;justify-content:center;line-height:1}.deck-slot.filled .remove-btn{display:flex}.deck-slot.filled .slot-placeholder{display:none}#settings-save-btn:disabled{opacity:.5;cursor:not-allowed}#settings-save-btn:disabled:hover{transform:none;filter:none}#deck-count{font-size:.9rem}