:root{--color-bg: #f4f9fb;--color-bg-gradient: linear-gradient(135deg, #eaf6ff 0%, #e6fbf3 100%);--color-surface: #ffffff;--color-surface-glass: rgba(255, 255, 255, .7);--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-accent: #16a34a;--color-accent-soft: #bbf7d0;--color-text: #0f172a;--color-text-muted: #64748b;--color-border: #dbeafe;--radius-lg: 16px;--radius-md: 10px;--shadow-glass: 0 8px 32px rgba(30, 64, 175, .12);--color-correct: #22c55e;--color-danger: #ef4444;--color-unattempted: #cbd5e1;--color-hover: #94a3b8;--color-bg-land: #e2e8f0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--color-text);background:var(--color-bg-gradient);background-attachment:fixed}.app-root{min-height:100vh;display:flex;align-items:center;justify-content:center}.screen-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px;background:var(--color-surface-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;max-width:480px}.screen-placeholder h1{font-size:2rem;font-weight:700}.screen-placeholder p{color:var(--color-text-muted)}.btn-primary{padding:12px 28px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:background .15s ease}.btn-primary:hover{background:var(--color-primary-hover)}.glass-card{background:var(--color-surface-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:32px}.btn-secondary{padding:12px 28px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-weight:600;font-size:1rem;cursor:pointer;transition:background .15s ease}.btn-secondary:hover{background:#fff9}.setup-screen{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.setup-screen__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;filter:blur(4px);transform:scale(1.05)}.setup-screen__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(135deg,#eaf6ff8c,#e6fbf38c)}.setup-card{position:relative;z-index:10;width:min(90vw,560px);max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.setup-card__title{font-size:2.25rem;font-weight:800;color:var(--color-primary)}.setup-card__subtitle{color:var(--color-text-muted)}.setup-card__status{color:var(--color-text-muted);font-style:italic}.filter-section__heading{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:8px}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:6px 14px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.85rem;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.pill--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.setup-card__start{margin-top:8px;width:100%}.game-screen{display:flex;flex-direction:column;min-height:100vh;width:100%;padding:20px;gap:16px}.game-header{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 24px}.target-label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.target-name{font-size:1.5rem;font-weight:700}.game-controls{display:flex;align-items:center;gap:20px}.attempt-dots{display:flex;gap:6px}.attempt-dot{width:12px;height:12px;border-radius:50%;background:var(--color-accent)}.attempt-dot--lost{background:var(--color-border)}.map-section{flex:1;position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-glass)}.end-screen{display:flex;flex-wrap:wrap;min-height:100vh;width:100%;gap:24px;padding:24px}.end-card{flex:1 1 380px;max-width:480px;display:flex;flex-direction:column;gap:20px}.end-card__title{font-size:1.75rem;font-weight:800;color:var(--color-primary)}.end-card__score{font-size:2.5rem;font-weight:800}.end-card__score-divider{color:var(--color-text-muted);font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stat-tile{display:flex;flex-direction:column;gap:4px}.stat-tile__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.stat-tile__value{font-size:1.25rem;font-weight:700}.stat-tile__value--danger{color:var(--color-danger)}.action-buttons{display:flex;gap:12px}.end-screen__map{flex:2 1 480px;position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-glass);min-height:400px}.end-screen__map--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;border-radius:0;box-shadow:none;background:var(--color-bg)}.map-overlay-btn{position:absolute;top:16px;right:16px;z-index:10;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 16px;font-weight:600;font-size:.9rem;color:var(--color-text);cursor:pointer;transition:background .15s ease,transform .1s ease;box-shadow:var(--shadow-glass)}.map-overlay-btn:hover{background:var(--color-surface)}.map-overlay-btn:active{transform:scale(.95)}.renderer-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:300px;color:var(--color-text-muted);font-size:.9rem}