.app-shell{min-height:100vh;display:flex;flex-direction:column;background:#0b1220;color:#e5e7eb}.layout{display:flex;min-height:0;flex:1;gap:0}.left-panel{width:340px;padding:16px;border-right:1px solid #334155;background:#111827;overflow-y:auto}.center-column{flex:1;display:flex;flex-direction:column;min-width:0}.opponent-panel{border-bottom:1px solid #334155;background:#111827;padding:10px 14px}.opponent-panel h3{margin:0 0 6px}.opponent-panel-info{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#cbd5e1}.board-panel{display:flex;align-items:center;justify-content:center;padding:16px 16px 8px}.hand-panel{border-top:1px solid #334155;background:#111827;padding:10px 14px 14px}.hand-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hand-panel-header h3{margin:0}.hand-panel-actions{display:flex;align-items:center;gap:10px}.hand-resource{font-size:13px;color:#cbd5e1}.hand-cards{display:grid;grid-template-columns:repeat(auto-fill,var(--std-card-width));gap:10px;justify-content:flex-start}.right-panel{width:500px;border-left:1px solid #334155;background:#111827;padding:16px;overflow-y:auto}.right-panel h3{margin:0 0 8px}.status-firepower-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.status-firepower-col{width:var(--std-card-width)}.action-row{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}.app-shell button{border:1px solid #334155;background:#1f2937;color:#e5e7eb;border-radius:6px;padding:6px 10px;cursor:pointer}.app-shell button.active{border-color:#60a5fa;background:#1e3a8a}.app-shell button:disabled{opacity:.45;cursor:not-allowed}.cards{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.piece-card{text-align:left;padding:0;border-radius:10px;overflow:hidden;width:var(--std-card-width);height:var(--std-card-height)}.piece-card-body{padding:10px}.piece-card-body-compact{padding-bottom:0}.piece-card>.piece-card-body{height:100%}.piece-card-title{font-size:16px;font-weight:700;margin-bottom:6px}.piece-card-line{font-size:12px;line-height:1.4;color:#cbd5e1;margin-top:2px}.status-card{border:1px solid #334155;border-radius:10px;background:#0f172a;width:var(--std-card-width);height:var(--std-card-height);overflow:auto}.status-card-footer{padding:2px 10px 10px}.status-card-footer>button{display:block;margin:4px auto 0}.status-empty{border:1px dashed #334155;border-radius:10px;color:#94a3b8;padding:12px;font-size:13px;width:var(--std-card-width);height:var(--std-card-height);display:flex;align-items:center}.firepower-card{border:1px solid #334155;border-radius:10px;background:#0f172a;padding:10px;width:var(--std-card-width);min-height:var(--std-card-height)}.merged-compare-card{display:flex;flex-direction:column;gap:2px}.compare-divider{color:#94a3b8;margin-top:6px}.global-score-breakdown{margin-top:4px}.global-score-row{display:flex;flex-direction:column;margin-top:4px}.global-score-label{font-size:12px;color:#94a3b8}.global-score-values{font-size:12px;line-height:1.4}.score-blue{color:#60a5fa}.score-red{color:#f87171}.score-sep{color:#cbd5e1}.firepower-empty{border:1px dashed #334155;border-radius:10px;color:#94a3b8;padding:12px;font-size:13px;width:var(--std-card-width);min-height:var(--std-card-height)}.shop-grid{display:grid;grid-template-columns:repeat(2,var(--std-card-width));gap:8px;justify-content:flex-start}.shop-card{width:var(--std-card-width)}.logs{margin:0;padding-left:18px;line-height:1.4}:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#e5e7eb;background-color:#0b1220;--std-card-width: 220px;--std-card-height: 258px}*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#e5e7eb}.lobby-shell{min-height:100vh;display:flex;justify-content:center;padding:32px 20px;background:radial-gradient(circle at top,#1a2438,#0f172a 45%,#0b1220)}.lobby-container{width:min(1100px,100%)}.lobby-header h1{margin:0;font-size:32px}.lobby-header p{margin:8px 0 0;color:#9ca3af}.lobby-tip,.lobby-error{margin-top:20px;font-size:14px}.lobby-error{color:#b42318}.lobby-grid{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.lobby-card{border:1px solid #334155;border-radius:14px;background:#111827;padding:16px;box-shadow:0 10px 30px #02061773}.lobby-card h2{margin:0;font-size:22px}.lobby-card p{margin:10px 0 14px;color:#9ca3af;min-height:42px}.lobby-cover{width:56px;height:56px;border-radius:12px;background:#1e293b;border:1px solid #334155;display:grid;place-items:center;font-size:30px;margin-bottom:10px}.lobby-actions{display:flex;justify-content:flex-start}.lobby-link{display:inline-block;padding:8px 12px;border-radius:8px;text-decoration:none;color:#dbeafe;border:1px solid #1d4ed8;background:#1e3a8a}.lobby-disabled{font-size:13px;color:#94a3b8}.loader-fallback{min-height:100vh;display:grid;place-items:center;font-size:16px;color:#cbd5e1}