:root{--bg:#08111f;--panel:#101b2e;--panel2:#15243a;--line:#2a3e5e;--text:#eff7ff;--muted:#91a7c7;--cyan:#4dd9ff;--green:#62df97;--pink:#ff7bd8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 40% 0,#173b5b 0,#0a1728 32%,#07101d 70%);color:var(--text);font:14px/1.45 Inter,system-ui,sans-serif}button,a{font:inherit}.maps-app{max-width:1500px;margin:auto;padding:24px}.maps-header{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:18px 20px;background:rgba(11,20,36,.82);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(18px)}.back{color:#cde5ff;text-decoration:none}.title small,.section-head small{letter-spacing:.16em;color:var(--cyan);font-weight:800}.title h1,.section-head h2{margin:2px 0}.title p{margin:0;color:var(--muted)}button,.button{border:1px solid var(--line);border-radius:10px;background:#172946;color:var(--text);padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.primary{background:linear-gradient(135deg,#176f8d,#1d9669);border-color:#4dbde0;font-weight:800}.workflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:24px 0;background:rgba(13,25,44,.75);border:1px solid var(--line);padding:16px;border-radius:18px}.workflow article{display:flex;gap:12px;align-items:flex-start}.workflow article>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff77d5,#45d4ff);font-weight:900}.workflow b{font-size:16px}.workflow p{margin:3px 0 0;color:var(--muted)}.workflow i{font-style:normal;font-size:22px;color:#5e789d}.section-head{display:flex;align-items:end;justify-content:space-between;margin:22px 2px 12px}.section-head span{color:var(--muted)}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.map-card{background:linear-gradient(180deg,#15253c,#0e192a);border:1px solid var(--line);border-radius:16px;overflow:hidden}.map-preview{height:132px;position:relative;background:linear-gradient(#86cdf4 0 45%,#6cae63 46% 100%);overflow:hidden}.map-preview:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-35%;height:75%;border-radius:50% 50% 0 0;background:#4b8152;box-shadow:0 -12px 30px rgba(255,255,255,.16)}.map-preview .river{position:absolute;z-index:2;width:22%;height:160%;left:55%;top:5%;transform:rotate(18deg);background:#46bfe8;opacity:.75}.map-info{padding:14px}.map-info h3{margin:0 0 5px;font-size:18px}.map-info p{margin:0;color:var(--muted)}.stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.stats span{background:#0a1424;border:1px solid #243a58;padding:4px 7px;border-radius:8px;color:#a9bfdc;font-size:12px}.actions{padding:0 14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.actions a,.actions button{padding:9px}.actions .play{grid-column:1/-1;background:#1a633f;border-color:#2f9d64}.actions .delete{color:#ffb3bc}.empty{padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px;grid-column:1/-1}@media(max-width:800px){.maps-app{padding:10px}.maps-header{grid-template-columns:1fr auto}.maps-header .back{grid-column:1/-1}.workflow{grid-template-columns:1fr}.workflow i{transform:rotate(90deg);text-align:center}.map-grid{grid-template-columns:1fr}}