#lobby{display:none;position:fixed;inset:0;background:radial-gradient(ellipse at 50% 30%,#0d1520,#050508 70%);color:#e8e6d8;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow-y:auto;z-index:1000}.lobby-container{max-width:580px;margin:0 auto;padding:0 24px 60px;display:flex;flex-direction:column;gap:16px}.lobby-header{text-align:center;padding:48px 0 24px}.lobby-title{font-size:44px;font-weight:800;letter-spacing:8px;text-transform:uppercase;color:#c8a96e;text-shadow:0 0 60px rgba(200,169,110,.35),0 2px 4px rgba(0,0,0,.8);margin-bottom:8px}.lobby-subtitle{color:#5a5850;font-size:13px;letter-spacing:3px;text-transform:uppercase}.lobby-card{background:#0f0f16;border:1px solid #22223a;border-radius:10px;padding:20px 24px}.lobby-card+.lobby-card{margin-top:0}.name-row{display:flex;gap:12px;align-items:center}.name-label{color:#5a5850;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.name-input{flex:1;background:#07070d;border:1px solid #22223a;border-radius:7px;padding:10px 14px;color:#e8e6d8;font-size:15px;outline:none;transition:border-color .15s;min-width:0}.name-input:focus{border-color:#c8a96e}.btn-primary{width:100%;background:linear-gradient(180deg,#d4b87e,#b8943a);color:#0a0806;border:none;border-radius:8px;padding:16px 24px;font-size:15px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;transition:filter .15s,transform .1s;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 2px 12px #c8a96e33}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);filter:brightness(.95)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-sub{font-size:11px;font-weight:400;opacity:.65;letter-spacing:1px;text-transform:none}.btn-secondary{background:transparent;color:#c8a96e;border:1px solid #c8a96e55;border-radius:7px;padding:10px 18px;font-size:13px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.btn-secondary:hover{background:#c8a96e14;border-color:#c8a96e}.btn-ghost{background:transparent;border:1px solid #22223a;border-radius:7px;color:#7a7870;padding:9px 16px;font-size:13px;cursor:pointer;transition:color .15s,border-color .15s}.btn-ghost:hover{color:#e8e6d8;border-color:#44445a}.btn-danger{background:transparent;color:#e05555;border:1px solid #e0555533;border-radius:7px;padding:10px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn-danger:hover{background:#e0555514}.divider{text-align:center;color:#2a2a3a;font-size:12px;letter-spacing:2px;margin:14px 0;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:38%;height:1px;background:#1e1e2e}.divider:before{left:0}.divider:after{right:0}.join-row{display:flex;gap:8px}.join-input{flex:1;background:#07070d;border:1px solid #22223a;border-radius:7px;padding:10px 14px;color:#e8e6d8;font-size:13px;outline:none;transition:border-color .15s;min-width:0}.join-input:focus{border-color:#c8a96e}.join-input.error{border-color:#e05555}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#5a5850;font-weight:600}.refresh-btn{background:transparent;border:1px solid #22223a;color:#5a5850;border-radius:5px;width:26px;height:26px;font-size:14px;cursor:pointer;transition:color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;padding:0}.refresh-btn:hover{color:#c8a96e;border-color:#c8a96e55}.refresh-btn.spinning{animation:spin .6s linear}@keyframes spin{to{transform:rotate(360deg)}}.rooms-list{display:flex;flex-direction:column;gap:8px;min-height:72px}.room-item{background:#07070d;border:1px solid #1e1e2e;border-radius:7px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;transition:border-color .15s}.room-item:hover{border-color:#2e2e4a}.room-item-info{flex:1}.room-item-name{font-size:14px;color:#e8e6d8;margin-bottom:3px}.room-item-status{font-size:12px;color:#5a5850}.room-item-right{display:flex;align-items:center;gap:12px}.dots-row{display:flex;gap:3px;align-items:center}.dot{width:9px;height:9px;border-radius:50%}.dot-filled{background:#55c878}.dot-empty{background:#1e1e2e}.badge{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#5a5850;padding:3px 8px;border:1px solid #22223a;border-radius:4px}.status-text{color:#7a7870;font-size:13px;text-align:center;padding:20px 0}.party-nav{display:flex;align-items:center;gap:16px;padding:24px 0 8px;justify-content:space-between}.party-back{background:transparent;border:none;color:#5a5850;font-size:13px;cursor:pointer;padding:0;display:flex;align-items:center;gap:6px;transition:color .15s}.party-back:hover{color:#e8e6d8}.party-title{color:#c8a96e;font-size:18px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.invite-row{display:flex;gap:8px;align-items:center}.invite-link-input{flex:1;background:#07070d;border:1px solid #1e1e2e;border-radius:7px;padding:9px 12px;color:#5a5850;font-size:12px;outline:none;font-family:SF Mono,Fira Code,monospace;min-width:0}.copy-btn{background:transparent;border:1px solid #22223a;color:#c8a96e;border-radius:7px;padding:9px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap;letter-spacing:.5px}.copy-btn:hover{background:#c8a96e14}.copy-btn.copied{color:#55c878;border-color:#55c87833}.invite-btn{background:transparent;border:1px solid #22223a;color:#c8a96e;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600;cursor:pointer;letter-spacing:.5px;transition:background .15s,border-color .15s;white-space:nowrap}.invite-btn:hover{background:#c8a96e14;border-color:#c8a96e55}.invite-btn.copied{color:#55c878;border-color:#55c87833}.member-list{display:flex;flex-direction:column;gap:8px}.member-item{background:#07070d;border:1px solid #1e1e2e;border-radius:7px;padding:11px 16px;display:flex;align-items:center;gap:12px;transition:border-color .15s}.member-item.is-you{border-color:#2a2a4a}.member-avatar{width:34px;height:34px;border-radius:50%;background:#1a1a2a;border:1px solid #2a2a3a;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#c8a96e;flex-shrink:0}.member-name{flex:1;font-size:15px;color:#e8e6d8}.tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:3px 8px;border-radius:4px;font-weight:600}.tag-leader{color:#c8a96e;border:1px solid #c8a96e44}.tag-you{color:#5a5850;border:1px solid #2a2a3a}.dungeon-info-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#07070d;border:1px solid #1e1e2e;border-radius:7px;margin-bottom:14px}.dungeon-icon{font-size:28px}.dungeon-name{font-size:15px;color:#e8e6d8;font-weight:600;margin-bottom:3px}.dungeon-desc{font-size:12px;color:#5a5850}.enter-btn{width:100%;background:linear-gradient(180deg,#d4b87e,#b8943a);color:#0a0806;border:none;border-radius:8px;padding:18px;font-size:16px;font-weight:800;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:filter .15s,transform .15s,box-shadow .15s;box-shadow:0 2px 16px #c8a96e26}.enter-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 24px #c8a96e4d}.enter-btn:active:not(:disabled){transform:translateY(0)}.enter-btn:disabled{opacity:.35;cursor:not-allowed}.enter-btn.starting{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.waiting-hint{text-align:center;color:#5a5850;font-size:12px;margin-top:10px;letter-spacing:.5px}.currency-badge{font-size:12px;font-weight:700;color:#c8a96e;letter-spacing:.5px}.stash-list{display:flex;flex-direction:column;gap:6px;min-height:48px}.stash-item{background:#07070d;border:1px solid #1e1e2e;border-radius:6px;padding:9px 14px;font-size:14px;color:#e8e6d8}.item-slot{font-size:12px;color:#5a5850;font-style:italic}.map-row,.difficulty-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-label{font-size:12px;color:#5a5850;text-transform:uppercase;letter-spacing:1px;font-weight:600}.difficulty-options{display:flex;gap:6px}.diff-btn{background:transparent;border:1px solid #22223a;color:#5a5850;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;letter-spacing:.5px}.diff-btn:hover{color:#c8a96e;border-color:#c8a96e44}.diff-btn.active{background:#c8a96e26;border-color:#c8a96e;color:#c8a96e}.pool-ability-btn{background:#07070d;border:1px solid #22223a;border-radius:6px;padding:10px 12px;color:#e8e6d8;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s;letter-spacing:.5px;position:relative;display:block;text-align:left;width:100%}.pool-ability-btn:hover{background:#c8a96e14;border-color:#c8a96e44}.pool-ability-btn.in-slot{border-color:#c8a96e55;background:#c8a96e0f}.pool-ability-btn.in-slot:hover{background:#c8a96e1f;border-color:#c8a96e99}.pool-ability-name{display:block;font-size:13px;color:#e8e6d8;font-weight:600;margin-bottom:4px}.pool-ability-meta{display:flex;gap:6px;align-items:center}.pool-ability-dmg{font-size:11px;color:#7a7870}.pool-ability-tag{font-size:10px;color:#c8a96e;background:#c8a96e1a;border:1px solid #c8a96e33;border-radius:3px;padding:1px 5px;letter-spacing:.5px;text-transform:uppercase}.pool-ability-cd{font-size:11px;color:#5a5850;margin-left:auto}.slot-badge{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:#c8a96e;color:#07070d;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.ability-pool{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.selection-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}.selection-slot{background:#07070d;border:1px solid #22223a;border-radius:7px;padding:10px 8px 8px;cursor:pointer;position:relative;min-height:64px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,box-shadow .15s}.selection-slot:hover{border-color:#44445a}.selection-slot.active{border-color:#c8a96e;box-shadow:0 0 0 1px #c8a96e44,0 0 10px #c8a96e33}.slot-number{font-size:10px;color:#5a5850;font-weight:600;letter-spacing:1px}.selection-slot.active .slot-number{color:#c8a96e}.selection-slot.empty .slot-content{color:#2a2a4a;font-size:11px;font-style:italic;text-align:center;padding-top:8px}.slot-ability-name{display:block;font-size:12px;color:#e8e6d8;font-weight:600;line-height:1.3}.slot-ability-cd{display:block;font-size:11px;color:#5a5850;margin-top:2px}.slot-remove-btn{position:absolute;top:5px;right:5px;width:16px;height:16px;background:transparent;border:none;color:#5a5850;font-size:10px;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;padding:0;transition:color .1s,background .1s}.slot-remove-btn:hover{color:#e05555;background:#e055551a}.selection-status{font-size:12px;color:#5a5850;letter-spacing:.5px;transition:color .3s}.selection-status.saved{color:#55c878}.loadout-count{font-size:12px;color:#5a5850;letter-spacing:.5px}.loadout-count.complete{color:#55c878}.tag-ready{color:#55c878;border:1px solid #55c87844}.ready-btn{width:100%;background:transparent;border:1px solid #44445a;color:#7a7870;border-radius:8px;padding:14px;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s,color .15s;margin-bottom:10px}.ready-btn:hover{border-color:#55c878;color:#55c878}.ready-btn.ready-active{background:#55c8781a;border-color:#55c878;color:#55c878}.difficulty-readonly{font-size:13px;font-weight:600;color:#c8a96e;letter-spacing:.5px}.preset-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.equipment-section{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.equipment-section:last-child{margin-bottom:0}.equipment-section-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#3a3a50;font-weight:600;margin-bottom:4px}.equip-slot{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;background:#07070d;border:1px solid #1a1a2a;border-left:3px solid transparent;font-size:13px;transition:border-color .15s}.equip-slot.equipped{border-left-color:#c8a96e55}.equip-slot-label{color:#3a3a50;font-size:11px;text-transform:uppercase;letter-spacing:1px;width:72px;flex-shrink:0}.equip-slot-item{color:#c8a96e;font-weight:600;flex:1}.equip-slot-stats{color:#5a5850;font-size:11px;flex-shrink:0}.equip-slot-empty{color:#2a2a3a;font-style:italic;font-size:13px;flex:1}.unequip-btn{background:transparent;border:none;color:#3a3a50;font-size:16px;line-height:1;cursor:pointer;padding:0 2px;flex-shrink:0;transition:color .15s}.unequip-btn:hover{color:#e05555}.available-list{display:flex;flex-direction:column;gap:6px}.available-item{background:#07070d;border:1px solid #1a1a2a;border-radius:6px;padding:9px 14px;cursor:pointer;transition:border-color .15s}.available-item:hover{border-color:#c8a96e55}.available-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.available-item-stats{color:#5a5850;font-size:11px;margin-top:3px}