.login-container{background:#0a0a1a;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-card{text-align:center;background:#1a1a2ee6;border:1px solid #336;border-radius:12px;width:min(360px,90vw);padding:40px}.login-title{color:gold;margin-bottom:4px;font-family:monospace;font-size:28px}.login-subtitle{color:#888;margin-bottom:24px;font-family:monospace;font-size:14px}.login-form{flex-direction:column;gap:12px;display:flex}.login-input{color:#eee;background:#0d0d24;border:1px solid #336;border-radius:6px;outline:none;padding:10px 14px;font-family:monospace;font-size:14px}.login-input:focus{border-color:gold}.login-error{color:#f44;font-family:monospace;font-size:12px}.login-btn{color:gold;cursor:pointer;background:#ffd7001a;border:2px solid gold;border-radius:6px;margin-top:8px;padding:12px;font-family:monospace;font-size:16px;font-weight:700}.login-btn:hover{background:#ffd70033}.login-btn:disabled{opacity:.5;cursor:default}.login-toggle{color:#666;cursor:pointer;background:0 0;border:none;margin-top:16px;font-family:monospace;font-size:12px}.login-toggle:hover{color:#aaa}@media (width<=480px){.login-card{padding:24px 20px}.login-title{font-size:22px}.login-btn{min-height:48px}}.navbar{z-index:100;background:#0a0a1af2;border-bottom:1px solid #336;align-items:center;gap:6px;height:48px;padding:0 16px;font-family:monospace;font-size:13px;display:flex;position:sticky;top:0}.navbar-logo{color:gold;white-space:nowrap;margin-right:12px;font-size:16px;font-weight:700}.navbar-links{flex:1;gap:2px;display:flex}.nav-link{color:#888;border-radius:4px;padding:6px 12px;text-decoration:none;transition:color .15s,background .15s}.nav-link:hover{color:#ccc;background:#ffffff0d}.nav-link.active{color:gold;background:#ffd7001a}.navbar-stats{color:#aaa;gap:14px;margin-right:12px;font-size:12px;display:flex}.stat-item{align-items:center;gap:4px;display:flex}.stat-value{color:gold;font-weight:700}.stat-value.tokens{color:#f63}.navbar-logout{color:#888;cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;padding:4px 10px;font-family:monospace;font-size:11px}.navbar-logout:hover{color:#f44;border-color:#f44}.navbar-mute{color:#888;cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;margin-right:4px;padding:4px 8px;font-family:monospace;font-size:11px}.navbar-mute:hover{color:gold;border-color:gold}@media (width<=768px){.navbar{flex-wrap:wrap;gap:4px;height:auto;padding:8px 12px}.navbar-links{-webkit-overflow-scrolling:touch;scrollbar-width:none;order:3;width:100%;overflow-x:auto}.navbar-links::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap;padding:6px 10px;font-size:12px}.navbar-stats{gap:8px;margin-right:6px;font-size:11px}}@media (width<=480px){.navbar-logo{margin-right:8px;font-size:14px}.nav-link{padding:5px 8px;font-size:11px}}.page-layout{color:#eee;background:#0a0a1a;min-height:100vh;font-family:monospace}.page-main{max-width:1100px;margin:0 auto;padding:24px}@media (width<=768px){.page-main{padding:16px}}@media (width<=480px){.page-main{padding:12px}}.dash-header{margin-bottom:24px}.dash-header h1{color:gold;margin-bottom:4px;font-size:22px}.dash-header p{color:#888;font-size:13px}.dash-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px;display:grid}.dash-stat{background:#1a1a2ecc;border:1px solid #336;border-radius:8px;padding:16px}.dash-stat .label{color:#666;text-transform:uppercase;margin-bottom:4px;font-size:11px}.dash-stat .value{color:#eee;font-size:24px;font-weight:700}.dash-stat .value.gold{color:gold}.dash-stat .value.orange{color:#f63}.dash-stat .value.green{color:#4e6}.dash-stat .value.blue{color:#1e90ff}.dash-actions{flex-wrap:wrap;gap:12px;display:flex}.dash-action{cursor:pointer;background:#0a0a1ee6;border:2px solid;border-radius:8px;padding:14px 28px;font-family:monospace;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,transform .1s}.dash-action:hover{transform:translateY(-2px)}.dash-action.shop{color:gold;border-color:gold}.dash-action.shop:hover{background:#ffd70026}.dash-action.lab{color:#4e6;border-color:#4e6}.dash-action.lab:hover{background:#44ee6626}.dash-action.combat{color:#f63;border-color:#ff4500}.dash-action.combat:hover{background:#ff450026}@media (width<=480px){.dash-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.dash-actions{flex-direction:column}.dash-action{text-align:center;justify-content:center;align-items:center;min-height:48px;display:flex}.dash-header h1{font-size:18px}}.shop-title{color:gold;margin-bottom:20px;font-size:22px}.pack-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.pack-card{background:#1a1a2ecc;border:1px solid #336;border-radius:8px;flex-direction:column;gap:8px;padding:20px;display:flex}.pack-name{color:#eee;font-size:16px;font-weight:700}.pack-detail{color:#888;font-size:12px}.pack-detail span{color:#aaa}.pack-price{color:gold;margin-top:4px;font-size:18px;font-weight:700}.pack-buy{color:gold;cursor:pointer;background:#ffd7001a;border:2px solid gold;border-radius:6px;margin-top:8px;padding:10px;font-family:monospace;font-size:14px;font-weight:700}.pack-buy:hover:not(:disabled){background:#ffd70033;transform:translateY(-1px)}.pack-buy:disabled{opacity:.4;cursor:default}.purchase-result{background:#1a1a2ee6;border:1px solid #4e6;border-radius:8px;padding:16px}.purchase-result h3{color:#4e6;margin-bottom:8px;font-size:14px}.purchase-items{flex-wrap:wrap;gap:8px;display:flex}.purchase-item{border-radius:4px;padding:6px 12px;font-size:12px;font-weight:700}.purchase-item.mat{color:#1e90ff;background:#1e90ff33;border:1px solid #1e90ff}.purchase-item.egg{color:#4e6;background:#4e63;border:1px solid #4e6}.shop-error{color:#f44;margin-top:8px;font-size:13px}@media (width<=480px){.pack-card{padding:14px}.pack-buy{min-height:48px;font-size:15px}.shop-title{font-size:18px}}.lab-title{color:gold;margin-bottom:20px;font-size:22px}.lab-layout{grid-template-columns:280px 1fr;gap:16px;display:grid}.egg-list{flex-direction:column;gap:8px;display:flex}.egg-item{cursor:pointer;background:#1a1a2ecc;border:1px solid #336;border-radius:6px;padding:12px;transition:border-color .15s}.egg-item:hover{border-color:#666}.egg-item.selected{background:#ffd7000d;border-color:gold}.egg-type{margin-bottom:4px;font-size:14px;font-weight:700}.egg-stat-range{color:#888;font-size:11px}.egg-detail{background:#1a1a2ecc;border:1px solid #336;border-radius:8px;padding:20px}.egg-detail h2{color:#eee;margin-bottom:12px;font-size:18px}.stat-ranges{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.stat-range{font-size:13px}.stat-range .label{color:#888;text-transform:uppercase;font-size:10px}.stat-range .range{color:#eee}.hatch-btn{color:#4e6;cursor:pointer;background:#44ee661a;border:2px solid #4e6;border-radius:6px;width:100%;margin-bottom:16px;padding:12px;font-family:monospace;font-size:14px;font-weight:700}.hatch-btn:hover:not(:disabled){background:#4e63}.hatch-btn:disabled{opacity:.4;cursor:default}.mat-section{margin-top:24px}.mat-section h3{color:#888;margin-bottom:8px;font-size:14px}.mat-list{flex-wrap:wrap;gap:8px;display:flex}.mat-card{background:#1a1a2ecc;border:1px solid #336;border-radius:6px;min-width:140px;padding:10px;font-size:12px}.mat-card .mat-type{color:#1e90ff;margin-bottom:2px;font-weight:700}.mat-card .mat-info{color:#888;margin-bottom:6px}.mat-apply{color:#1e90ff;cursor:pointer;background:#1e90ff1a;border:1px solid #1e90ff;border-radius:4px;padding:4px 10px;font-family:monospace;font-size:11px}.mat-apply:hover:not(:disabled){background:#1e90ff33}.mat-apply:disabled{opacity:.4;cursor:default}.hatch-result{background:#44ee661a;border:1px solid #4e6;border-radius:8px;margin-bottom:16px;padding:16px}.hatch-result h3{color:#4e6;margin-bottom:8px}.hatch-stats{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.hatch-stat{text-align:center}.hatch-stat .val{color:#eee;font-size:20px;font-weight:700}.hatch-stat .lbl{color:#888;text-transform:uppercase;font-size:10px}.empty-msg{color:#666;text-align:center;padding:20px;font-size:13px}.lab-error{color:#f44;margin-top:8px;font-size:13px}@media (width<=768px){.lab-layout{grid-template-columns:1fr}.egg-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;overflow-x:auto}.egg-list::-webkit-scrollbar{display:none}.egg-item{flex-shrink:0;min-width:160px}.hatch-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.lab-title{font-size:18px}.hatch-btn{min-height:48px;font-size:15px}.mat-apply{min-height:40px;padding:8px 12px;font-size:12px}}.roster-title{color:gold;margin-bottom:20px;font-size:22px}.gen-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.gen-card{background:#1a1a2ecc;border:1px solid #336;border-radius:8px;padding:16px;transition:border-color .15s}.gen-card:hover{border-color:#555}.gen-card.dead{opacity:.5}.gen-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.gen-name{color:#eee;font-size:16px;font-weight:700}.gen-type-badge{border-radius:3px;padding:2px 8px;font-size:10px;font-weight:700}.gen-stats-grid{grid-template-columns:1fr 1fr;gap:4px;font-size:12px;display:grid}.gen-stat{justify-content:space-between;display:flex}.gen-stat .lbl{color:#888}.gen-stat .val{color:#eee;font-weight:700}.gen-alive-badge{margin-top:8px;font-size:11px;font-weight:700}.gen-alive-badge.alive{color:#4e6}.gen-alive-badge.dead{color:#f44}.gen-exp{color:#666;margin-top:4px;font-size:10px}@media (width<=480px){.gen-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:8px}.gen-card{padding:12px}.roster-title{font-size:18px}}.market-title{color:gold;margin-bottom:20px;font-size:22px}.market-tabs{gap:4px;margin-bottom:20px;display:flex}.market-tab{color:#888;cursor:pointer;background:#1a1a2e80;border:1px solid #336;border-radius:6px 6px 0 0;padding:8px 20px;font-family:monospace;font-size:13px}.market-tab.active{color:gold;background:#1a1a2ee6;border-bottom-color:#0000}.market-panel{background:#1a1a2ecc;border:1px solid #336;border-radius:0 8px 8px;min-height:300px;padding:20px}.sell-section{margin-bottom:16px}.sell-section h3{color:#888;margin-bottom:8px;font-size:14px}.sell-items{flex-wrap:wrap;gap:8px;display:flex}.sell-item{cursor:pointer;background:#0a0a1ecc;border:1px solid #336;border-radius:6px;min-width:130px;padding:10px;font-size:12px;transition:border-color .15s}.sell-item:hover{border-color:#f63}.sell-item .item-name{color:#eee;margin-bottom:2px;font-weight:700}.sell-item .item-info{color:#888}.sell-btn{color:#f63;cursor:pointer;background:#ff66331a;border:1px solid #f63;border-radius:4px;margin-top:6px;padding:4px 10px;font-family:monospace;font-size:11px}.sell-btn:hover:not(:disabled){background:#f633}.sell-btn:disabled{opacity:.4;cursor:default}.buy-section{flex-direction:column;gap:12px;max-width:400px;display:flex}.budget-input{align-items:center;gap:8px;display:flex}.budget-input input{color:#eee;background:#0d0d24;border:1px solid #336;border-radius:6px;width:120px;padding:8px 12px;font-family:monospace;font-size:14px}.budget-input input:focus{border-color:gold;outline:none}.budget-input span{color:#888;font-size:13px}.pull-btn{color:#9b59b6;cursor:pointer;background:#6a0dad1a;border:2px solid #6a0dad;border-radius:6px;padding:12px;font-family:monospace;font-size:14px;font-weight:700}.pull-btn:hover:not(:disabled){background:#6a0dad33}.pull-btn:disabled{opacity:.4;cursor:default}.market-result{border-radius:6px;padding:12px;font-size:13px}.market-result.success{color:#4e6;background:#44ee661a;border:1px solid #4e6}.market-result.error{color:#f44;background:#ff44441a;border:1px solid #f44}.empty-msg{color:#666;font-size:13px}@media (width<=480px){.market-title{font-size:18px}.buy-section{max-width:100%}.budget-input input{flex:1;width:100%}.pull-btn{min-height:48px}.sell-btn{min-height:40px;padding:8px 12px}.sell-item{min-width:100%}}.postmatch-overlay{z-index:50;background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.postmatch-card{text-align:center;background:#1a1a2ef2;border:2px solid #336;border-radius:12px;padding:32px 48px;font-family:monospace}.postmatch-card h2.victory{color:gold;font-size:28px}.postmatch-card h2.defeat{color:#f44;font-size:28px}.postmatch-stats{color:#ccc;flex-direction:column;gap:6px;margin:16px 0;font-size:14px;display:flex}.combat-container{background:#0a0a1a;width:100vw;height:100vh;position:relative;overflow:hidden}.pixi-canvas{width:100%;height:100%}.combat-overlay{pointer-events:none;flex-direction:column;align-items:center;gap:10px;padding:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.initiative-tracker{background:#0a0a1ed9;border:1px solid #336;border-radius:8px;gap:6px;padding:6px 14px;display:flex}.init-portrait{color:#ccc;border:2px solid #444;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;font-family:monospace;font-size:10px;display:flex;position:relative}.init-portrait.active{border-color:gold;box-shadow:0 0 8px #ffd70080}.init-portrait .speed-badge{color:#aaa;background:#222;border-radius:3px;padding:0 2px;font-size:8px;position:absolute;bottom:-4px;right:-4px}.action-bar{pointer-events:auto;gap:8px;display:flex}.action-btn{cursor:pointer;color:#eee;background:#0a0a1ee6;border:2px solid;border-radius:6px;padding:10px 22px;font-family:monospace;font-size:14px;font-weight:700;transition:background .15s,transform .1s}.action-btn:hover{transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.action-btn.skill{color:#f63;border-color:#ff4500}.action-btn.skill:hover{background:#ff450033}.action-btn.attack{color:#fff;border-color:#ccc}.action-btn.attack:hover{background:#c8c8c826}.action-btn.rest{color:#4e6;border-color:#2c4}.action-btn.rest:hover{background:#2c43}.action-btn.wait{color:#88a;border-color:#668}.action-btn.wait:hover{background:#64648c26}.turn-indicator{color:gold;white-space:nowrap;background:#0a0a1ed9;border:1px solid #336;border-radius:6px;padding:6px 16px;font-family:monospace;font-size:14px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.action-btn:disabled{opacity:.35;cursor:default}@media (width<=768px){.initiative-tracker{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:90vw;overflow-x:auto}.initiative-tracker::-webkit-scrollbar{display:none}.init-portrait{width:30px;height:30px;font-size:9px}}@media (width<=480px){.action-bar{flex-wrap:wrap;justify-content:center;gap:6px}.action-btn{flex:auto;min-width:70px;min-height:48px;padding:12px 16px;font-size:13px}.combat-overlay{gap:6px;padding:8px}.postmatch-card{width:min(340px,90vw);padding:20px 16px}.postmatch-card h2{font-size:22px}.turn-indicator{padding:4px 12px;font-size:12px;top:8px}}.lobby-title{color:gold;margin-bottom:20px;font-size:22px}.lobby-section{margin-bottom:20px}.lobby-section h3{color:#888;margin-bottom:10px;font-size:14px}.match-types{gap:8px;margin-bottom:16px;display:flex}.match-type-btn{color:#888;cursor:pointer;background:#1a1a2ecc;border:2px solid #336;border-radius:6px;padding:10px 20px;font-family:monospace;font-size:14px}.match-type-btn.selected{color:gold;background:#ffd7001a;border-color:gold}.gen-select-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:20px;display:grid}.gen-select-card{cursor:pointer;background:#1a1a2ecc;border:2px solid #336;border-radius:8px;padding:12px;font-size:12px;transition:border-color .15s}.gen-select-card:hover{border-color:#555}.gen-select-card.selected{background:#ffd7000d;border-color:gold}.gen-select-card.dead{opacity:.3;pointer-events:none}.gen-select-name{margin-bottom:2px;font-size:14px;font-weight:700}.gen-select-info{color:#888}.lobby-actions{align-items:center;gap:12px;display:flex}.queue-btn{color:#f63;cursor:pointer;background:#ff45001a;border:2px solid #ff4500;border-radius:8px;padding:14px 32px;font-family:monospace;font-size:16px;font-weight:700}.queue-btn:hover:not(:disabled){background:#ff450033;transform:translateY(-1px)}.queue-btn:disabled{opacity:.4;cursor:default}.cancel-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #666;border-radius:6px;padding:10px 20px;font-family:monospace;font-size:13px}.cancel-btn:hover{color:#f44;border-color:#f44}.waiting-msg{color:gold;font-size:16px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.lobby-error{color:#f44;font-size:13px}.selection-count{color:#888;font-size:13px}@media (width<=480px){.lobby-title{font-size:18px}.match-types{flex-wrap:wrap}.gen-select-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.queue-btn{width:100%;min-height:52px}.lobby-actions{flex-direction:column}.cancel-btn{width:100%;min-height:44px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#0a0a1a;width:100%;min-height:100%;overflow-x:hidden}