.quest-map-container{position:relative;width:100%;border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;background:var(--color-bg-secondary)}.quest-map-container .leaflet-container{width:100%;height:50vh;min-height:300px;background:var(--color-bg-primary);z-index:1}.gps-dot{width:16px;height:16px;border-radius:50%;background:#4285f4;border:3px solid #fff;box-shadow:0 0 6px #4285f499;position:relative}.gps-dot:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid rgba(66,133,244,.4);animation:gpsPulse 2s ease-out infinite}@keyframes gpsPulse{0%{transform:scale(.8);opacity:1}to{transform:scale(2.2);opacity:0}}.star-marker{display:flex;align-items:center;justify-content:center;font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));line-height:1}.star-marker.completed{filter:grayscale(1) opacity(.5) drop-shadow(0 1px 2px rgba(0,0,0,.3))}.circle-marker{width:14px;height:14px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 2px 4px #0006}.circle-marker.completed{background:#999!important;border-color:#ccc;opacity:.5}.map-overlay-controls{position:absolute;top:.75rem;right:.75rem;z-index:10;display:flex;flex-direction:column;gap:.5rem}.map-overlay-controls .btn{box-shadow:0 2px 6px #0000004d;font-size:.8rem}.quest-map-container .leaflet-popup-content-wrapper{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 16px #0006}.quest-map-container .leaflet-popup-tip{background:var(--color-bg-secondary);border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.quest-map-container .leaflet-popup-content{margin:.75rem;font-size:.85rem}.quest-popup-title{font-family:var(--font-family-heading);font-size:.95rem;font-weight:700;margin-bottom:.25rem}.mini-map-container .leaflet-container{height:200px;min-height:150px;border-radius:var(--border-radius)}@media (max-width: 768px){.quest-map-container .leaflet-container{height:40vh;min-height:250px}.mini-map-container .leaflet-container{height:180px}.map-overlay-controls{top:.5rem;right:.5rem}}:root,[data-theme=classical]{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #e9ecef;--color-text-primary: #1a1a2e;--color-text-secondary: #6c757d;--color-text-accent: #3b82f6;--color-border: #dee2e6;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-xp: #8b5cf6;--font-family-base: "Inter", -apple-system, "Segoe UI", sans-serif;--font-family-heading: "Inter", -apple-system, "Segoe UI", sans-serif;--font-family-mono: "Fira Code", "Consolas", monospace;--border-radius: 8px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--transition-speed: .2s}[data-theme=cyberpunk]{--color-bg-primary: #0a0a1a;--color-bg-secondary: #12122a;--color-bg-tertiary: #1a1a3a;--color-text-primary: #e0e0ff;--color-text-secondary: #8888bb;--color-text-accent: #ff00ff;--color-border: #333366;--color-accent: #ff00ff;--color-accent-hover: #ff44ff;--color-success: #00ff88;--color-warning: #ffaa00;--color-danger: #ff3366;--color-xp: #00ffff;--font-family-base: "Inter", "Segoe UI", sans-serif;--font-family-heading: "Orbitron", "Inter", sans-serif;--font-family-mono: "Fira Code", "Consolas", monospace;--border-radius: 4px;--shadow-card: 0 0 12px rgba(255, 0, 255, .15), 0 2px 8px rgba(0, 0, 0, .4);--shadow-card-hover: 0 0 24px rgba(255, 0, 255, .3), 0 4px 16px rgba(0, 0, 0, .5);--transition-speed: .2s}[data-theme=terraria]{--color-bg-primary: #1e1410;--color-bg-secondary: #2a1e16;--color-bg-tertiary: #3a2a1e;--color-text-primary: #f0dcc0;--color-text-secondary: #b8a080;--color-text-accent: #e8a63a;--color-border: #5a4030;--color-accent: #e8a63a;--color-accent-hover: #f0c060;--color-success: #4caf50;--color-warning: #ff9800;--color-danger: #e53935;--color-xp: #ffd740;--font-family-base: "Press Start 2P", "Courier New", monospace;--font-family-heading: "Press Start 2P", "Courier New", monospace;--font-family-mono: "Courier New", monospace;--border-radius: 0px;--shadow-card: 4px 4px 0 rgba(0, 0, 0, .5);--shadow-card-hover: 6px 6px 0 rgba(0, 0, 0, .6);--transition-speed: .1s}[data-theme=minecraft]{--color-bg-primary: #2d2d2d;--color-bg-secondary: #3b3b3b;--color-bg-tertiary: #4a4a4a;--color-text-primary: #e0e0d0;--color-text-secondary: #a0a090;--color-text-accent: #5b8c3e;--color-border: #555548;--color-accent: #5b8c3e;--color-accent-hover: #72aa50;--color-success: #5b8c3e;--color-warning: #d4a017;--color-danger: #b33a3a;--color-xp: #7dff3e;--font-family-base: "VT323", "Courier New", monospace;--font-family-heading: "VT323", "Courier New", monospace;--font-family-mono: "Courier New", monospace;--border-radius: 0px;--shadow-card: 3px 3px 0 #1a1a1a, inset 1px 1px 0 rgba(255,255,255,.1);--shadow-card-hover: 5px 5px 0 #1a1a1a, inset 1px 1px 0 rgba(255,255,255,.15);--transition-speed: .05s}[data-theme=elfic]{--color-bg-primary: #f5eed6;--color-bg-secondary: #ebe4c8;--color-bg-tertiary: #ddd6b8;--color-text-primary: #2c1e0e;--color-text-secondary: #5c4a30;--color-text-accent: #8b6914;--color-border: #c4b48a;--color-accent: #8b6914;--color-accent-hover: #a67c1a;--color-success: #2e7d32;--color-warning: #c67c00;--color-danger: #8b1a1a;--color-xp: #daa520;--font-family-base: "Cinzel", "Georgia", serif;--font-family-heading: "Cinzel Decorative", "Cinzel", serif;--font-family-mono: "Courier New", monospace;--border-radius: 8px;--shadow-card: 0 2px 8px rgba(60, 40, 10, .15), 0 1px 3px rgba(60, 40, 10, .1);--shadow-card-hover: 0 4px 16px rgba(60, 40, 10, .2), 0 2px 6px rgba(60, 40, 10, .15);--transition-speed: .3s}[data-theme=custom]{--color-bg-primary: #1a1a2e;--color-bg-secondary: #16213e;--color-bg-tertiary: #0f3460;--color-text-primary: #eaeaea;--color-text-secondary: #a0a0b0;--color-text-accent: #e94560;--color-border: #333355;--color-accent: #e94560;--color-accent-hover: #ff6b81;--color-success: #2ecc71;--color-warning: #f39c12;--color-danger: #e74c3c;--color-xp: #9b59b6;--font-family-base: "Inter", sans-serif;--font-family-heading: "Inter", sans-serif;--font-family-mono: "Fira Code", monospace;--border-radius: 8px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .3);--shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .4);--transition-speed: .2s}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base, 15px);line-height:1.5;transition:background-color var(--transition-speed),color var(--transition-speed);overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}#root{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);box-shadow:0 2px 10px #0003;position:sticky;top:0;z-index:100}.app-logo-group{display:flex;align-items:center;gap:.75rem}.app-title{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:800;color:var(--color-text-accent);letter-spacing:.05em;text-shadow:0 0 10px rgba(var(--color-accent),.3)}.app-subtitle{font-size:.85rem;color:var(--color-text-secondary)}.app-controls{display:flex;align-items:center;gap:1rem}.glass-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-card);padding:1.5rem;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.glass-panel:hover{box-shadow:var(--shadow-card-hover)}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1.5rem}.quest-card{position:relative;background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:240px;transition:transform var(--transition-speed),border-color var(--transition-speed),box-shadow var(--transition-speed)}.quest-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--color-accent)}.quest-card.completed{opacity:.75;filter:grayscale(.4);border-color:var(--color-success)}.quest-card-header{padding:1rem;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(180deg,#0006,#0000)}.quest-card-body{padding:1rem;flex-grow:1}.quest-card-title{font-family:var(--font-family-heading);font-size:var(--font-size-heading, 1.15rem);font-weight:700;margin-bottom:.5rem}.quest-card-description{font-size:.9rem;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.quest-card-footer{padding:.75rem 1rem;background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;border-radius:calc(var(--border-radius) / 2);text-transform:uppercase;letter-spacing:.04em}.badge-xp{background-color:var(--color-xp);color:#000}.badge-meal{background-color:var(--color-warning);color:#000}.badge-category{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;font-weight:600;border-radius:var(--border-radius);border:1px solid transparent;cursor:pointer;transition:all var(--transition-speed);-webkit-user-select:none;user-select:none}.btn-primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-accent)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-sm{padding:.35rem .75rem;font-size:.85rem}.input-field{width:100%;padding:.6rem .85rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-speed)}.input-field:focus{border-color:var(--color-accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 10px 30px #00000080;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:2rem}.timeline{display:flex;flex-direction:column;gap:1rem;position:relative;padding-left:1.5rem;border-left:2px solid var(--color-accent)}.timeline-item{position:relative;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem}.timeline-item:before{content:"";position:absolute;left:-2.1rem;top:1.2rem;width:1rem;height:1rem;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg-primary)}.quest-card.main-quest-card{border-color:gold;box-shadow:0 0 12px #ffd70040}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.app-header-nav{display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.app-header{flex-direction:column;align-items:stretch;padding:.75rem 1rem}.app-header-top{display:flex;align-items:center;justify-content:space-between;width:100%}.mobile-only-toggle{display:inline-flex!important}.app-header-nav{display:none;flex-direction:column;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.app-header-nav.expanded{display:flex}.app-controls{justify-content:space-between;flex-wrap:wrap;width:100%}.deck-grid{grid-template-columns:1fr;padding:1rem;gap:1rem}.modal-overlay{padding:0}.modal-content{max-width:100vw;max-height:100vh;height:100%;border-radius:0;padding:1.25rem 1rem}.btn{min-height:40px}}