*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#1a1a1a;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg: #1a1a1a;--text-on-bg: #fff;--card: #121212;--text-on-card: #f2f2f2;--primary: #FFB53D;--muted: rgba(255,255,255,.7);--radius: 20px;--shadow: 0 14px 48px rgba(0,0,0,.45)}.app{min-height:100dvh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:10;background:#1a1a1ae6;backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.12)}.header-inner{display:flex;align-items:center;gap:12px;padding:12px 16px}.header h1,.header h2{margin:0;font-size:18px;font-weight:600}.main{padding:16px;display:grid;gap:12px}.card{background:var(--card);color:var(--text-on-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.btn{appearance:none;border:0;outline:0;background:var(--primary);color:#222;font-weight:600;border-radius:12px;padding:10px 14px;cursor:pointer}.btn.secondary{background:#ffffff1a;color:var(--text-on-bg);border:1px solid rgba(255,255,255,.2)}.btn:active{transform:scale(.98)}.chips{display:flex;gap:8px;overflow-x:auto;padding:0 16px 12px;scrollbar-width:none;-ms-overflow-style:none}.chips::-webkit-scrollbar{display:none}.chip{background:#ffffff0f;color:var(--text-on-card);border-radius:999px;padding:8px 12px;font-size:13px;border:1px solid rgba(255,255,255,.08)}.chip.active{background:var(--primary);border-color:var(--primary);color:#222}.container{min-height:100dvh;display:grid;place-items:start center;padding:24px 16px 40px}.stack{width:100%;max-width:560px;display:grid;gap:16px}.brand{display:grid;justify-items:center;gap:10px;margin-bottom:12px}.brand-logo{width:220px;height:64px;background:#ffffff0f;border:1px dashed rgba(255,255,255,.2);border-radius:12px}.map-tile{position:relative;display:block;width:100%;height:112px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--card);cursor:pointer;border:1px solid rgba(255,255,255,.06);transition:box-shadow .25s,border-color .25s,transform .25s,filter .25s}.map-tile:active{transform:scale(.99)}.map-tile__bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(90%) contrast(95%) brightness(.82);transform:none}.map-tile__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0006,#000000a6);transition:background .25s,opacity .25s}.map-tile__title{position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-transform:uppercase;font-weight:900;letter-spacing:1px;font-size:32px;text-align:center;padding:0 12px;text-shadow:0 2px 10px rgba(0,0,0,.7);transition:letter-spacing .25s,opacity .25s,transform .25s}@media (hover:hover){.map-tile:hover{box-shadow:0 18px 56px #0000008c;border-color:#ffb53d99;transform:translateY(-2px)}.map-tile:hover .map-tile__overlay{background:linear-gradient(180deg,#00000052,#00000094)}.map-tile:hover .map-tile__title{letter-spacing:1.5px;opacity:.95}}.mini-map{position:relative}.mini-map img{width:100%;height:auto;display:block;background:#222}.marker{position:absolute;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--primary);border:2px solid #fff;box-shadow:0 2px 8px #00000040}.episode{display:flex;gap:12px;padding:12px;background:#191919;border-radius:16px}.badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--primary);color:#222;font-size:12px;font-weight:700}.meta{color:#a8a8a8;font-size:12px}