.top-nav{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:52px;background:#0b0d12f7;border-bottom:1px solid rgba(255,255,255,.04);position:sticky;top:0;z-index:100}.top-nav.hidden{display:none}.nav-left{display:flex;align-items:center;gap:24px}.nav-logo{text-decoration:none;color:var(--gold);flex-shrink:0}.nav-logo-text{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;letter-spacing:.12em;color:#d4a84b}.nav-links{display:flex;gap:0;align-items:center}.nav-item{color:#b4afa58c;text-decoration:none;font-size:.72rem;font-weight:600;letter-spacing:.06em;transition:color .2s;padding:16px 14px;position:relative}.nav-item:hover,.nav-item--active{color:var(--text)}.nav-item--active:after{content:"";position:absolute;bottom:0;left:14px;right:14px;height:2px;background:#3acc60;border-radius:1px}.nav-right{display:flex;align-items:center;gap:14px}.nav-wallet{display:flex;align-items:center;gap:6px;background:#c9a24e1a;border:1px solid rgba(201,162,78,.2);border-radius:20px;padding:5px 14px 5px 8px;text-decoration:none;cursor:pointer;transition:all .2s}.nav-wallet:hover{background:#c9a24e2e;border-color:#c9a24e66}.wallet-coin{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:linear-gradient(135deg,#c9a24e,#e8c85a);color:#1a1500;border-radius:50%;font-size:.7rem;font-weight:900}#wallet-amount{color:var(--text);font-weight:600;font-size:.85rem}.nav-notifications{position:relative;cursor:pointer;font-size:1rem}.badge{position:absolute;top:-6px;right:-8px;background:#ff4d4d;color:#fff;font-size:.55rem;padding:1px 5px;border-radius:10px;font-weight:700;min-width:14px;text-align:center}.badge.hidden{display:none}.nav-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#c9a24e,#a8832e);color:#1a1500;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.nav-username{font-size:.85rem;color:var(--text);font-weight:500}.nav-logout-btn{background:none;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);padding:5px 14px;border-radius:4px;cursor:pointer;font-size:.72rem;font-weight:500;transition:all .2s;font-family:var(--font-body)}.nav-logout-btn:hover{border-color:#ffffff40;color:var(--text)}.btn{padding:10px 24px;border:none;border-radius:8px;font-family:var(--font-body);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-primary{background:linear-gradient(135deg,var(--cta),var(--cta-dim));color:#fff;box-shadow:0 4px 15px #3acc604d}.btn-primary:hover{background:linear-gradient(135deg,var(--cta-bright),var(--cta));box-shadow:0 6px 20px #3acc6066;transform:translateY(-1px)}.btn-secondary{background:var(--panel);color:var(--text);border:1px solid var(--panel-border)}.btn-secondary:hover{background:var(--panel-hover);border-color:var(--panel-border-hover)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:#1a1a1a;font-weight:700}.btn-gold:hover{background:linear-gradient(135deg,var(--gold-bright),var(--gold));box-shadow:0 4px 15px var(--gold-glow)}.btn-danger{background:#ff4d4d1a;color:var(--red);border:1px solid rgba(255,77,77,.2)}.btn-danger:hover{background:#ff4d4d33}.btn-sm{padding:6px 14px;font-size:.75rem}.btn-lg{padding:14px 32px;font-size:.95rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:var(--space-5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s}.card:hover{border-color:var(--panel-border-hover);box-shadow:0 12px 40px #0006}.card-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--gold);margin-bottom:var(--space-3)}.input{width:100%;padding:10px 14px;background:#0000004d;border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:.85rem;transition:border-color .2s}.input:focus{outline:none;border-color:var(--gold-dim);box-shadow:0 0 0 2px var(--gold-bg)}.input::placeholder{color:var(--text-muted)}.section{max-width:var(--max-width);margin:0 auto;padding:var(--space-7) var(--space-5)}.section-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--gold);margin-bottom:var(--space-5)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--panel-solid);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;animation:scaleIn .3s ease}.modal-title{font-family:var(--font-heading);font-size:1.3rem;color:var(--gold);margin-bottom:var(--space-4)}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.progress-hp{background:linear-gradient(90deg,var(--red-dim),var(--red))}.progress-mp{background:linear-gradient(90deg,var(--blue-dim),var(--blue))}.progress-xp{background:linear-gradient(90deg,var(--gold-dim),var(--gold))}.toast-container{position:fixed;top:70px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{background:var(--panel-solid);border:1px solid var(--panel-border);border-radius:var(--radius-sm);padding:12px 20px;color:var(--text);font-size:.85rem;animation:slideInRight .3s ease;max-width:350px}.toast-success{border-left:3px solid var(--cta)}.toast-error{border-left:3px solid var(--red)}.toast-info{border-left:3px solid var(--blue)}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-4);color:var(--text-dim)}@media(max-width:768px){.top-nav{padding:0 var(--space-3);flex-wrap:wrap;height:auto;padding-top:8px;padding-bottom:8px}.nav-center{order:3;width:100%;overflow-x:auto;padding-top:4px;gap:var(--space-2)}.nav-item{font-size:.75rem;white-space:nowrap}.section{padding:var(--space-5) var(--space-3)}}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,rgba(80,60,30,.2),transparent 60%),radial-gradient(ellipse at 50% 80%,rgba(40,30,15,.3),transparent 50%),linear-gradient(180deg,#0a0d12,#0f1318 40%,#0c0f15)}.login-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.particle{position:absolute;width:2px;height:2px;background:#f6c86d99;border-radius:50%;opacity:0;animation:particleFloat 6s ease-in-out infinite}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) scale(.5)}15%{opacity:.7}85%{opacity:.2}to{opacity:0;transform:translateY(-100px) scale(1.2)}}.login-frame{position:relative;z-index:1;max-width:480px;width:92%}.frame-diamond{position:absolute;z-index:10;color:#5ba3e6;font-size:18px;filter:drop-shadow(0 0 8px rgba(91,163,230,.6))}.frame-diamond-top{top:-10px;left:50%;transform:translate(-50%)}.login-card{background:linear-gradient(180deg,#12100cf7,#0c0a08fa);border:2px solid;border-image:linear-gradient(180deg,#c9a24e,#8b6914,#5a4410,#3d2e0a,#5a4410,#c9a24e) 1;padding:48px 40px 36px;text-align:center;box-shadow:0 0 60px #0009,inset 0 1px #c9a24e26,inset 0 -1px #c9a24e14}.login-logo{margin-bottom:20px}.login-logo-img{width:220px;height:auto;margin-bottom:16px;filter:drop-shadow(0 4px 20px rgba(0,0,0,.5))}.login-title{font-family:var(--font-heading);font-size:3.2rem;font-weight:900;color:#d4a84b;letter-spacing:.2em;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 30px rgba(212,168,75,.15);line-height:1.1}.login-subtitle{color:#b4afa599;font-size:.72rem;margin-top:10px;letter-spacing:.25em;font-weight:400;text-transform:uppercase}.login-divider{display:flex;align-items:center;justify-content:center;margin:24px 0;position:relative}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,78,.4),transparent)}.login-rune{color:#c9a24e;font-size:.8rem;margin:0 16px;opacity:.7}.login-description{color:#c8c3b9a6;font-size:.85rem;line-height:1.7;margin-bottom:32px;max-width:360px;margin-left:auto;margin-right:auto}.login-buttons{display:flex;flex-direction:column;gap:14px}.login-buttons.hidden{display:none}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;border-radius:8px;font-family:var(--font-body);font-weight:700;font-size:.8rem;letter-spacing:.08em;cursor:pointer;transition:all .25s ease;border:none}.login-btn-icon{width:20px;height:20px;flex-shrink:0}.login-btn-telegram{background:linear-gradient(135deg,#3acc60,#2ea84d);color:#fff;border:2px solid rgba(58,204,96,.4);box-shadow:0 4px 20px #3acc6033,inset 0 1px #ffffff1a}.login-btn-telegram:hover{background:linear-gradient(135deg,#50e878,#3acc60);box-shadow:0 6px 30px #3acc6059,inset 0 1px #ffffff26;transform:translateY(-1px)}.login-btn-email{background:transparent;color:#dcd7cdd9;border:2px solid rgba(255,255,255,.12)}.login-btn-email:hover{border-color:#3acc6066;color:#e8e6e0;background:#3acc600d;box-shadow:0 0 20px #3acc601a;transform:translateY(-1px)}.login-form{display:flex;flex-direction:column;gap:12px}.login-form.hidden{display:none}.form-group{text-align:left}.form-group.hidden{display:none}.login-input{width:100%;padding:14px 16px;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text);font-family:var(--font-body);font-size:.85rem;transition:all .2s}.login-input:focus{outline:none;border-color:#c9a24e66;box-shadow:0 0 0 2px #c9a24e14;background:#00000080}.login-input::placeholder{color:#b4afa559}.login-link{background:none;border:none;color:#c8c3b980;font-size:.78rem;cursor:pointer;padding:6px;transition:color .2s;font-family:var(--font-body)}.login-link:hover{color:var(--gold)}.login-error{background:#ff4d4d14;border:1px solid rgba(255,77,77,.2);color:#ff6b6b;padding:10px 14px;border-radius:6px;font-size:.8rem}.login-error.hidden{display:none}.login-invite{background:#c9a24e0f;border:1px solid rgba(201,162,78,.15);color:#c9a24e;padding:10px 14px;border-radius:6px;font-size:.78rem;margin-top:16px}.login-invite.hidden{display:none}.login-footer{margin-top:28px;color:#b4afa559;font-size:.72rem;letter-spacing:.08em}@media(max-width:520px){.login-card{padding:40px 24px 28px}.login-title{font-size:2.4rem}.login-logo-img{width:160px}.login-subtitle{font-size:.6rem}}.dash{max-width:var(--max-width);margin:0 auto;padding:32px 24px 60px}.dash-section{margin-bottom:48px}.dash-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dash-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text)}.dash-empty{color:var(--text-muted);font-size:.85rem;padding:20px 0}.dash-btn-create{background:linear-gradient(135deg,#e8c85a,#c9a24e);color:#1a1500;border:none;padding:12px 28px;border-radius:8px;font-weight:700;font-size:.8rem;letter-spacing:.06em;cursor:pointer;transition:all .25s;font-family:var(--font-body)}.dash-btn-create:hover{background:linear-gradient(135deg,#ffe08a,#e8c85a);box-shadow:0 4px 20px #e8c85a4d;transform:translateY(-1px)}.dash-heroes{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.hero-card{background:linear-gradient(180deg,#14120ef2,#0e0c0afa);border:2px solid rgba(100,80,40,.25);border-radius:4px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.hero-card:hover{border-color:#c9a24e80}.hero-card--selected{border-color:#c9a24e;box-shadow:0 0 20px #c9a24e26,inset 0 0 30px #c9a24e08}.hero-selected-badge{position:absolute;top:12px;right:12px;background:#14120ed9;color:var(--gold);font-size:.7rem;font-weight:600;padding:4px 12px;border-radius:12px;border:1px solid rgba(201,162,78,.3);z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-portrait{width:100%;height:280px;background-size:cover;background-position:center top;background-color:#1e1912cc;position:relative}.hero-level-badge{position:absolute;bottom:12px;right:12px;background:#0a0a08d9;color:var(--text);font-size:.75rem;font-weight:700;padding:4px 14px;border-radius:4px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-levelup-icon{position:absolute;top:10px;left:10px;color:var(--gold, #f6c86d);font-size:1.5rem;z-index:3;filter:drop-shadow(0 0 6px rgba(246,200,109,.6));animation:levelUpArrow 1.2s ease-in-out infinite}@keyframes levelUpArrow{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-4px);opacity:1}}.hero-info{padding:16px 18px 18px}.hero-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:4px}.hero-class{color:var(--text-dim);font-size:.8rem;margin-bottom:12px}.hero-xp-bar{position:relative;width:100%;height:20px;background:#ffffff0f;border-radius:3px;overflow:hidden;margin-bottom:12px}.hero-xp-fill{height:100%;background:linear-gradient(90deg,#c9a24e,#e8c85a);border-radius:3px;transition:width .5s}.hero-xp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.65rem;font-weight:600;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.7)}.hero-coins{display:flex;gap:16px;font-size:.82rem;margin-bottom:14px}.coin-gold{color:#e8c85a}.coin-silver{color:#b0b0b0}.hero-actions{display:flex;gap:8px}.hero-btn{padding:8px 18px;border-radius:4px;font-weight:700;font-size:.7rem;letter-spacing:.04em;cursor:pointer;transition:all .2s;font-family:var(--font-body);text-transform:uppercase;border:1px solid}.hero-btn-details{background:transparent;border-color:#ffffff1f;color:var(--text-dim)}.hero-btn-details:hover{border-color:#ffffff4d;color:var(--text)}.hero-btn-delete{background:transparent;border-color:#ff4d4d33;color:#ff6b6b}.hero-btn-delete:hover{border-color:#ff4d4d80;background:#ff4d4d14}.hero-card--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;border-style:dashed;border-color:#ffffff14;background:#100e0c80}.hero-card--empty:hover{border-color:#c9a24e4d}.hero-empty-icon{margin-bottom:16px;opacity:.5}.hero-empty-text{color:var(--text-dim);font-size:.9rem;margin-bottom:6px}.hero-empty-sub{color:var(--text-muted);font-size:.75rem}.dash-maps{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:16px}.map-card{background:linear-gradient(180deg,#14120ef2,#0e0c0afa);border:1px solid rgba(100,80,40,.2);border-radius:4px;overflow:hidden;transition:all .3s}.map-card:hover{border-color:#c9a24e66}.map-card--locked{opacity:.5}.map-card--locked .map-image{filter:grayscale(.8) brightness(.5)}.map-image{width:100%;height:160px;background-size:cover;background-position:center;background-color:#1e191299;position:relative}.map-lock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;opacity:.6}.map-info{padding:14px 16px}.map-name{font-family:var(--font-heading);font-size:.95rem;color:var(--gold);margin-bottom:6px}.map-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px}.map-players{color:var(--text-dim);font-size:.78rem}.map-diff{font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.04em}.map-diff--easy{background:#3acc601f;color:#3acc60}.map-diff--medium{background:#ff8c421f;color:#ff8c42}.map-diff--hard{background:#ff4d4d1f;color:#ff4d4d}.map-diff--nightmare{background:#a855f71f;color:#a855f7}.map-start-btn{margin-top:4px}.map-soon{color:var(--text-muted);font-size:.78rem}.dash-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:16px}.dash-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);padding:14px;font-size:.85rem;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.dash-tab:hover{color:var(--text);background:#ffffff05}.dash-tab.active{color:var(--text);border-bottom-color:var(--gold)}.dash-tab-content{display:none}.dash-tab-content.active{display:block}.dash-join-form{display:flex;gap:12px;max-width:500px}.session-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--panel);border:1px solid var(--panel-border);border-radius:4px;margin-bottom:8px}.session-name{font-size:.9rem}.session-meta{color:var(--text-dim);font-size:.78rem;display:block;margin-top:4px}.session-actions{display:flex;align-items:center;gap:8px}.dash-btn-continue{background:linear-gradient(135deg,#3acc60,#2ea84d);color:#fff;border:none;padding:10px 24px;border-radius:4px;font-weight:700;font-size:.75rem;letter-spacing:.04em;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.dash-btn-continue:hover{background:linear-gradient(135deg,#50e878,#3acc60)}.dash-btn-x{background:none;border:1px solid rgba(255,77,77,.2);color:#ff4d4d99;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:.8rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.dash-btn-x:hover{border-color:#ff4d4d;color:#ff4d4d;background:#ff4d4d14}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:4px;padding:20px 16px;text-align:center}.stat-val{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;margin-bottom:4px}.stat-val--default{color:var(--text)}.stat-val--green{color:#3acc60}.stat-val--red{color:#ff4d4d}.stat-val--gold{color:#e8c85a}.stat-label{color:var(--text-muted);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.scenarios-breakdown{background:var(--panel);border:1px solid var(--panel-border);border-radius:4px;padding:16px 20px}.scenarios-title{font-size:.9rem;margin-bottom:12px}.scenario-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.85rem;color:var(--text-dim)}.scenario-count{color:var(--text);font-weight:600}.history-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--panel);border:1px solid var(--panel-border);border-radius:4px;margin-bottom:8px}.history-info strong{font-size:.9rem}.history-meta{color:var(--text-dim);font-size:.78rem;display:block;margin-top:4px}.history-date{color:var(--text-muted);font-size:.78rem;white-space:nowrap}.dash-show-all{display:block;width:100%;background:var(--panel);border:1px solid var(--panel-border);border-radius:4px;color:var(--text-dim);padding:14px;font-size:.8rem;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:all .2s;font-family:var(--font-body);text-align:center;margin-top:4px}.dash-show-all:hover{color:var(--gold);border-color:#c9a24e4d}.dash-show-all.hidden{display:none}@media(max-width:768px){.dash-heroes{grid-template-columns:1fr}.dash-maps{grid-template-columns:1fr 1fr}.dash-stats{grid-template-columns:repeat(2,1fr)}.hero-portrait{height:200px}.session-row{flex-direction:column;gap:12px;align-items:flex-start}.session-actions{align-self:flex-end}}@media(max-width:480px){.dash-maps{grid-template-columns:1fr}.dash-section-header{flex-direction:column;gap:12px;align-items:flex-start}}.game-screen{display:flex;flex-direction:column;height:100vh;background:var(--bg, #0b0f15);color:var(--text, #e8e6e0);overflow:hidden;font-family:var(--font-body, "Montserrat", sans-serif)}.game-top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0b0d12f2;border-bottom:1px solid rgba(255,255,255,.06);z-index:10;flex-shrink:0;min-height:40px}.top-bar-left{display:flex;align-items:center;gap:12px}.game-mission-name{font-family:var(--font-heading, "Cinzel", serif);font-size:.9rem;font-weight:700;color:var(--gold, #f6c86d)}.game-info-center{display:flex;align-items:center;gap:8px;font-size:.78rem}.info-sep{color:#ffffff26}.mode-explore{color:var(--cta, #3acc60);font-weight:600}.mode-combat{color:var(--red, #ff4d4d);font-weight:600}.game-turn-name{font-weight:600}.turn-hero{color:var(--cta)}.turn-monster{color:var(--red)}.top-bar-right{display:flex;align-items:center;gap:12px}.info-gold{font-size:.82rem}.game-menu-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-dim, #9a9a9e);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.75rem;font-family:var(--font-body)}.game-menu-btn:hover{border-color:var(--gold-dim, #c9a24e);color:var(--text)}.game-narration-bar{display:flex;align-items:center;gap:10px;padding:6px 16px;background:#5b8fff0a;border-bottom:1px solid rgba(91,143,255,.08);font-size:.8rem;color:var(--text-dim);flex-shrink:0}.narration-ai-badge{background:var(--blue, #5b8fff);color:#fff;padding:1px 6px;border-radius:3px;font-size:.65rem;font-weight:700}.narration-text{font-style:italic}.game-main{display:flex;flex:1;overflow:hidden}.game-team-panel{width:180px;flex-shrink:0;padding:8px;background:#0b0d12e6;border-right:1px solid rgba(255,255,255,.06);overflow-y:auto}.team-title{font-size:.7rem;font-weight:700;color:var(--text-dim);margin-bottom:8px;letter-spacing:.06em}.team-hero-card{padding:6px;margin-bottom:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:6px;display:flex;gap:6px}.team-hero-card.team-hero--mine{border-color:#3acc6033}.team-hero-card.team-hero--active{border-color:var(--gold-dim);background:#f6c86d0a}.team-hero-portrait{width:36px;height:36px;border-radius:4px;overflow:hidden;flex-shrink:0}.team-hero-portrait img{width:100%;height:100%;object-fit:cover}.team-hero-info{flex:1;min-width:0}.team-hero-name{font-size:.68rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-hero-level{font-size:.6rem;color:var(--text-dim);margin-left:4px}.team-bar{display:flex;align-items:center;gap:4px;margin-top:2px}.team-bar-track{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.team-bar-fill{height:100%;border-radius:2px;transition:width .3s}.team-bar--hp .team-bar-fill{background:var(--red, #ff4d4d)}.team-bar--mp .team-bar-fill{background:var(--blue, #5b8fff)}.team-bar-text{font-size:.55rem;color:var(--text-dim);min-width:36px;text-align:right}.team-turn-indicator{font-size:.58rem;color:var(--gold);margin-top:2px}.status-icon{font-size:.6rem;margin-left:2px}.game-center-col{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.game-map-area{flex:1;position:relative;overflow:hidden}.game-map-scroll{width:100%;height:100%;overflow:auto}.game-map{transform-origin:top left;transition:transform .15s}.game-zoom{position:absolute;top:8px;left:8px;z-index:5;display:flex;flex-direction:column;gap:4px}.zoom-btn{width:28px;height:28px;background:#0009;border:1px solid rgba(255,255,255,.1);color:var(--text);font-size:1rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.zoom-btn:hover{border-color:var(--gold-dim)}.map-loading{display:flex;align-items:center;justify-content:center;height:400px;color:var(--text-dim);font-size:.9rem}.tactical-grid{display:grid;gap:0;--cell-size: 40px;position:relative}.map-bg-img{display:block}.map-cell{width:var(--cell-size);height:var(--cell-size);position:relative;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;z-index:1;outline:1px solid rgba(255,255,255,.06)}.cell-floor,.cell-obstacle,.cell-water,.cell-fire{background:transparent}.cell-wall{background:transparent;cursor:default;pointer-events:none}.cell-floor:hover,.cell-obstacle:hover,.cell-water:hover,.cell-fire:hover{background:#f6c86d1f;box-shadow:inset 0 0 6px #f6c86d1a}.cell-reachable{background:#3acc6026!important;box-shadow:inset 0 0 8px #3acc602e;border:1px solid rgba(58,204,96,.25)}.cell-reachable:hover{background:#3acc604d!important}.cell-reachable-obstacle{background:#e6be3226!important;box-shadow:inset 0 0 8px #e6be322e;border:1px solid rgba(230,190,50,.25)}.cell-reachable-obstacle:hover{background:#e6be324d!important}.cell-attackable{background:#ff4d4d26!important;box-shadow:inset 0 0 8px #ff4d4d2e}.cell-interactable{background:#64b4ff33!important;box-shadow:inset 0 0 8px #64b4ff40;border:1px solid rgba(100,180,255,.3)}.cell-searchable{background:#b482ff1f!important;box-shadow:inset 0 0 6px #b482ff26;border:1px solid rgba(180,130,255,.2)}.fog-hidden{background:#0a0806!important;cursor:default;pointer-events:none}.fog-explored{position:relative}.fog-explored:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;pointer-events:none;z-index:2}.token{width:32px;height:32px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;font-size:.9rem}.token-hero{border:2px solid rgba(58,204,96,.5);z-index:2}.token-mine{border-color:var(--gold);box-shadow:0 0 8px #f6c86d4d}.token-monster{border:2px solid rgba(255,77,77,.5);z-index:2}.token-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.token-hp-bar{position:absolute;bottom:-3px;left:2px;right:2px;height:3px;background:var(--cta);border-radius:2px}.token-hp-monster{background:var(--red)}.token-object{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.token-object img{width:100%;height:100%;object-fit:contain;pointer-events:none}.token-npc{font-size:1.1rem}.game-right-panel{width:260px;flex-shrink:0;display:flex;flex-direction:column;background:#0b0d12e6;border-left:1px solid rgba(255,255,255,.06)}.right-panel-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.06)}.rp-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);padding:8px;font-size:.72rem;cursor:pointer;font-family:var(--font-body)}.rp-tab--active{color:var(--text);border-bottom-color:var(--gold)}.rp-tab--new{color:var(--cta)}.right-panel-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.game-log{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.log-entry{font-size:.7rem;line-height:1.4;padding:2px 0;color:var(--text-dim)}.log-system{color:var(--text-muted, #7a7a84)}.log-error{color:var(--red)}.log-narration{color:var(--blue);font-style:italic}.log-combat{color:var(--orange, #ff8c42)}.game-chat{flex:1;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.chat-msg{font-size:.72rem}.chat-name{font-weight:600;color:var(--gold-dim)}.chat-text{color:var(--text-dim)}.chat-msg--mine .chat-name{color:var(--cta)}.chat-input-wrap{display:flex;gap:4px;padding:6px 8px;border-top:1px solid rgba(255,255,255,.06)}.chat-input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.08);color:var(--text);padding:6px 8px;border-radius:4px;font-size:.72rem;font-family:var(--font-body)}.chat-input:focus{outline:none;border-color:var(--gold-dim)}.chat-send-btn{background:var(--cta);color:#fff;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.8rem}.game-action-bar{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#0b0d12f7;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.action-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-dim);padding:8px 14px;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:70px;position:relative;font-family:var(--font-body);transition:all .2s}.action-btn:hover{border-color:var(--gold-dim);color:var(--text);background:#ffffff0f}.action-btn--active{border-color:var(--cta);color:var(--cta);background:#3acc6014}.action-btn--disabled{opacity:.35;pointer-events:none;border-color:#ffffff1a!important;color:#ffffff4d!important;background:transparent!important}.action-btn-dropdown-wrap{position:relative}.action-dropdown{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:2px;min-width:200px;background:linear-gradient(145deg,#2a2520,#1a1610);border:1px solid var(--gold-dim, #c9a24e);border-radius:8px;padding:6px;box-shadow:0 8px 32px #0009;z-index:100}.action-dd-item{display:flex;align-items:center;gap:8px;padding:10px 14px;background:transparent;border:none;color:var(--text, #e8e6e0);font-family:var(--font-body);font-size:.85rem;border-radius:6px;cursor:pointer;text-align:left;white-space:nowrap}.action-dd-item:hover{background:#c9a24e26;color:var(--gold, #f6c86d)}.free-action-textarea{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:var(--text, #e8e6e0);padding:10px 12px;border-radius:6px;font-family:var(--font-body);font-size:.9rem;resize:vertical;min-height:80px}.free-action-textarea:focus{outline:none;border-color:var(--gold-dim, #c9a24e)}.map-marker{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:#ff6b6b;text-shadow:0 0 6px rgba(255,107,107,.8);pointer-events:none;z-index:5}.marker-types{display:flex;gap:6px;justify-content:center;margin:12px 0}.marker-type-btn{width:44px;height:44px;font-size:1.3rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.marker-type-btn:hover{border-color:var(--gold-dim);color:var(--text)}.marker-type-btn--active{border-color:#ff6b6b;color:#ff6b6b;background:#ff6b6b1a}.marker-visibility{margin-top:12px}.marker-vis-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}.marker-vis-option{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:.85rem;cursor:pointer}.marker-vis-option input{accent-color:var(--gold)}.chest-popup-content{min-width:360px;max-width:440px}.chest-silver{text-align:center;font-size:1rem;color:var(--gold, #f6c86d);margin-bottom:12px}.chest-items-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto;margin-bottom:16px}.chest-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;transition:background .15s}.chest-item:hover{background:#ffffff14}.chest-item-icon{font-size:1.4rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chest-item-img{width:32px;height:32px;object-fit:contain;border-radius:4px}.chest-item-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.chest-item-name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chest-item-desc{font-size:.75rem;color:var(--text-dim, #9a9a9e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chest-item-take{background:#3acc6026;border:1px solid rgba(58,204,96,.3);color:#3acc60;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.75rem;font-family:var(--font-body);white-space:nowrap;flex-shrink:0;transition:all .15s}.chest-item-take:hover{background:#3acc6040;border-color:#3acc60}.chest-popup-actions{display:flex;gap:8px;justify-content:center}.fai-textarea{width:100%;padding:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary, #e8e6e0);font-family:var(--font-body);font-size:.9rem;resize:vertical;min-height:60px}.fai-textarea:focus{border-color:var(--gold, #c9a24e);outline:none}.transfer-allies{display:flex;flex-direction:column;gap:6px}.transfer-ally-btn{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text-primary, #e8e6e0);font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:all .15s}.transfer-ally-btn:hover{background:#3acc601a;border-color:#3acc604d}.ginv-action-free{background:#6495ed26!important;border-color:#6495ed4d!important;color:#6495ed!important}.ginv-action-free:hover{background:#6495ed40!important}.ginv-action-transfer{background:#ffa50026!important;border-color:#ffa5004d!important;color:orange!important}.ginv-action-transfer:hover{background:#ffa50040!important}.cell-sneak-target{background:#8000ff33!important;border-color:#8000ff66!important;cursor:crosshair!important}.cell-sneak-target:hover{background:#8000ff59!important}.token-eavesdrop-target{outline:2px solid rgba(255,200,50,.7)!important;border-radius:50%;cursor:crosshair!important}.mission-bar{background:linear-gradient(90deg,#c9a24e14,#14120ef2 60%);border-bottom:1px solid rgba(201,162,78,.15);z-index:10;flex-shrink:0}.mission-bar-header{display:flex;align-items:center;gap:8px;padding:6px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.mission-bar-header:hover{background:#c9a24e0f}.mission-bar-icon{font-size:.85rem}.mission-bar-label{flex:1;font-size:.8rem;color:var(--gold, #c9a24e);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-bar-arrow{color:var(--text-dim, #9a9a9e);font-size:.7rem;transition:transform .2s}.mission-bar-body{padding:6px 14px 10px 34px;border-top:1px solid rgba(255,255,255,.04)}.mission-bar-item{font-size:.78rem;color:var(--text-dim, #9a9a9e);padding:3px 0}.mission-bar-tag{color:var(--gold, #c9a24e);font-weight:600}.popup-x-close{position:absolute;top:12px;right:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:var(--gold, #f6c86d);cursor:pointer;z-index:10;border-radius:50%;background:#f6c86d14;border:1px solid rgba(246,200,109,.2);transition:all .2s;line-height:1;-webkit-user-select:none;user-select:none}.popup-x-close:hover{background:#f6c86d33;border-color:var(--gold, #f6c86d);color:#fff;transform:scale(1.1)}.game-popup,.game-menu-popup{position:relative}.npc-dialog-content{min-width:340px;max-width:440px;padding:0;overflow:hidden}.npc-dialog-header{display:flex;align-items:center;gap:12px;padding:16px 16px 8px}.npc-dialog-portrait{width:64px;height:64px;border-radius:8px;object-fit:cover;border:2px solid rgba(246,200,109,.3);flex-shrink:0}.npc-dialog-name-wrap{display:flex;flex-direction:column;gap:2px}.npc-dialog-name{font-family:var(--font-heading, "Cinzel", serif);font-size:1rem;font-weight:700;color:var(--gold, #f6c86d)}.npc-dialog-type{font-size:.72rem;color:var(--text-dim, #9a9a9e)}.npc-dialog-text{padding:8px 16px 12px;font-size:.85rem;color:var(--text, #e8e6e0);line-height:1.5}.npc-dialog-actions{padding:0 16px 16px;display:flex;flex-direction:column;gap:6px}.npc-dialog-option{padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0a;color:var(--text);font-size:.82rem;cursor:pointer;text-align:left;transition:all .15s;font-family:var(--font-body)}.npc-dialog-option:hover{background:#f6c86d1a;border-color:#f6c86d4d}.npc-dialog-trade{color:var(--gold, #f6c86d);border-color:#f6c86d33}.npc-dialog-text{max-height:250px;overflow-y:auto}.npc-dialog-player{color:#5b8fff;font-weight:600;margin:6px 0 2px}.npc-dialog-loading{color:var(--text-dim);font-style:italic;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.npc-dialog-custom{display:flex;gap:6px;margin-top:4px}.npc-dialog-input{flex:1;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#0000004d;color:var(--text);font-size:.82rem;font-family:var(--font-body);outline:none}.npc-dialog-input:focus{border-color:#f6c86d66}.npc-dialog-input::placeholder{color:var(--text-dim)}.npc-dialog-send{padding:8px 14px;background:var(--gold, #f6c86d);color:#1a1610;border:none;border-radius:6px;font-size:1rem;cursor:pointer;font-weight:700;transition:opacity .15s}.npc-dialog-send:hover{opacity:.85}.briefing-popup-content{min-width:380px;max-width:520px;padding:24px 28px}.briefing-header{text-align:center;margin-bottom:16px}.briefing-title{font-family:var(--font-heading, "Cinzel", serif);font-size:1.4rem;font-weight:900;color:var(--gold, #f6c86d);margin:0}.briefing-subtitle{font-size:.8rem;color:var(--text-dim);margin:4px 0 0}.briefing-lore{font-size:.85rem;color:var(--text);line-height:1.6;padding:12px 16px;margin-bottom:12px;background:#ffffff08;border-left:3px solid rgba(246,200,109,.3);border-radius:0 6px 6px 0;font-style:italic}.briefing-desc{font-size:.82rem;color:var(--text-dim);margin-bottom:12px}.briefing-objectives{margin-bottom:12px}.briefing-obj-title{font-family:var(--font-heading);font-size:1rem;color:var(--text);margin:0 0 8px}.briefing-obj{font-size:.85rem;padding:6px 10px;border-radius:6px;margin-bottom:4px}.briefing-obj-main{background:#3acc6014;border:1px solid rgba(58,204,96,.15);color:#3acc60}.briefing-obj-bonus{background:#f6c86d14;border:1px solid rgba(246,200,109,.15);color:var(--gold)}.briefing-obj-secret{background:#a855f714;border:1px solid rgba(168,85,247,.15);color:#a855f7}.briefing-tips{font-size:.8rem;color:var(--text-dim);padding:10px;background:#ffffff05;border-radius:6px}.briefing-tips h4{margin:0 0 4px;color:var(--text);font-size:.85rem}.turn-order-panel{position:absolute;top:44px;left:50%;transform:translate(-50%);z-index:12;display:flex;gap:4px;padding:4px 8px;background:#0b0d12e6;border:1px solid rgba(255,255,255,.08);border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.turn-order-entry{display:flex;align-items:center;gap:3px;padding:4px 8px;border-radius:5px;font-size:.7rem;white-space:nowrap;transition:all .2s}.to-hero{background:#3acc601a;color:#3acc60}.to-monster{background:#ff4d4d1a;color:#ff6b6b}.to-current{border:2px solid var(--gold, #f6c86d);box-shadow:0 0 8px #f6c86d4d}.to-icon{font-size:.9rem}.to-name{font-weight:600;max-width:70px;overflow:hidden;text-overflow:ellipsis}.combat-start-content{text-align:center;min-width:320px}.combat-start-title{font-family:var(--font-heading);font-size:2rem;font-weight:900;color:#ff4d4d;text-shadow:0 0 20px rgba(255,77,77,.5);margin:0 0 16px;animation:combatPulse .8s ease-in-out infinite alternate}@keyframes combatPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.combat-start-order{display:flex;flex-direction:column;gap:4px}.combat-init-entry{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;font-size:.82rem}.combat-init-hero{background:#3acc6014;color:#3acc60}.combat-init-monster{background:#ff4d4d14;color:#ff6b6b}.combat-init-icon{font-size:1.1rem}.combat-init-name{flex:1;font-weight:600}.combat-init-roll{font-size:.72rem;color:var(--text-dim)}.combat-end-content{text-align:center;min-width:320px}.combat-end-title{font-family:var(--font-heading);font-size:1.6rem;font-weight:900;margin:0 0 16px}.combat-end-rewards{text-align:left}.combat-reward-row{padding:4px 0;font-size:.85rem;color:var(--text)}.your-turn-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;padding:16px 40px;border-radius:12px;background:#f6c86d26;border:2px solid var(--gold, #f6c86d);color:var(--gold);font-family:var(--font-heading);font-size:1.4rem;font-weight:900;text-shadow:0 0 15px rgba(246,200,109,.5);pointer-events:none;animation:toastFade 2s ease-in-out forwards}.spectator-banner{position:absolute;top:44px;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;background:#5b8fff1f;border-bottom:1px solid rgba(91,143,255,.25);color:#5b8fff;font-size:.85rem;font-weight:600}.spectator-join-btn{background:#f6c86d26;border:1px solid rgba(246,200,109,.3);color:var(--gold);padding:4px 14px;border-radius:5px;cursor:pointer;font-size:.78rem;font-weight:600}.spectator-join-btn:hover{background:#f6c86d40}.spectator-section{margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.spectator-divider{font-size:.65rem;color:var(--text-muted);text-align:center;margin-bottom:4px}.spectator-count{font-size:.78rem;color:#5b8fff;text-align:center}.join-request-content{min-width:320px;text-align:center}.join-request-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)}}.npc-hover-popup{position:fixed;z-index:10000;background:linear-gradient(145deg,#2a2520,#1a1610);border:1px solid rgba(201,162,78,.4);border-radius:10px;padding:0;min-width:220px;max-width:280px;box-shadow:0 8px 30px #0009;pointer-events:auto;overflow:hidden}.npc-hover-preview{width:100%;height:160px;overflow:hidden;background:#111}.npc-hover-preview-img{width:100%;height:100%;object-fit:cover;display:block}.npc-hover-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:10px 14px 0}.npc-hover-icon{font-size:1.6rem;flex-shrink:0}.npc-hover-img{width:36px;height:36px;border-radius:50%;object-fit:cover}.npc-hover-name{font-family:Cinzel,serif;font-size:.95rem;font-weight:700}.npc-friendly{color:#3acc60}.npc-hostile{color:#ff6b6b}.npc-hover-type{font-size:.72rem;color:#999}.npc-hover-hp{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding:0 14px}.npc-hover-hp-label{font-size:.65rem;color:#999}.npc-hover-hp-track{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.npc-hover-hp-fill{height:100%;background:#c33;border-radius:3px}.npc-hover-hp-val{font-size:.65rem;color:#ccc}.npc-hover-actions{display:flex;gap:6px;padding:0 14px 12px}.npc-hover-btn{flex:1;padding:6px 8px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0a;color:#ddd;font-size:.75rem;cursor:pointer;transition:all .2s}.npc-hover-btn:hover{background:#ffffff1a}.npc-hover-talk{border-color:#3acc604d}.npc-hover-talk:hover{background:#3acc6026;color:#3acc60}.npc-hover-attack{border-color:#ff4d4d4d}.npc-hover-attack:hover{background:#ff4d4d26;color:#ff4d4d}.npc-hover-dist{font-size:.72rem;color:#888;font-style:italic;padding:0 14px 12px}.no-actions-popup{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0006;pointer-events:auto}.no-actions-card{background:linear-gradient(145deg,#2a2520,#1a1610);border:2px solid var(--gold, #c9a24e);border-radius:16px;padding:24px 36px;text-align:center;box-shadow:0 12px 40px #00000080}.no-actions-text{color:#ccc;font-size:1rem;margin-bottom:16px;font-family:Cinzel,serif}.action-btn--end{border-color:var(--orange, #ff8c42);color:var(--orange)}.action-btn--end:hover{background:#ff8c421a}.action-icon{font-size:1.1rem}.action-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.action-badge{position:absolute;top:-4px;right:-4px;background:var(--cta);color:#fff;font-size:.55rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.game-popup-overlay,.game-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center}.game-popup,.game-menu-popup{background:var(--panel-solid, #131825);border:1px solid rgba(201,162,78,.25);border-radius:12px;padding:24px;max-width:420px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.game-popup h3,.menu-title{font-family:var(--font-heading);font-size:1.1rem;color:var(--gold);text-align:center;margin-bottom:16px}.ability-select-list,.item-select-list{display:flex;flex-direction:column;gap:6px}.ability-option,.item-option,.interact-btn{padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;cursor:pointer;transition:all .2s}.ability-option:hover,.item-option:hover,.interact-btn:hover{border-color:var(--gold-dim);background:#ffffff0f}.ability-option--disabled{opacity:.45;cursor:not-allowed}.ability-option--disabled:hover{border-color:#ffffff0f;background:#ffffff08}.ability-opt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ability-opt-name{font-weight:700;font-size:.88rem;color:var(--gold, #f6c86d)}.item-opt-name{font-weight:600;font-size:.85rem}.ability-opt-desc{font-size:.78rem;color:var(--text-dim);line-height:1.4;margin-bottom:4px}.ability-opt-cost{font-size:.75rem;color:#5b8fff;font-weight:600}.ability-opt-meta{display:flex;gap:10px;font-size:.7rem;color:var(--text-muted, #666);flex-wrap:wrap}.ability-opt-cd{color:#f6c86d}.ability-opt-no-mana{color:#ff4d4d}.ability-select-list{max-height:400px;overflow-y:auto}.item-option{display:flex;align-items:center;gap:10px}.item-opt-img{width:28px;height:28px;object-fit:contain;border-radius:3px}.item-opt-info{flex:1}.item-opt-qty{font-size:.7rem;color:var(--text-dim)}.interact-buttons{display:flex;flex-direction:column;gap:6px}.popup-close{display:block;width:100%;margin-top:12px;padding:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text-dim);cursor:pointer;font-family:var(--font-body);font-size:.8rem;text-align:center}.menu-section{margin-bottom:16px}.menu-section h4{font-size:.82rem;font-weight:700;color:var(--text-dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.menu-toggle{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.82rem;cursor:pointer}.menu-toggle input{accent-color:var(--cta)}.menu-buttons{display:flex;flex-direction:column;gap:8px}.menu-btn{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff08;color:var(--text);cursor:pointer;font-family:var(--font-body);font-size:.85rem;text-align:center;transition:all .2s}.menu-btn:hover{border-color:var(--gold-dim);background:#ffffff0f}.menu-btn--primary{border-color:#3acc604d;color:var(--cta)}.menu-btn--warning{border-color:#ff8c424d;color:var(--orange)}.menu-btn--danger{border-color:#ff4d4d4d;color:var(--red)}.game-briefing{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px}.briefing-content{max-width:600px;background:var(--panel-solid);border:1px solid rgba(201,162,78,.2);border-radius:12px;padding:28px;max-height:80vh;overflow-y:auto}.briefing-close{position:absolute;top:16px;right:20px;background:none;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer}@media(max-width:900px){.game-team-panel{display:none}.game-right-panel{width:200px}}.mobile-log-toggle{display:none}@media(max-width:600px){.game-right-panel{position:absolute;right:0;top:80px;bottom:60px;width:260px;z-index:15;transform:translate(100%);transition:transform .3s;background:var(--panel-solid, #0f1118)}.game-right-panel.panel-open{transform:translate(0)}.mobile-log-toggle{display:flex;position:absolute;right:8px;top:48px;z-index:16;width:36px;height:36px;align-items:center;justify-content:center;background:#0f1118e6;border:1px solid rgba(246,200,109,.3);border-radius:8px;font-size:1.1rem;cursor:pointer;color:var(--gold)}.action-btn{min-width:50px;padding:6px 8px}.action-label,.game-team-panel{display:none}}.game-inv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.game-inv-panel{width:95vw;max-width:1000px;max-height:90vh;background:linear-gradient(180deg,#12100cfa,#0a0806fc);border:2px solid rgba(201,162,78,.3);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0009}.game-inv-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid rgba(201,162,78,.15)}.game-inv-title{font-family:var(--font-heading);font-size:1.1rem;color:var(--gold);margin:0}.game-inv-close{background:none;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);width:32px;height:32px;border-radius:4px;cursor:pointer;font-size:1rem}.game-inv-close:hover{border-color:var(--red);color:var(--red)}.game-inv-body{overflow-y:auto;padding:16px;flex:1}.ginv-layout{display:flex;flex-direction:column;gap:14px}.ginv-top-row{display:flex;gap:16px}.ginv-left{width:45%;flex-shrink:0;display:flex;gap:12px}.ginv-portrait{width:120px;height:160px;flex-shrink:0;background-size:cover;background-position:center top;border-radius:8px;border:2px solid rgba(201,162,78,.2)}.ginv-info-block{flex:1;display:flex;flex-direction:column;gap:6px}.ginv-right-top{flex:1}.ginv-equip-and-preview{display:flex;gap:12px}.ginv-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:12px}.ginv-hero-info{text-align:center}.ginv-hero-name{font-family:var(--font-heading);font-size:1rem;color:var(--gold)}.ginv-hero-meta{font-size:.75rem;color:var(--text-muted)}.ginv-bars{display:flex;flex-direction:column;gap:4px}.ginv-bar{display:flex;align-items:center;gap:6px;font-size:.7rem}.ginv-bar-label{width:20px;color:var(--text-muted);font-weight:700}.ginv-bar-track{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.ginv-bar-fill{height:100%;border-radius:4px;transition:width .3s}.ginv-bar--hp .ginv-bar-fill{background:linear-gradient(90deg,#c44,#ff6b6b)}.ginv-bar--mp .ginv-bar-fill{background:linear-gradient(90deg,#46c,#6b8bff)}.ginv-bar-val{font-size:.65rem;color:var(--text-dim);min-width:55px;text-align:right}.ginv-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.ginv-stat{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:4px 6px;text-align:center}.ginv-stat-label{display:block;font-size:.6rem;color:var(--text-muted);font-weight:700;letter-spacing:.05em}.ginv-stat-val{display:block;font-size:.85rem;color:var(--text);font-weight:600}.ginv-coins{display:flex;gap:12px;justify-content:center;font-size:.8rem;color:var(--text-dim)}.ginv-preview{flex:1;min-height:100px}.ginv-preview-hint{color:var(--text-muted);font-size:.75rem;font-style:italic;text-align:center;padding:12px}.ginv-preview-card{background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:10px}.ginv-preview-header{display:flex;gap:10px;align-items:center;margin-bottom:8px}.ginv-preview-img{width:40px;height:40px;border-radius:4px;object-fit:contain;background:#0000004d}.ginv-preview-emoji{font-size:1.5rem}.ginv-preview-name{font-size:.85rem;font-weight:700}.ginv-preview-rarity{font-size:.65rem;color:var(--text-muted)}.ginv-preview-desc{font-size:.72rem;color:var(--text-dim);margin-bottom:6px;line-height:1.4}.ginv-preview-stat{font-size:.7rem;color:var(--text-dim);margin:2px 0}.ginv-preview-actions{display:flex;gap:6px;margin-top:8px}.ginv-action-btn{flex:1;padding:6px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text-dim);cursor:pointer;font-size:.7rem;font-family:var(--font-body);transition:all .2s}.ginv-action-btn:hover{border-color:var(--gold-dim);color:var(--text)}.ginv-action-use{border-color:#3acc604d;color:var(--cta)}.ginv-action-equip{border-color:#5b8fff4d;color:var(--blue)}.ginv-section-title{font-size:.7rem;font-weight:700;color:var(--gold);letter-spacing:.06em;margin-bottom:10px}.ginv-equip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.ginv-equip-slot{aspect-ratio:1;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:border-color .2s;overflow:hidden}.ginv-equip-slot:hover{border-color:#c9a24e4d}.ginv-slot--filled{border-color:#c9a24e33}.ginv-slot-label{font-size:.55rem;color:var(--text-muted);opacity:.5;text-align:center}.ginv-equip-img{width:80%;height:80%;object-fit:contain}.ginv-equip-text{font-size:.55rem;color:var(--text-dim);text-align:center;padding:2px}.ginv-slot--common{border-color:#9a9a9e4d}.ginv-slot--uncommon{border-color:#3acc604d}.ginv-slot--rare{border-color:#5b8fff66}.ginv-slot--epic{border-color:#a855f766}.ginv-slot--legendary{border-color:#f6c86d80;box-shadow:0 0 8px #f6c86d26}.ginv-count{font-weight:400;color:var(--text-muted)}.ginv-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.ginv-item{aspect-ratio:1;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s;overflow:hidden}.ginv-item:hover{border-color:#c9a24e4d;background:#ffffff0f}.ginv-item--empty{cursor:default;opacity:.4}.ginv-item--empty:hover{border-color:#ffffff0f;background:#ffffff08}.ginv-item-img{width:80%;height:80%;object-fit:contain}.ginv-item-emoji{font-size:1.2rem}.ginv-item-qty{position:absolute;bottom:1px;right:3px;font-size:.55rem;color:var(--text);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8)}.ginv-item--common{border-color:#9a9a9e33}.ginv-item--uncommon{border-color:#3acc604d}.ginv-item--rare{border-color:#5b8fff59}.ginv-item--epic{border-color:#a855f759}.ginv-item--legendary{border-color:#f6c86d66;box-shadow:0 0 6px #f6c86d1a}.ginv-hint{font-size:.68rem;color:var(--text-muted);margin-top:8px;font-style:italic}@media(max-width:500px){.ginv-top-row{flex-direction:column}.ginv-left{width:100%}.ginv-portrait{width:80px;height:100px}.ginv-equip-and-preview{flex-direction:column}.ginv-equip-grid{grid-template-columns:repeat(5,60px)}.ginv-grid{grid-template-columns:repeat(5,1fr)}}.dice-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000bf;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.dice-popup{background:linear-gradient(145deg,#2a2520,#1a1610);border:2px solid var(--gold, #c9a24e);border-radius:16px;padding:32px 40px;text-align:center;min-width:320px;box-shadow:0 20px 60px #0009,0 0 30px #c9a24e26}.dice-popup-title{font-family:Cinzel,serif;font-size:1.5rem;color:var(--gold, #c9a24e);margin-bottom:8px}.dice-popup-message{color:#ccc;font-size:.95rem;margin-bottom:20px}.dice-popup-dice-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin:16px 0}.dice-popup-dice{width:120px;height:120px;display:flex;align-items:center;justify-content:center;transition:transform .1s;position:relative}.dice-img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.dice-popup-value{font-family:Cinzel,serif;font-size:3.2rem;font-weight:900;color:var(--gold, #c9a24e);text-shadow:0 2px 12px rgba(0,0,0,.7);transition:color .3s,transform .3s;line-height:1}.dice-value-success{color:#3acc60!important;transform:scale(1.3);text-shadow:0 0 20px rgba(58,204,96,.5)}.dice-value-fail{color:#ff4d4d!important;transform:scale(1.3);text-shadow:0 0 20px rgba(255,77,77,.5)}.dice-shaking{animation:diceSwing 65ms ease-in-out infinite alternate}@keyframes diceSwing{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}.dice-success .dice-popup-dice{filter:drop-shadow(0 0 24px rgba(58,204,96,.7)) drop-shadow(0 0 48px rgba(58,204,96,.35));animation:dicePulse .5s}.dice-fail .dice-popup-dice{filter:drop-shadow(0 0 24px rgba(255,77,77,.7)) drop-shadow(0 0 48px rgba(255,77,77,.35));animation:dicePulse .5s}@keyframes dicePulse{0%{transform:scale(1.2)}to{transform:scale(1)}}.dice-popup-dc{color:#999;font-size:.85rem;margin:8px 0}.dice-popup-result{margin:4px 0 0;font-size:.85rem;font-weight:500}.dice-bonus-line{color:var(--text-dim, #9a9a9e);font-family:Cinzel,serif}.dice-popup-btn{background:linear-gradient(145deg,var(--gold, #c9a24e),#a07830);color:#1a1610;border:none;padding:12px 32px;border-radius:8px;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.dice-popup-btn:hover{transform:scale(1.05);box-shadow:0 4px 20px #c9a24e66}.inv-page{max-width:var(--max-width);margin:0 auto;padding:0 20px 40px}.inv-tabs-bar{display:flex;justify-content:center;gap:6px;padding:8px 0;border-bottom:1px solid var(--panel-border);margin-bottom:10px;overflow-x:auto}.inv-hero-tab{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#14192380;border:1px solid rgba(255,255,255,.06);border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0;font-family:var(--font-body);color:var(--text-dim)}.inv-hero-tab:hover{border-color:#c9a24e4d;color:var(--text)}.inv-hero-tab--active{border-color:#c9a24e80;background:#c9a24e0f;color:var(--text)}.inv-tab-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid rgba(201,162,78,.3)}.inv-tab-info{display:flex;flex-direction:column}.inv-tab-name{font-size:.75rem;font-weight:600}.inv-tab-meta{font-size:.58rem;color:var(--text-muted)}.inv-section-title{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:var(--text-dim);margin-bottom:8px;text-transform:uppercase}.inv-center,.inv-right{display:flex;flex-direction:column}.inv-layout{display:grid;grid-template-columns:220px 240px 1fr;gap:14px;margin-bottom:24px;border:1px solid rgba(201,162,78,.15);border-radius:8px;padding:16px;background:#10141e66;align-items:start}.inv-left{display:flex;flex-direction:column;gap:12px;padding-top:26px}.inv-portrait{width:100%;height:240px;background-size:cover;background-position:center top;background-color:#1e191280;border:1px solid rgba(201,162,78,.15);border-radius:4px}.inv-stat-row{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:.85rem}.inv-stat-row .inv-stat-label{flex:0 0 40px}.inv-stat-row .inv-stat-val{flex:1}.inv-stat-up-btn{width:22px;height:22px;border-radius:4px;border:1px solid rgba(246,200,109,.3);background:#f6c86d1a;color:var(--gold, #f6c86d);font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;padding:0;line-height:1}.inv-stat-up-btn:hover{background:#f6c86d40;border-color:var(--gold);transform:scale(1.15)}.inv-skill-points{margin-top:8px;padding:6px 10px;border-radius:6px;background:#5b8fff14;border:1px solid rgba(91,143,255,.15);font-size:.8rem;color:#5b8fff;text-align:center}.inv-levelup-btn{width:100%;margin-top:10px;padding:10px;border:2px solid var(--gold, #f6c86d);background:linear-gradient(135deg,#f6c86d26,#f6c86d0d);color:var(--gold);font-family:var(--font-heading, "Cinzel", serif);font-size:.9rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s;animation:levelUpPulse 1.5s ease-in-out infinite}.inv-levelup-btn:hover{background:#f6c86d40;transform:scale(1.03)}@keyframes levelUpPulse{0%,to{box-shadow:0 0 8px #f6c86d33}50%{box-shadow:0 0 20px #f6c86d80}}.inv-xp-bar-wrap{margin-top:10px}.inv-xp-label{font-size:.72rem;color:var(--text-dim);margin-bottom:3px;text-align:center}.inv-xp-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.inv-xp-fill{height:100%;background:linear-gradient(90deg,#5b8fff,#a855f7);border-radius:3px;transition:width .3s}.levelup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.levelup-popup{background:linear-gradient(145deg,#2a2520,#1a1610);border:2px solid rgba(246,200,109,.5);border-radius:14px;padding:28px 32px;min-width:380px;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:0 0 40px #f6c86d33}.levelup-title{text-align:center;font-family:var(--font-heading, "Cinzel", serif);font-size:1.6rem;font-weight:900;color:var(--gold, #f6c86d);margin:0 0 16px;text-shadow:0 0 20px rgba(246,200,109,.4);animation:levelUpGlow 1.5s ease-in-out infinite}@keyframes levelUpGlow{0%,to{text-shadow:0 0 10px rgba(246,200,109,.3)}50%{text-shadow:0 0 30px rgba(246,200,109,.6)}}.levelup-rewards{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.levelup-reward{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#3acc6014;border:1px solid rgba(58,204,96,.2);border-radius:6px;font-size:.82rem;color:#3acc60;font-weight:600}.levelup-reward-icon{font-size:1rem}.levelup-section{margin-bottom:16px}.levelup-section-title{font-size:.9rem;color:var(--text, #e8e6e0);margin:0 0 10px}.levelup-stats{display:flex;flex-direction:column;gap:4px}.levelup-stat-row{display:flex;align-items:center;gap:8px;padding:4px 0}.levelup-stat-label{width:36px;color:var(--text-dim);font-weight:600;font-size:.8rem}.levelup-stat-val{color:var(--text);font-weight:700;font-size:.9rem;min-width:24px}.levelup-stat-btn{width:26px;height:26px;border-radius:5px;border:1px solid rgba(246,200,109,.3);background:#f6c86d1a;color:var(--gold);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.levelup-stat-btn:hover{background:#f6c86d40;transform:scale(1.1)}.levelup-points-left{text-align:center;font-size:.8rem;color:#5b8fff;margin-top:8px}.levelup-abilities{display:flex;flex-direction:column;gap:8px}.levelup-ability{padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:border-color .15s}.levelup-ability:hover{border-color:#f6c86d4d}.levelup-ability-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.levelup-ability-name{font-weight:700;color:var(--gold);font-size:.88rem}.levelup-ability-cost{font-size:.72rem;color:#5b8fff}.levelup-ability-desc{font-size:.78rem;color:var(--text-dim);line-height:1.4;margin-bottom:6px}.levelup-ability-learn{padding:5px 14px;border:1px solid rgba(58,204,96,.3);border-radius:5px;background:#3acc601a;color:#3acc60;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--font-body)}.levelup-ability-learn:hover{background:#3acc6033;border-color:#3acc60}.levelup-ability-learn.learned{background:#3acc600d;color:#3acc60;opacity:.6}.levelup-done{width:100%;margin-top:12px;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,var(--gold, #f6c86d),#a07830);color:#1a1610;font-family:var(--font-heading);font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.levelup-done:hover{transform:scale(1.02);box-shadow:0 4px 15px #f6c86d4d}.inv-stat-label{color:var(--text-dim);font-weight:600;font-size:.78rem}.inv-stat-val{color:var(--text);font-weight:700}.inv-stat-bonus{font-size:.7rem;margin-left:3px;font-weight:600}.inv-stat-equip{color:#3acc60}.inv-stat-ability{color:#5b8fff}.inv-stat-penalty{color:#ff4d4d;font-size:.7rem;margin-left:3px;font-weight:600}.inv-coins{display:flex;gap:12px;font-size:.82rem;padding:8px 0;border-top:1px solid var(--panel-border)}.inv-coin-gold{color:#e8c85a}.inv-coin-silver{color:#b0b0b0}.inv-exchange-btn{background:#e8c85a1a;border:1px solid rgba(232,200,90,.3);color:#e8c85a;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:.68rem;font-family:var(--font-body);transition:all .2s}.inv-exchange-btn:hover{background:#e8c85a33;border-color:#e8c85a}.inv-description{background:var(--panel);border:1px solid rgba(201,162,78,.15);border-radius:4px;padding:10px}.inv-desc-placeholder{color:var(--text-muted);font-size:.8rem}.inv-desc-type{color:var(--text-dim);font-size:.75rem;margin-bottom:8px}.inv-desc-text{font-size:.82rem;margin-bottom:8px;line-height:1.5}.inv-desc-stat{font-size:.82rem;margin-bottom:3px}.inv-desc-weight{color:var(--text-muted);font-size:.75rem;margin-top:8px}.inv-desc-actions{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--panel-border)}.inv-action-btn{width:100%;padding:8px 12px;border-radius:4px;font-size:.75rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .2s;border:1px solid;text-align:center}.inv-action-btn--equip{background:#3acc601a;border-color:#3acc604d;color:#50e878}.inv-action-btn--equip:hover{background:#3acc6033;border-color:#3acc6080}.inv-action-btn--unequip{background:#ff8c421a;border-color:#ff8c424d;color:#ff8c42}.inv-action-btn--unequip:hover{background:#ff8c4233;border-color:#ff8c4280}.inv-action-btn--stash{background:#5b8fff14;border-color:#5b8fff33;color:#7daaff}.inv-action-btn--stash:hover{background:#5b8fff26;border-color:#5b8fff66}.inv-action-btn--inv{background:#c9a24e14;border-color:#c9a24e33;color:#e8c85a}.inv-action-btn--inv:hover{background:#c9a24e26;border-color:#c9a24e66}.inv-action-btn--use{background:#a855f71a;border-color:#a855f74d;color:#c084fc}.inv-action-btn--use:hover{background:#a855f733;border-color:#a855f780}.inv-equip-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inv-equip-slot{aspect-ratio:1;background:#14192399;border:2px solid rgba(201,162,78,.12);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.inv-equip-slot:hover{border-color:#c9a24e66}.inv-equip-slot--filled{border-color:#c9a24e4d}.inv-equip-slot--empty{cursor:default}.inv-equip-img{width:80%;height:80%;object-fit:contain}.inv-equip-placeholder{font-size:.7rem;color:var(--text-dim);text-align:center;padding:4px}.inv-slot-label{font-size:.52rem;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;text-align:center;line-height:1.2;padding:2px}.inv-right-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.inv-weight{color:var(--text-muted);font-size:.72rem;display:flex;align-items:center;gap:4px}.inv-weight-bar{width:100%;height:4px;background:#ffffff0f;border-radius:2px;margin-bottom:10px;overflow:hidden}.inv-weight-fill{height:100%;background:linear-gradient(90deg,#3acc60,#50e878);border-radius:2px;transition:width .3s}.inv-weight-danger{background:linear-gradient(90deg,#ff4d4d,#ff6b6b)}.inv-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.inv-item{aspect-ratio:1;background:#14192380;border:1.5px solid rgba(255,255,255,.06);border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:relative}.inv-item:hover:not(.inv-item--empty){border-color:#c9a24e80;transform:scale(1.05);z-index:2}.inv-item--empty{cursor:default;opacity:.4}.inv-item--common{border-color:#9d9d9d40}.inv-item--uncommon{border-color:#1eff004d}.inv-item--rare{border-color:#0070ff4d}.inv-item--epic{border-color:#a335ee4d}.inv-item--legendary{border-color:#ff80004d}.inv-item-img{width:80%;height:80%;object-fit:contain;image-rendering:auto}.inv-item-emoji{font-size:1.3rem}.inv-item-qty{position:absolute;top:2px;left:4px;font-size:.6rem;font-weight:700;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.8)}.inv-abilities-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.inv-abilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.inv-ability-card{background:#141e3280;border:1.5px solid rgba(91,143,255,.15);border-radius:4px;padding:10px 6px;text-align:center;cursor:pointer;transition:all .2s}.inv-ability-card:hover{border-color:#5b8fff66;background:#141e32b3}.inv-ability-card--empty{cursor:default;opacity:.3}.inv-ability-icon{font-size:1.2rem;margin-bottom:4px}.inv-ability-name{font-size:.7rem;color:var(--text-dim);word-break:break-word}.inv-stash-section{margin-bottom:40px}.inv-stash-hint{color:var(--text-muted);font-size:.78rem;margin-bottom:12px}.inv-stash-grid{grid-template-columns:repeat(10,1fr);max-height:calc(var(--cell-size, 48px) * 5 + 4 * 4px + 8px);overflow-y:auto;padding-right:4px}.inv-stash-grid::-webkit-scrollbar{width:4px}.inv-stash-grid::-webkit-scrollbar-track{background:#ffffff05;border-radius:2px}.inv-stash-grid::-webkit-scrollbar-thumb{background:#c9a24e33;border-radius:2px}.inv-stash-grid::-webkit-scrollbar-thumb:hover{background:#c9a24e66}.inv-stash-slots{font-size:.65rem;color:var(--text-muted);font-weight:400;margin-left:6px}.inv-stash-buy{display:flex;gap:10px;margin-top:14px}.inv-stash-buy-btn{flex:1;padding:10px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-dim);font-family:var(--font-body);font-size:.82rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.inv-stash-buy-btn:hover{border-color:var(--gold-dim);color:var(--text);background:#f6c86d0a}.inv-stash-buy-btn--premium{border-color:#c9a24e40;background:#c9a24e0a;color:var(--gold-dim)}.inv-stash-buy-btn--premium:hover{border-color:var(--gold);color:var(--gold);background:#c9a24e14}.inv-stash-price{font-weight:700;color:var(--gold)}.inv-stash-badge{position:absolute;top:-8px;right:-4px;background:var(--cta);color:#fff;font-size:.55rem;font-weight:700;padding:2px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.04em}.inv-item[draggable=true]{cursor:grab}.inv-item[draggable=true]:active{cursor:grabbing}.inv-item--dragging{opacity:.4;border-color:var(--gold)!important}.inv-item--dragover{border-color:var(--cta)!important;background:#3acc601a!important;box-shadow:inset 0 0 12px #3acc6026}.inv-equip-slot--dragover{border-color:var(--cta)!important;background:#3acc601f!important;box-shadow:inset 0 0 16px #3acc6026}.inv-ability-details{margin-top:10px;display:flex;flex-direction:column;gap:4px}.inv-ability-detail{display:flex;justify-content:space-between;font-size:.78rem}.inv-detail-label{color:var(--text-muted)}.inv-detail-value{color:var(--text);font-weight:600}.inv-setup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s}.inv-setup-popup{background:linear-gradient(180deg,#161410fa,#0e0c0afc);border:2px solid rgba(201,162,78,.3);border-radius:12px;padding:36px 32px;max-width:520px;width:90%;text-align:center;box-shadow:0 20px 60px #0009;animation:scaleIn .3s ease}.inv-setup-icon{font-size:2.5rem;margin-bottom:12px}.inv-setup-title{font-family:var(--font-heading);font-size:1.3rem;color:var(--gold);margin-bottom:8px}.inv-setup-text{color:var(--text-dim);font-size:.85rem;margin-bottom:24px;line-height:1.5}.inv-setup-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.inv-setup-option{background:#10141e99;border:2px solid rgba(255,255,255,.06);border-radius:8px;padding:20px 16px;text-align:center;cursor:pointer;transition:all .3s}.inv-setup-option:hover{border-color:#c9a24e80;background:#c9a24e0a}.inv-setup-option-icon{font-size:2rem;margin-bottom:8px}.inv-setup-option-name{font-family:var(--font-heading);font-size:1rem;color:var(--gold);margin-bottom:4px}.inv-setup-option-desc{color:var(--text-dim);font-size:.78rem;margin-bottom:4px}.inv-setup-option-meta{color:var(--text-muted);font-size:.68rem}@media(max-width:900px){.inv-layout{grid-template-columns:1fr}.inv-portrait{height:250px}.inv-equip-grid{grid-template-columns:repeat(4,1fr)}.inv-grid,.inv-stash-grid{grid-template-columns:repeat(5,1fr)}.inv-abilities-row{grid-template-columns:1fr}}@media(max-width:480px){.inv-grid,.inv-stash-grid{grid-template-columns:repeat(4,1fr)}.inv-abilities-grid{grid-template-columns:repeat(2,1fr)}}.city-page{width:100%;height:calc(100vh - 52px);overflow:hidden;position:relative;background:#0a0d12}.city-map-wrapper{width:100%;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center}.city-map{position:relative;min-width:100%;min-height:100%;display:inline-block}.city-map-bg{display:block;width:100%;min-width:900px;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.city-locations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.city-loc{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;pointer-events:all;transition:transform .2s;z-index:2}.city-loc:hover{transform:translate(-50%,-50%) scale(1.15);z-index:10}.city-loc-icon-wrap{position:relative;width:48px;height:48px}.city-loc-icon-wrap:has(.city-loc-img){width:84px;height:84px;background:#0a0d12bf;border:2px solid rgba(201,162,78,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 16px #00000080;transition:all .2s}.city-loc:hover .city-loc-icon-wrap:not(:has(.city-loc-img)){border-color:var(--gold);background:#0a0d12e6;box-shadow:0 0 20px #c9a24e66,0 4px 16px #00000080;transform:scale(1.08)}.city-loc:hover .city-loc-icon-wrap{border-color:var(--gold);background:#0a0d12e6;box-shadow:0 0 20px #c9a24e66,0 4px 16px #00000080;transform:scale(1.08)}.city-loc:hover .city-loc-img{filter:drop-shadow(0 0 10px rgba(246,200,109,.5)) brightness(1.15);transform:scale(1.05)}.city-loc-badge{position:absolute;top:-4px;right:-4px;background:var(--cta, #3acc60);color:#fff;font-size:.7rem;font-weight:700;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--bg, #0b0f15);box-shadow:0 2px 6px #0006;z-index:2}.city-loc-icon{font-size:1.3rem}.city-loc-img{width:80px;height:80px;object-fit:contain;border-radius:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));transition:transform .2s,filter .2s}.city-loc:hover .city-loc-img{transform:scale(1.15);filter:drop-shadow(0 0 12px rgba(201,162,78,.5)) drop-shadow(0 2px 8px rgba(0,0,0,.6)) brightness(1.15)}.city-loc-badge{position:absolute;top:-4px;right:-4px;background:#3acc60;color:#fff;font-size:.55rem;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(10,13,18,.9)}.city-loc-name{margin-top:4px;font-family:var(--font-heading);font-size:.65rem;font-weight:700;color:var(--gold);text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.7);white-space:nowrap;letter-spacing:.02em}.city-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.city-popup-card{background:linear-gradient(180deg,#12100cf7,#0c0a08fa);border:2px solid rgba(201,162,78,.3);border-radius:8px;padding:32px;min-width:300px;text-align:center;position:relative;animation:scaleIn .2s ease;box-shadow:0 20px 60px #0009}.city-popup-close{position:absolute;top:10px;right:14px;background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;transition:color .2s}.city-popup-close:hover{color:var(--text)}.city-popup-title{font-family:var(--font-heading);font-size:1.3rem;color:var(--gold);margin-bottom:8px}.city-popup-meta{color:var(--text-dim);font-size:.85rem;margin-bottom:20px}.city-popup-actions{display:flex;gap:10px;justify-content:center}@media(max-width:768px){.city-loc-icon-wrap{width:36px;height:36px}.city-loc-icon{font-size:1rem}.city-loc-name{font-size:.55rem}}.lobby-page{height:calc(100vh - 52px);display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.lobby-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#0b0d12f7;border-bottom:1px solid var(--panel-border);flex-shrink:0}.lobby-back-btn{background:none;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);padding:6px 14px;border-radius:4px;cursor:pointer;font-size:.78rem;font-family:var(--font-body);transition:all .2s}.lobby-back-btn:hover{color:var(--text);border-color:#ffffff40}.lobby-title{font-family:var(--font-heading);font-size:1.1rem;color:var(--gold)}.lobby-hero-balance{display:flex;align-items:center;gap:12px;font-size:.82rem}.hero-name-badge{background:#f6c86d1a;border:1px solid rgba(246,200,109,.2);padding:3px 10px;border-radius:12px;font-size:.72rem;font-weight:600;color:var(--gold)}.hero-gold{color:#e8c85a}.hero-gold strong{font-size:.9rem}.hero-silver{color:#b0b0b0}.hero-silver strong{font-size:.9rem}.lobby-players-count{color:var(--text-dim);font-size:.8rem}.lobby-layout{display:grid;grid-template-columns:200px 1fr 260px;flex:1;overflow:hidden}.lobby-players-panel{background:#0b0d12f2;border-right:1px solid var(--panel-border);padding:12px;overflow-y:auto}.lobby-panel-title{font-size:.7rem;font-weight:700;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.lobby-player{padding:8px 10px;border-radius:4px;margin-bottom:4px;cursor:pointer;transition:background .2s}.lobby-player:hover{background:#ffffff0a}.lobby-player-name{display:block;font-size:.82rem;color:var(--text);font-weight:500}.lobby-player-meta{font-size:.68rem;color:var(--text-muted)}.lobby-center{display:flex;flex-direction:column;overflow:hidden}.lobby-map-wrap{flex:1;background-size:cover;background-position:center;background-color:#14120ecc;display:flex;align-items:center;justify-content:center;min-height:300px;padding:12px}.lobby-grid{display:grid;grid-template-columns:repeat(var(--grid-cols, 12),1fr);grid-template-rows:repeat(var(--grid-rows, 10),1fr);gap:2px;width:100%;max-width:720px;aspect-ratio:12 / 10}.grid-cell{background:#0a0d1226;border:1px solid rgba(255,255,255,.06);border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:default;transition:all .15s;position:relative;min-height:0}.grid-cell:hover{background:#ffffff0a}.grid-cell--reachable{background:#3acc600f;border-color:#3acc6026;cursor:pointer}.grid-cell--reachable:hover{background:#3acc6026;border-color:#3acc6059;box-shadow:inset 0 0 8px #3acc6026}.grid-cell--player{background:#3acc6040;border-color:#3acc6099;box-shadow:0 0 16px #3acc604d,inset 0 0 12px #3acc601a}.grid-cell--npc{background:#c9a24e40;border-color:#c9a24e99;cursor:pointer;box-shadow:0 0 16px #c9a24e4d,inset 0 0 12px #c9a24e1a}.grid-cell--npc:hover{background:#c9a24e59;border-color:#c9a24ecc;box-shadow:0 0 24px #c9a24e80}.grid-cell--other{background:#5b8fff33;border-color:#5b8fff80;box-shadow:0 0 12px #5b8fff33}.grid-token{font-size:clamp(1rem,3vw,1.6rem);line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.grid-token--player{filter:drop-shadow(0 0 8px rgba(58,204,96,.7)) drop-shadow(0 2px 4px rgba(0,0,0,.6))}.grid-token--npc{filter:drop-shadow(0 0 8px rgba(201,162,78,.7)) drop-shadow(0 2px 4px rgba(0,0,0,.6))}.grid-token--other{filter:drop-shadow(0 0 8px rgba(91,143,255,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.6))}.lobby-actions{display:flex;gap:6px;padding:10px 16px;overflow-x:auto;background:#0b0d12f2;border-top:1px solid var(--panel-border);flex-shrink:0}.lobby-action-btn{background:var(--panel);border:1px solid var(--panel-border);color:var(--text-dim);padding:8px 14px;border-radius:4px;cursor:pointer;font-size:.75rem;white-space:nowrap;font-family:var(--font-body);transition:all .2s}.lobby-action-btn:hover{border-color:var(--gold-dim);color:var(--gold);background:var(--gold-bg)}.lobby-chat-panel{background:#0b0d12f2;border-left:1px solid var(--panel-border);display:flex;flex-direction:column}.lobby-chat-messages{flex:1;overflow-y:auto;padding:10px 12px}.chat-msg{font-size:.78rem;margin-bottom:4px;color:var(--text-dim);word-break:break-word}.chat-msg--system{color:var(--gold);font-style:italic;font-size:.72rem}.chat-msg--error{color:var(--red);font-size:.72rem}.lobby-chat-input{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--panel-border);flex-shrink:0}.lobby-chat-input .input{flex:1;padding:8px 10px;font-size:.8rem}.lobby-shop-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.lobby-shop-overlay.hidden{display:none}.lobby-shop-modal{background:linear-gradient(180deg,#12100cfa,#0c0a08fc);border:2px solid rgba(201,162,78,.25);border-radius:8px;padding:24px;width:90%;max-width:550px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0009}.lobby-shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.lobby-shop-title{font-family:var(--font-heading);font-size:1.2rem;color:var(--gold)}.lobby-shop-close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer}.lobby-shop-close:hover{color:var(--text)}.lobby-shop-greeting{color:var(--text-dim);font-size:.82rem;font-style:italic;margin-bottom:12px}.lobby-shop-balance{color:var(--text-muted);font-size:.75rem;margin-bottom:12px}.lobby-hero-balance{color:var(--gold);font-size:.8rem;margin-top:12px;padding-top:10px;border-top:1px solid var(--panel-border)}.lobby-shop-tabs{display:flex;gap:0;margin-bottom:12px;border-bottom:1px solid var(--panel-border)}.lobby-shop-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);padding:10px;font-size:.82rem;cursor:pointer;font-family:var(--font-body);transition:all .2s}.lobby-shop-tab:hover{color:var(--text)}.lobby-shop-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.shop-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid rgba(255,255,255,.04);border-radius:4px;margin-bottom:6px;background:#0003;transition:background .15s}.shop-item:hover{background:#ffffff08}.shop-item-icon{font-size:1.3rem;flex-shrink:0;margin-top:2px;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.shop-item-img{width:36px;height:36px;object-fit:contain;border-radius:4px;border:1px solid rgba(255,255,255,.08)}.shop-item-info{flex:1;min-width:0}.shop-item-name{display:block;font-size:.85rem;font-weight:600}.shop-item-type{font-size:.65rem;color:var(--text-muted);display:block}.shop-item-desc{font-size:.65rem;color:var(--text-muted);display:block;margin-top:2px}.shop-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.shop-item-price{color:var(--text);font-size:.82rem;font-weight:600;white-space:nowrap}.shop-item-price--expensive{color:var(--red)}.shop-item-price--sell{color:var(--cta)}.shop-buy-btn--disabled{opacity:.4;cursor:not-allowed!important}.shop-buy-btn--loading{opacity:.6;pointer-events:none}.lobby-npc-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:150}.lobby-npc-menu.hidden{display:none}.lobby-npc-menu-card{background:linear-gradient(180deg,#161410fa,#0e0c0afc);border:2px solid rgba(201,162,78,.3);border-radius:8px;padding:24px;min-width:300px;box-shadow:0 16px 48px #0009}.npc-menu-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.npc-menu-icon{font-size:2rem}.npc-menu-name{font-family:var(--font-heading);font-size:1.1rem;color:var(--gold)}.npc-menu-type{color:var(--text-muted);font-size:.72rem}.npc-menu-close{margin-left:auto;background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer}.npc-menu-actions{display:flex;flex-direction:column;gap:8px}.npc-menu-btn{width:100%;padding:12px 16px;background:#14192399;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text);font-size:.88rem;cursor:pointer;text-align:left;transition:all .2s;font-family:var(--font-body)}.npc-menu-btn:hover{border-color:#c9a24e66;background:#c9a24e0f}.lobby-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.lobby-dialog-overlay.hidden{display:none}.lobby-dialog-modal{background:linear-gradient(180deg,#12100cfa,#0c0a08fc);border:2px solid rgba(201,162,78,.25);border-radius:8px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0009}.lobby-dialog-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--panel-border);flex-shrink:0}.dialog-npc-icon{font-size:1.5rem}.dialog-npc-name{font-family:var(--font-heading);font-size:1rem;color:var(--gold);flex:1}.lobby-dialog-close{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer}.lobby-dialog-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px;min-height:200px}.dialog-msg{max-width:85%}.dialog-msg--npc{align-self:flex-start}.dialog-msg--player{align-self:flex-end}.dialog-msg-name{font-size:.65rem;font-weight:600;color:var(--text-muted);margin-bottom:3px;display:block}.dialog-msg--npc .dialog-msg-name{color:var(--gold)}.dialog-msg-text{background:#141923b3;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:10px 14px;font-size:.82rem;color:var(--text);line-height:1.5}.dialog-msg--npc .dialog-msg-text{border-color:#c9a24e26;background:#c9a24e0a}.dialog-msg--player .dialog-msg-text{border-color:#3acc6026;background:#3acc600a}.lobby-dialog-choices{padding:12px 20px 16px;border-top:1px solid var(--panel-border);display:flex;flex-direction:column;gap:6px;flex-shrink:0}.dialog-choice-btn{width:100%;padding:10px 14px;background:#14192380;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:var(--text-dim);font-size:.82rem;cursor:pointer;text-align:left;transition:all .2s;font-family:var(--font-body)}.dialog-choice-btn:hover{border-color:#c9a24e4d;color:var(--text);background:#c9a24e0a}.dialog-choice-btn--exit{color:var(--text-muted)}.dialog-choice-btn--exit:hover{border-color:#ff4d4d33;color:var(--red)}.lobby-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:10px 24px;border-radius:6px;font-size:.82rem;font-weight:500;z-index:300;animation:fadeInUp .3s ease}.lobby-toast.hidden{display:none}.lobby-toast--success{background:#3acc6026;border:1px solid rgba(58,204,96,.3);color:#50e878}.lobby-toast--error{background:#ff4d4d26;border:1px solid rgba(255,77,77,.3);color:#ff6b6b}.lobby-action-btn--loading{opacity:.5;pointer-events:none}@media(max-width:768px){.lobby-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.lobby-players-panel{display:none}.lobby-chat-panel{max-height:200px}}