:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0a0a0a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#fff;--text:#0a0a0a;--muted:#6b7280;--weak:#9ca3af;--line:#e5e7eb;--line-strong:#d1d5db;--card:#fff;--surface:#f8fafc;--black:#0a0a0a;--white:#fff;--shadow:0 18px 50px #0f172a14;background:#fff;font-family:Inter,Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 0 0,#0000000b,#0000 28%),linear-gradient(#fff 0%,#fafafa 48%,#fff 100%);margin:0}a{color:inherit;text-decoration:none}.site-shell{flex-direction:column;width:min(1080px,100% - 32px);min-height:100vh;margin:0 auto;display:flex}.site-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border-bottom:1px solid #e5e7ebd9;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex;position:sticky;top:0}.brand{flex-direction:column;gap:2px;display:flex}.brand-title{letter-spacing:-.055em;font-size:22px;font-weight:900}.brand-version{color:var(--muted);font-size:13px;font-weight:650}.nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.nav a{border:1px solid var(--line);color:var(--text);background:var(--white);border-radius:999px;padding:9px 14px;font-size:14px;font-weight:750;transition:transform .16s,border-color .16s,background .16s,color .16s}.nav a:hover{color:var(--white);border-color:var(--black);background:var(--black);transform:translateY(-1px)}.content{flex:1;padding:54px 0 76px}.hero{padding:54px 0 36px}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;margin:0 0 10px;font-size:12px;font-weight:850}h1{letter-spacing:-.085em;margin:0 0 18px;font-size:clamp(42px,7.6vw,86px);font-weight:950;line-height:.92}.hero-text,.muted{color:var(--muted);max-width:700px;font-weight:520}.hero-actions{margin-top:30px}.primary-button{border:1px solid var(--black);background:var(--black);color:var(--white);border-radius:14px;justify-content:center;align-items:center;padding:13px 18px;font-weight:850;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 12px 24px #00000024}.primary-button:hover{background:#262626;transform:translateY(-1px);box-shadow:0 16px 34px #0000002e}.summary-grid,.detail-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:38px;display:grid}.summary-card,.info-card,.text-card,.error-box,.empty-box,.loading{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe0;border-radius:22px;padding:18px}.summary-card,.info-card{min-height:112px}.summary-card span,.info-card span{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:750;display:block}.summary-card strong,.info-card strong{letter-spacing:-.045em;word-break:break-word;font-size:22px}.page-title-row{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.count-pill{border:1px solid var(--line);color:var(--text);background:var(--white);white-space:nowrap;border-radius:999px;padding:8px 13px;font-weight:800}.search-input{border:1px solid var(--line-strong);background:var(--white);width:100%;color:var(--text);font:inherit;border-radius:16px;outline:none;margin:0 0 18px;padding:16px 17px;font-weight:600;box-shadow:0 12px 34px #0f172a0a}.search-input::placeholder{color:var(--weak)}.search-input:focus{border-color:var(--black);box-shadow:0 0 0 4px #00000013}.list{gap:12px;display:grid}.map-card{border:1px solid var(--line);background:#ffffffeb;border-radius:22px;grid-template-columns:112px 1fr;align-items:stretch;gap:16px;padding:16px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 38px #0f172a0e}.map-card.rank-bg-extended{background:#efefef}.map-card.rank-bg-legacy{background:#d9d9d9}.detail-header-card{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:22px}.detail-header-card.rank-bg-extended{background:#efefef}.detail-header-card.rank-bg-legacy{background:#d9d9d9}.map-card-featured{background:#f8fafc;grid-template-columns:112px minmax(0,1fr);align-items:end;min-height:228px}.thumbnail-bg-image{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.01)}.map-card-featured:before,.detail-hero-bg:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(135deg,#0000002e,#0000000a);position:absolute;inset:0}.map-card>.rank-box,.map-card>.map-main{z-index:2;position:relative}.map-card-featured .rank-box{border:1px solid #ffffff6b;min-height:150px;box-shadow:0 16px 36px #00000038}.map-card-featured .map-main{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffa3;border:1px solid #ffffff7a;border-radius:17px;place-self:center start;width:fit-content;max-width:100%;padding:18px;box-shadow:0 18px 42px #0f172a29}.map-card-featured .map-main h2{text-shadow:0 1px #ffffff6b}.map-card:hover{border-color:var(--black);transform:translateY(-2px);box-shadow:0 20px 54px #0f172a1f}.rank-box{background:var(--black);color:var(--white);border-radius:17px;flex-direction:column;justify-content:center;align-items:center;display:flex}.rank-box strong{letter-spacing:-.07em;font-size:30px;line-height:1}.rank-box span{color:#d4d4d4;margin-top:6px;font-size:13px;font-weight:850}.map-main h2{letter-spacing:-.055em;margin:0 0 10px;font-size:25px;font-weight:920}.meta-line,.creator-line{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:14px;font-weight:650;display:flex}.creator-line{margin-top:8px}.meta-line span,.creator-line span{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 10px}.rating-badge{letter-spacing:-.02em;justify-content:center;align-items:center;min-width:78px;font-weight:900;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff2e;border-color:#0000!important}.length-badge{letter-spacing:-.02em;justify-content:center;align-items:center;font-weight:900;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff38;border-color:#0000!important}.info-card .length-badge{border-radius:999px;width:fit-content;margin-top:2px;padding:6px 12px;font-size:15px}.info-card .rating-badge{width:fit-content;margin-top:2px;padding:6px 12px;font-size:15px}.back-link{color:var(--text);border-bottom:1px solid var(--black);margin-bottom:24px;font-weight:850;display:inline-block}.detail-header{margin-bottom:10px}.detail-hero-bg{border:1px solid var(--line);min-height:360px;box-shadow:var(--shadow);background:#f8fafc;border-radius:28px;align-items:flex-end;margin:0 0 28px;padding:24px;display:flex;position:relative;overflow:hidden}.detail-hero-bg .detail-header{margin-bottom:0}.detail-header-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2;background:#ffffffa3;border:1px solid #ffffff7a;border-radius:22px;width:fit-content;max-width:min(720px,100%);padding:22px;position:relative;box-shadow:0 18px 42px #0f172a29}.text-card{max-width:820px}.text-card p{color:var(--muted);margin:0 0 12px;font-weight:560}.text-card p:last-child{margin-bottom:0}.footer{color:var(--weak);border-top:1px solid var(--line);padding:22px 0 36px;font-size:13px;font-weight:650}.error-box{color:#7f1d1d;background:#fff7f7;border-color:#fecaca}.empty-box,.loading{color:var(--muted);font-weight:700}@media (width<=640px){.site-shell{width:min(100% - 24px,1080px)}.site-header,.page-title-row{flex-direction:column;align-items:flex-start}.nav{justify-content:flex-start}.content{padding-top:30px}.hero{padding-top:34px}h1{font-size:clamp(40px,15vw,64px)}.map-card,.map-card-featured{grid-template-columns:1fr}.map-card-featured{align-items:end;min-height:360px}.map-card-featured .map-main{width:100%;padding:15px}.detail-hero-bg{min-height:420px;padding:16px}.detail-header-panel{padding:17px}.rank-box{align-items:flex-start;padding:14px}}