*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{overflow-x:hidden}.maps-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:24px;width:100%;max-width:1200px;margin:0 auto}@media (max-width:1200px){.maps-grid{grid-template-columns:repeat(3,minmax(250px,1fr));gap:20px}}@media (max-width:900px){.maps-grid{grid-template-columns:repeat(2,minmax(250px,1fr));gap:20px}}@media (max-width:600px){.maps-grid{grid-template-columns:repeat(2,1fr);gap:14px}}.map-card{background:rgba(255,255,255,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;padding:0;border:2px solid transparent;display:flex;flex-direction:column;gap:12px;min-width:0;transition:.35s cubic-bezier(.2, .9, .4, 1.1);overflow:hidden;box-shadow:none}html.dark-mode .map-card{background:rgba(20,20,28,.6);border:2px solid transparent;box-shadow:none}.map-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.6);border-color:rgba(255,255,255,.5);box-shadow:0 25px 35px -15px rgba(0,0,0,.25)}html.dark-mode .map-card:hover{background:rgba(30,30,38,.8);border-color:rgba(255,255,255,.15);box-shadow:0 25px 35px -15px rgba(0,0,0,.5)}.map-card.selected{transform:translateY(-2px);border:2px solid var(--accent-primary);box-shadow:0 20px 30px -12px rgba(0,0,0,.1)}html.dark-mode .map-card.selected{border:2px solid var(--accent-primary);box-shadow:0 20px 30px -12px rgba(0,0,0,.3)}.banner{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg-tertiary)}.banner img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s,brightness .3s;filter:brightness(1)}.map-card:hover .banner img{filter:brightness(.85)}.card-content{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 18px 18px;min-height:56px}.card-text{display:flex;flex-direction:column;gap:6px;flex:1}.map-desc{font-size:.65rem;color:var(--accent-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.8px}.map-name{font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.favorite-btn{background:rgba(0,0,0,.05);border:none;cursor:pointer;color:var(--text-tertiary);width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.2s;flex-shrink:0;backdrop-filter:blur(4px)}html.dark-mode .favorite-btn{background:rgba(255,255,255,.05)}.favorite-btn:hover{color:#f5a623;background:rgba(245,166,35,.15);transform:scale(1.08)}.favorite-btn.active{color:#f5a623;background:rgba(245,166,35,.2)}.favorite-btn.active svg path{fill:currentColor}.favorite-btn svg{width:18px;height:18px}@media (max-width:600px){.map-name{font-size:.8rem}.map-desc{font-size:.6rem}.favorite-btn{width:30px;height:30px}}.mode-toggle{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1001;background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:60px;padding:5px;display:flex;width:auto;min-width:280px;gap:4px;box-shadow:var(--shadow-lg);transition:all var(--transition-speed) ease}.mode-toggle-item{flex:1;padding:10px 16px;text-align:center;border:none;background:0 0;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;border-radius:60px;transition:all var(--transition-speed) ease;letter-spacing:.3px}.mode-toggle-item:hover{background:var(--bg-hover);color:var(--text-primary)}.mode-toggle-item.active{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.play-button{width:40px;height:40px;border-radius:50%;border:none;background:var(--bg-hover);backdrop-filter:blur(12px);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;flex-shrink:0;padding:0;pointer-events:auto}.play-button svg{width:18px;height:18px;display:block}.play-button:hover{background:var(--accent-primary);transform:scale(1.05);color:#fff}.play-button:active{transform:scale(.96)}.banner,.card-content,.favorite-btn,.map-card,.map-card *,.maps-grid,.mode-toggle,.mode-toggle-item{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none;pointer-events:none}.favorite-btn,.mode-toggle-item{pointer-events:auto}.map-name{-webkit-user-select:text;user-select:text}