*{box-sizing:border-box}body{background:var(--bg-dark,#0a0a1a);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}#root{min-height:100svh}:root{--alien-green:#4ade80;--danger-red:#ef4444;--mystery-purple:#a855f7;--heal-blue:#3b82f6;--gold:#fbbf24;--bg-dark:#0a0a1a;--bg-card:#1a1a2e;--border-subtle:#ffffff1a;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--space-bg-2:#111128;--space-card-hover:#22224a;--space-accent:#c084fc;--space-accent-glow:#c084fc4d;--space-orange:#fb923c;--radius:12px;--radius-sm:8px;--shadow-card:0 4px 20px #0006;--transition:.2s ease}.game-root{background:var(--bg-dark);min-height:100svh;color:var(--text-primary);font-family:system-ui,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.game-root:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1px 1px at 10% 20%,#fff9,#0000),radial-gradient(1px 1px at 30%,#fff6,#0000),radial-gradient(2px 2px at 50% 10%,#ffffff80,#0000),radial-gradient(1px 1px at 70% 80%,#ffffff4d,#0000),radial-gradient(1px 1px at 90% 30%,#fff9,#0000),radial-gradient(2px 2px at 15% 75%,#fff6,#0000),radial-gradient(1px 1px at 85% 60%,#ffffff80,#0000),radial-gradient(1px 1px at 45% 90%,#ffffff4d,#0000),radial-gradient(1px 1px at 60% 40%,#fff6,#0000),radial-gradient(1px 1px at 25% 35%,#ffffff80,#0000);position:fixed;inset:0}.game-root:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(1.5px 1.5px at 20% 15%,#ffffffb3,#0000),radial-gradient(1px 1px at 40% 65%,#ffffff80,#0000),radial-gradient(2px 2px at 65% 25%,#c084fc80,#0000),radial-gradient(1px 1px at 80% 70%,#fff9,#0000),radial-gradient(1.5px 1.5px at 95% 45%,#60a5fa80,#0000),radial-gradient(1px 1px at 55% 85%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 35% 40%,#fff9,#0000),radial-gradient(1px 1px at 75% 55%,#fff6,#0000);animation:8s ease-in-out infinite twinkle;position:fixed;inset:0}.game-root>*{z-index:1;position:relative}.screen{flex-direction:column;align-items:center;max-width:900px;min-height:100svh;margin:0 auto;padding:24px 16px;animation:.3s fadeIn;display:flex}.screen h1{color:var(--text-primary);margin:0 0 16px;font-size:28px}.screen h2{color:var(--text-primary);margin:0 0 12px;font-size:20px}.btn{border:2px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all var(--transition);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.btn:hover{background:var(--space-card-hover);border-color:var(--space-accent);box-shadow:0 0 12px var(--space-accent-glow);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:linear-gradient(135deg, #7c3aed, var(--mystery-purple));border-color:var(--mystery-purple);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);border-color:#c084fc;box-shadow:0 0 20px #a855f766}.btn-secondary{color:#fff;background:linear-gradient(135deg,#334155,#475569);border-color:#64748b}.btn-secondary:hover{background:linear-gradient(135deg,#475569,#64748b);box-shadow:0 0 16px #64748b4d}.btn-danger{background:linear-gradient(135deg, #dc2626, var(--danger-red));border-color:var(--danger-red);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:0 0 20px #ef444466}.btn-success{background:linear-gradient(135deg, #16a34a, var(--alien-green));border-color:var(--alien-green);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 0 20px #4ade8066}.btn-ghost{color:var(--text-primary);background:0 0;border-color:#0000}.btn-ghost:hover{border-color:var(--border-subtle);box-shadow:none;background:#ffffff0d}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 32px;font-size:18px}.treat-next-btn{animation:2s ease-in-out infinite pulse-cta}.card{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:12px;width:100%;padding:20px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000080}.card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-title{color:var(--text-primary);font-size:16px;font-weight:600}.card-body{color:var(--text-secondary);font-size:14px;line-height:1.6}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:var(--alien-green);background:#4ade8026;border:1px solid #4ade804d}.badge-warning{color:var(--gold);background:#facc1526;border:1px solid #facc154d}.badge-danger{color:var(--danger-red);background:#f8717126;border:1px solid #f871714d}.badge-info{color:var(--heal-blue);background:#60a5fa26;border:1px solid #60a5fa4d}.badge-mystery{color:var(--mystery-purple);background:#a78bfa26;border:1px solid #a78bfa4d}.progress-bar{background:#ffffff1a;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--space-accent), var(--mystery-purple));border-radius:999px;height:100%;transition:width .5s}.progress-bar-wrapper{width:100%}.progress-bar-fill.green{background:linear-gradient(90deg, #16a34a, var(--alien-green))}.progress-bar-fill.red{background:linear-gradient(90deg, #dc2626, var(--danger-red))}.progress-bar-fill.yellow{background:linear-gradient(90deg, #d97706, var(--gold))}.progress-bar-fill.blue{background:linear-gradient(90deg, #2563eb, var(--heal-blue))}.progress-bar-fill.purple{background:linear-gradient(90deg, #7c3aed, var(--mystery-purple))}.health-bar{background:#ffffff1a;border-radius:999px;width:100%;height:8px;overflow:hidden}.health-bar-fill{background:linear-gradient(90deg, #16a34a, var(--alien-green));border-radius:999px;height:100%;transition:width .4s}.health-bar-fill.low{background:linear-gradient(90deg, #dc2626, var(--danger-red))}.health-bar-fill.medium{background:linear-gradient(90deg, #d97706, var(--gold))}.tabs{background:var(--space-bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius);gap:4px;width:100%;padding:4px;display:flex;overflow-x:auto}.tab{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:none;flex:1;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600}.tab:hover{color:var(--text-primary);background:var(--bg-card)}.tab.active{background:var(--bg-card);color:var(--space-accent);box-shadow:0 0 10px var(--space-accent-glow)}.stat-item{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.stat-icon{font-size:16px}.stat-value{color:var(--space-accent)}.title-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100svh;padding:24px;display:flex}.title-alien{font-size:80px;animation:3s ease-in-out infinite float}.title-text{background:linear-gradient(135deg, #c084fc, #60a5fa, var(--alien-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:48px;font-weight:800;line-height:1.2}.title-subtitle{color:var(--text-secondary);margin:0;font-size:20px}.title-actions{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px;display:flex}.title-tagline{color:var(--space-accent);min-height:24px;font-size:16px;font-style:italic;animation:8s ease-in-out infinite tagline-fade}.floating-aliens{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.floating-alien{opacity:.3;font-size:32px;animation:linear infinite float-around;position:absolute}.urgency-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.symptom-badge{border:1px solid var(--border-subtle);background:var(--space-bg-2);color:var(--text-primary);border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.result-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80svh;display:flex}.level-up-banner{box-sizing:border-box;width:100%;max-width:560px}.result-icon{margin-bottom:16px;font-size:72px}.result-title{margin-bottom:8px;font-size:28px;font-weight:800}.result-message{color:var(--text-secondary);max-width:500px;margin-bottom:24px;font-size:16px;line-height:1.6}.result-stats{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:24px;display:flex}.result-stat{text-align:center}.result-stat-value{color:var(--space-accent);font-size:24px;font-weight:800}.result-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.stars{margin-bottom:16px;font-size:28px}.star-filled{color:var(--gold)}.star-empty{color:#ffffff26}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--space-accent-glow)}50%{box-shadow:0 0 20px var(--space-accent-glow), 0 0 40px #c084fc26}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float-around{0%{transform:translate(0)rotate(0)}25%{transform:translate(30px,-50px)rotate(10deg)}50%{transform:translate(-20px,-100px)rotate(-5deg)}75%{transform:translate(40px,-50px)rotate(8deg)}to{transform:translate(0)rotate(0)}}@keyframes tagline-fade{0%,20%{opacity:1}25%,45%{opacity:0}50%,70%{opacity:1}75%,95%{opacity:0}to{opacity:1}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.25}}@keyframes pulse-cta{0%,to{box-shadow:0 0 #4ade8073}50%{box-shadow:0 0 0 10px #4ade8000}}.text-center{text-align:center}.text-dim{color:var(--text-secondary)}.text-green{color:var(--alien-green)}.text-red{color:var(--danger-red)}.text-accent{color:var(--space-accent)}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.examination-layout{grid-template-columns:1fr 1fr;gap:24px;width:100%;margin-top:16px;display:grid}.examination-patient{flex-direction:column;align-items:center;display:flex}.patient-info{flex-direction:column;align-items:center;gap:12px;padding:16px 0;display:flex}.patient-name{color:var(--text-primary);font-size:20px;font-weight:700}.examination-panel{flex-direction:column;gap:16px;display:flex}.symptom-list{flex-wrap:wrap;gap:8px;min-height:40px;display:flex}.symptom-empty{color:var(--text-secondary);font-size:14px;font-style:italic}.tool-buttons{flex-direction:column;gap:8px;display:flex}.examination-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.diagnosis-screen .card+.card{margin-top:16px}.diagnosis-patient-summary{align-items:center;gap:16px;display:flex}.diagnosis-patient-info{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.diagnosis-patient-name{color:var(--text-primary);font-size:18px;font-weight:700}.diagnosis-suggestions{flex-direction:column;gap:10px;display:flex}.diagnosis-suggestion{background:var(--space-bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);text-align:left;padding:12px 16px}.diagnosis-suggestion:hover{border-color:var(--space-accent);background:var(--bg-card);box-shadow:0 0 12px var(--space-accent-glow);transform:translateY(-1px)}.diagnosis-suggestion.selected{border-color:var(--space-accent);background:var(--bg-card);box-shadow:0 0 12px var(--space-accent-glow)}.diagnosis-suggestion-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.diagnosis-disease-name{color:var(--text-primary);font-size:15px;font-weight:700}.diagnosis-suggestion-meta{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.diagnosis-suggestion-symptoms{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.matched-label{color:var(--text-secondary);font-weight:600}.matched-symptom{color:var(--alien-green);background:#4ade801a;border:1px solid #4ade8040;border-radius:999px;padding:2px 8px}.diagnosis-selected-detail{flex-direction:column;gap:8px;display:flex}.diagnosis-selected-detail h3{color:var(--text-primary);margin:0;font-size:18px}.diagnosis-selected-detail p{color:var(--text-secondary);margin:0}.diagnosis-treatments{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.treatment-tag{color:var(--heal-blue);background:#60a5fa1a;border:1px solid #60a5fa40;border-radius:999px;padding:2px 8px;font-size:12px}.diagnosis-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.treatment-screen .card+.card{margin-top:16px}.treatment-patient-summary{align-items:center;gap:16px;display:flex}.treatment-patient-info{flex-direction:column;gap:4px;display:flex}.treatment-patient-name{color:var(--text-primary);font-size:18px;font-weight:700}.treatment-health-section{margin-top:12px}.treatment-disease-info{flex-direction:column;gap:8px;display:flex}.treatment-disease-info h3{color:var(--text-primary);margin:0;font-size:18px}.treatment-disease-info p{color:var(--text-secondary);margin:0}.treatment-history{flex-direction:column;gap:8px;display:flex}.treatment-history-item{background:var(--space-bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:8px 12px;display:flex}.treatment-history-name{color:var(--text-primary);font-size:14px;font-weight:600}.treatment-history-desc{color:var(--text-secondary);font-size:12px}.treatment-list{flex-direction:column;gap:8px;display:flex}.treatment-option{background:var(--space-bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);text-align:left;color:var(--text-primary);flex-direction:column;gap:6px;padding:14px 16px;font-family:inherit;display:flex}.treatment-option:hover:not(.disabled){border-color:var(--alien-green);background:var(--bg-card);transform:translateY(-1px);box-shadow:0 0 12px #4ade8026}.treatment-option.recommended{background:#4ade800d;border-color:#4ade804d}.treatment-option.recommended:hover:not(.disabled){border-color:var(--alien-green);box-shadow:0 0 16px #4ade8040}.treatment-option.disabled{opacity:.4;cursor:not-allowed;transform:none}.treatment-option-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.treatment-option-icon{font-size:20px}.treatment-option-name{font-size:15px;font-weight:600}.treatment-option-desc{color:var(--text-secondary);font-size:13px;line-height:1.4}.treatment-option-meta{color:var(--text-secondary);align-items:center;gap:8px;font-size:11px;display:flex}.treatment-empty{color:var(--text-secondary);text-align:center;padding:16px;font-style:italic}.treatment-result-card.success{background:#4ade800d;border-color:#4ade804d}.treatment-result-card.failure{background:#ef44440d;border-color:#ef44444d}.treatment-result{align-items:center;gap:12px;display:flex}.treatment-result-icon{font-size:28px}.treatment-result-text{color:var(--text-primary);font-size:15px}.treatment-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:8px;display:flex}.whacky-banner{border:2px solid var(--space-accent);color:var(--text-primary);background:linear-gradient(90deg,#c084fc29,#22d3ee1a);border-radius:12px;align-items:center;gap:14px;margin:16px 0;padding:18px 20px;font-size:16px;font-weight:700;display:flex}.whacky-banner-emoji{font-size:34px;line-height:1}.whacky-banner-text{flex:1}.whacky-banner-glow{animation:1.4s ease-in-out infinite glow}.whacky-banner-bad{background:linear-gradient(90deg,#ef444429,#fbbf241a);border-color:#ef444480;animation:.6s shake}.result-whacky{text-align:center;border:2px solid var(--space-accent);background:linear-gradient(#c084fc24,#22d3ee14);border-radius:16px;padding:20px 16px}.result-whacky-glow{animation:1.4s ease-in-out infinite glow}.result-whacky-bad{background:linear-gradient(#ef444424,#fbbf2414);border-color:#ef444480;animation:.6s shake}.event-card{border:2px solid var(--mystery-purple);border-radius:var(--radius);background:linear-gradient(#a855f724,#a855f70a);flex-direction:column;align-items:flex-start;gap:8px;padding:16px;animation:.7s slideIn;display:flex;box-shadow:0 0 14px #a855f740}.event-card-name{color:var(--text-primary);font-size:18px;font-weight:700}.event-card-description{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.event-card-points{font-size:16px;font-weight:800}.event-card-points-positive{color:var(--alien-green)}.event-card-points-negative{color:var(--danger-red)}.lobby-screen{flex-direction:column;align-items:stretch;gap:16px;display:flex}.lobby-stats-bar{background:var(--space-bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius);flex-wrap:wrap;justify-content:center;gap:16px;width:100%;padding:12px 16px;display:flex}.lobby-stats-bar .stat-item{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.autosave-indicator{opacity:.75}.autosave-label{color:var(--text-secondary);font-size:11px;font-weight:500}.lobby-tabs{width:100%}.lobby-tab-content{flex-direction:column;gap:16px;animation:.3s fadeIn;display:flex}.clinic-tab,.research-tab,.achievements-tab,.shop-tab{flex-direction:column;gap:16px;width:100%;display:flex}.lobby-queue-card{margin-top:16px}.screen-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.screen-header-row h1{margin-bottom:0}.session-timer{font-variant-numeric:tabular-nums;color:var(--text-secondary);background:var(--space-bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:6px 14px;font-size:18px;font-weight:700}.session-timer-critical{color:var(--danger-red);border-color:var(--danger-red);animation:1s ease-in-out infinite pulse}.patient-badges{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.patient-card-flags{justify-content:center;gap:4px;margin-top:6px;display:flex}.patient-card{background:var(--space-bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius);text-align:center;cursor:pointer;min-width:140px;transition:all var(--transition);flex:1;padding:12px}.patient-card:hover{border-color:var(--space-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.patient-card-emoji{margin-bottom:4px;font-size:36px;line-height:1}.patient-card-name{margin-bottom:2px;font-size:13px;font-weight:600}.patient-card-species{color:var(--text-secondary);margin-bottom:6px;font-size:11px}.patient-card-health{align-items:center;gap:6px;margin-bottom:6px;display:flex}.patient-card-health-bar{background:#ffffff1a;border-radius:999px;flex:1;height:6px;overflow:hidden}.patient-card-health-fill{background:linear-gradient(90deg, #16a34a, var(--alien-green));border-radius:999px;height:100%;transition:width .4s}.patient-card-health-fill.low{background:linear-gradient(90deg, #dc2626, var(--danger-red))}.patient-card-health-fill.medium{background:linear-gradient(90deg, #d97706, var(--gold))}.patient-card-health-text{color:var(--text-secondary);white-space:nowrap;font-size:11px}.patient-card-urgency{justify-content:center;align-items:center;gap:4px;display:flex}.patient-card-urgency .urgency-dot{width:8px;height:8px;transition:all var(--transition);border-radius:50%;display:inline-block}.patient-card-urgency .urgency-dot.active{animation:1s ease-in-out infinite pulse}.patient-card-urgency-label{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.lobby-patient-queue{gap:12px;width:100%;padding:8px 0;display:flex;overflow-x:auto}.lobby-queue-actions{justify-content:center;margin-top:12px;display:flex}.clinic-info-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.clinic-info-row{background:var(--space-bg-2);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.clinic-info-label{color:var(--text-secondary);font-size:13px}.clinic-info-value{font-size:14px;font-weight:700}.clinic-research-display{flex-direction:column;align-items:center;gap:8px;padding:16px 0;display:flex}.clinic-research-icon{font-size:48px}.clinic-research-value{color:var(--space-accent);font-size:36px;font-weight:800}.clinic-research-label{color:var(--text-secondary);font-size:13px}.upgrades-list{flex-direction:column;gap:8px;display:flex}.upgrade-item{background:var(--space-bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);align-items:flex-start;gap:12px;padding:12px;display:flex}.upgrade-item.owned{background:#4ade8008;border-color:#4ade8033}.upgrade-icon{flex-shrink:0;font-size:20px}.upgrade-info{flex:1}.upgrade-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.upgrade-name{color:var(--text-primary);font-size:14px;font-weight:600}.upgrade-desc{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.upgrade-effect{color:var(--space-accent);font-size:12px;font-style:italic}.upgrade-requires{color:var(--danger-red);margin-top:4px;font-size:11px}.upgrade-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.upgrade-cost{color:var(--gold);font-size:13px;font-weight:600}.research-list{flex-direction:column;gap:8px;display:flex}.research-item{background:var(--space-bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);align-items:flex-start;gap:12px;padding:12px;display:flex}.research-item.completed{opacity:.7;background:#4ade8008;border-color:#4ade8033}.research-info{flex:1}.research-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.research-name{color:var(--text-primary);font-size:14px;font-weight:600}.research-desc{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.research-effect{color:var(--space-accent);font-size:12px;font-style:italic}.research-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.research-cost{color:var(--mystery-purple);font-size:13px;font-weight:600}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.achievement-card{background:var(--space-bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius);text-align:center;transition:all var(--transition);flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.achievement-card.unlocked{background:#fbbf240d;border-color:#fbbf244d}.achievement-icon{font-size:36px}.achievement-name{color:var(--text-primary);font-size:14px;font-weight:600}.achievement-desc{color:var(--text-secondary);text-align:center;font-size:12px}.achievement-points{color:var(--gold);font-size:12px;font-weight:600}.achievement-progress{width:100%}.achievement-progress-text{color:var(--text-secondary);text-align:center;margin-top:2px;font-size:11px;display:block}.shop-categories{flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.shop-category-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600}.shop-category-btn:hover{color:var(--text-primary);background:var(--bg-card)}.shop-category-btn.active{background:var(--bg-card);color:var(--space-accent);border-color:var(--space-accent)}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.shop-item-card{background:var(--space-bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius);text-align:center;transition:all var(--transition);flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.shop-item-card:hover{border-color:var(--space-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.shop-item-emoji{font-size:40px;line-height:1}.shop-item-name{color:var(--text-primary);font-size:14px;font-weight:600}.shop-item-rarity{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.shop-item-desc{color:var(--text-secondary);text-align:center;font-size:12px;line-height:1.4}.shop-item-effect{color:var(--space-accent);font-size:11px;font-style:italic}.shop-item-footer{justify-content:space-between;align-items:center;width:100%;margin-top:4px;display:flex}.shop-item-price{color:var(--gold);font-size:13px;font-weight:600}.mini-game-container{max-width:500px;margin:0 auto;padding:20px}.surgery-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.surgery-part{text-align:center;cursor:pointer;background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:12px;padding:16px;font-size:48px;transition:all .2s}.surgery-part.active{border-color:var(--heal-blue);transform:scale(1.1);box-shadow:0 0 20px #3b82f680}.surgery-part.completed{border-color:var(--alien-green);opacity:.6}.surgery-timer{background:var(--bg-card);border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden}.surgery-timer-fill{background:var(--danger-red);height:100%;transition:width .1s linear}.medication-track{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;height:48px;margin:24px 0;position:relative;overflow:hidden}.medication-target{border-left:2px solid var(--alien-green);border-right:2px solid var(--alien-green);background:#4ade8040;transition:left .3s,width .3s;position:absolute;top:0;bottom:0}.medication-needle{background:var(--heal-blue);width:4px;box-shadow:0 0 12px var(--heal-blue);position:absolute;top:0;bottom:0}.medication-feedback{text-align:center;min-height:32px;font-size:20px}.scanner-readout{font-size:48px;font-family:var(--mono,monospace);text-align:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin:16px 0;padding:16px}.scanner-controls{justify-content:center;align-items:center;gap:12px;margin:16px 0;display:flex}.scanner-btn{border-radius:50%;width:64px;height:64px;font-size:32px}.scan-history{justify-content:center;gap:8px;margin-top:16px;display:flex}.scan-slot{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;justify-content:center;align-items:center;width:60px;height:40px;font-size:14px;display:flex}.settings-screen{flex-direction:column;align-items:center;gap:16px;padding-top:48px;display:flex}.settings-card{max-width:520px}.settings-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.settings-row:first-child{padding-top:0}.settings-row:last-child{border-bottom:none;padding-bottom:0}.settings-row-label{color:var(--text-primary);font-size:15px;font-weight:600}.settings-row-desc{color:var(--text-secondary);margin-top:2px;font-size:12px}.toggle-switch{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition);background:#ffffff1f;border-radius:999px;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-secondary);width:18px;height:18px;transition:all var(--transition);border-radius:50%;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.toggle-switch input:checked+.toggle-slider{border-color:var(--alien-green);background:#4ade8040}.toggle-switch input:checked+.toggle-slider:before{background:var(--alien-green);transform:translate(22px,-50%)}.toggle-switch input:focus-visible+.toggle-slider{box-shadow:0 0 0 2px var(--space-accent-glow)}.settings-select{background:var(--space-bg-2);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;min-width:160px;transition:all var(--transition);padding:8px 12px;font-family:inherit;font-size:14px;font-weight:600}.settings-select:hover{border-color:var(--space-accent)}.settings-select:focus{border-color:var(--space-accent);box-shadow:0 0 8px var(--space-accent-glow);outline:none}.title-settings-btn{z-index:2;position:fixed;bottom:16px;right:16px}@media (width<=768px){.screen{padding:16px 12px}.examination-layout{grid-template-columns:1fr;gap:16px}.clinic-overview{grid-template-columns:1fr}.diagnosis-patient-summary,.treatment-patient-summary{text-align:center;flex-direction:column;align-items:center}.lobby-stats-bar{gap:8px;padding:10px 12px}.lobby-stats-bar .stat-item{font-size:12px}.surgery-grid{gap:8px}.surgery-part{padding:10px;font-size:32px}.scanner-btn{width:48px;height:48px;font-size:24px}.title-text{font-size:48px}.result-stats{grid-template-columns:1fr 1fr;gap:16px;display:grid}.lobby-patient-queue{flex-direction:column;overflow-x:visible}.patient-card{min-width:0}.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tab{flex:none}.mini-game-container{max-width:100%;padding:12px}.examination-actions,.treatment-actions,.diagnosis-actions,.lobby-queue-actions{flex-direction:column}.examination-actions .btn,.treatment-actions .btn,.diagnosis-actions .btn,.lobby-queue-actions .btn{width:100%}}@media (width<=640px){.title-text{font-size:32px}.title-subtitle{font-size:16px}.title-alien{font-size:60px}.stat-item{font-size:12px}.result-stats{gap:16px}.examination-layout{grid-template-columns:1fr}}.shop-item-card.coming-soon,.upgrade-item.coming-soon{opacity:.55}.shop-item-card.coming-soon:hover{box-shadow:none;transform:none}.consumables-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button.patient-card,button.diagnosis-suggestion{font:inherit;color:inherit;appearance:none}.btn:focus-visible,.tab:focus-visible,.surgery-part:focus-visible,.treatment-option:focus-visible,.shop-category-btn:focus-visible,.patient-card:focus-visible,.diagnosis-suggestion:focus-visible{outline:2px solid var(--space-accent);outline-offset:2px}