@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;700&family=Rajdhani:wght@500;600;700&display=swap";:root{--bg: #0A0A0F;--surface: #15151D;--primary: #F97316;--primary-dark: #EA580C;--accent: #FB923C;--text: #FAFAFA;--text-muted: #A1A1AA;--border: #27272A;--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--radius: 4px;--shadow: 0 12px 36px rgba(0,0,0,.4), 0 0 28px #F9731626}body{margin:0;padding:0;font-family:IBM Plex Sans,Inter,-apple-system,sans-serif;background:linear-gradient(135deg,#0a0a0f,#15151d),repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(249,115,22,.04) 50px),var(--bg);color:var(--text);display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{position:relative;width:100%;max-width:480px;background:#15151dd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;min-height:600px;overflow:hidden;border:1px solid var(--border)}.cloud-status-indicator{position:absolute;top:12px;right:12px;font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:4px;z-index:10}.toast{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:var(--radius);display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;z-index:11;box-shadow:0 4px 12px #0000004d}.toast-success{background-color:var(--success);color:var(--bg)}.toast-error{background-color:var(--danger);color:var(--text)}.icon-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.screen{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.start-screen{justify-content:center;flex-grow:1}.app-title{font-family:Rajdhani,sans-serif;font-size:2.8rem;font-weight:700;color:var(--primary);margin-bottom:8px;text-shadow:0 0 20px var(--accent);display:flex;align-items:center;gap:12px;justify-content:center}.title-icon{color:var(--accent)}.subtitle{font-size:1.1rem;color:var(--text-muted);margin-bottom:30px}.primary-button,.secondary-button{padding:12px 24px;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;justify-content:center}.primary-button{background-color:var(--primary);color:var(--bg);box-shadow:0 0 24px #f9731666}.primary-button:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:0 0 32px #f9731699}.primary-button:active:not(:disabled){transform:scale(.98)}.primary-button:disabled{background-color:var(--text-muted);cursor:not-allowed;box-shadow:none;opacity:.6}.secondary-button{background-color:var(--surface);color:var(--text);border:1px solid var(--border)}.secondary-button:hover:not(:disabled){background-color:#191923cc;border-color:var(--accent);color:var(--accent)}.secondary-button:active:not(:disabled){transform:scale(.98)}.section-title{font-family:Rajdhani,sans-serif;font-size:1.6rem;font-weight:600;color:var(--accent);margin-top:20px;margin-bottom:15px;display:flex;align-items:center;gap:8px;justify-content:center;width:100%;text-align:left;padding-left:10px}.selector-group{display:flex;flex-wrap:wrap;gap:10px;width:100%;justify-content:center}.selector-button{flex:1 1 auto;min-width:80px;padding:10px 15px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-weight:500;cursor:pointer;transition:all .2s ease}.selector-button.active{background-color:var(--primary);color:var(--bg);border-color:var(--primary);box-shadow:0 0 16px #f973164d}.selector-button:hover:not(.active){border-color:var(--accent);color:var(--accent)}.weapon-selector,.map-selector{display:grid;gap:10px;width:100%}.grid-cols-2{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.weapon-checkbox{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;color:var(--text-muted);font-weight:500;text-align:left}.weapon-checkbox input[type=checkbox]{display:none}.weapon-checkbox.checked{background-color:var(--primary);color:var(--bg);border-color:var(--primary);box-shadow:0 0 16px #f973164d}.weapon-checkbox:hover:not(.checked){border-color:var(--accent);color:var(--accent)}.weapon-icon-img{width:40px;height:40px;min-width:40px;border-radius:var(--radius);background-color:#0003;display:block;object-fit:cover}.weapon-icon-fallback{font-size:24px;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#0003;border-radius:var(--radius)}.map-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;color:var(--text-muted);font-weight:500}.map-card.active{background-color:var(--primary);color:var(--bg);border-color:var(--primary);box-shadow:0 0 16px #f973164d}.map-card:hover:not(.active){border-color:var(--accent);color:var(--accent)}.map-image-wrapper{width:80px;height:80px;background-color:#0003;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;overflow:hidden}.map-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.map-emoji-fallback{font-size:48px;line-height:1}.map-loading-icon{color:var(--text-muted);font-size:24px}.map-name{font-size:.9rem}.generate-button{margin-top:20px;width:100%}.result-screen{gap:25px}.tactical-output{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;width:100%;text-align:left;display:flex;flex-direction:column;gap:15px;box-shadow:inset 0 0 8px #0003}.output-item{display:flex;align-items:flex-start;gap:10px;color:var(--text)}.output-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.output-label{font-weight:700;color:var(--primary);min-width:70px}.output-value{flex-grow:1;color:var(--text)}.output-strategy{padding:0;color:var(--text-muted);font-size:.95rem;line-height:1.5;margin:-10px 0 0 100px}.strategy-item .output-label{align-self:flex-start}.loading-text{color:var(--text-muted);font-style:italic}.button-group{display:flex;gap:15px;width:100%;margin-top:20px}.button-group .primary-button,.button-group .secondary-button{flex:1}@media (max-width: 600px){.app-container{margin:10px;padding:15px;min-height:auto}.app-title{font-size:2.2rem;gap:8px}.subtitle{font-size:1rem}.section-title{font-size:1.4rem;padding-left:0;justify-content:center}.selector-button,.weapon-checkbox,.map-card{font-size:.9rem;padding:8px 12px}.weapon-icon-img,.weapon-icon-fallback{width:32px;height:32px;min-width:32px}.map-image-wrapper{width:60px;height:60px}.map-emoji-fallback{font-size:36px}.output-label{min-width:60px}.output-strategy{margin-left:90px}.button-group{flex-direction:column}}