:root{color-scheme:light;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--color-bg: #f4f2ec;--color-bg-secondary: #eceae2;--color-surface: #ffffff;--color-text: #16171b;--color-text-secondary: #3c3e45;--color-muted: #7a7d86;--color-faint: #abaea6;--color-border: #e2dfd5;--color-border-strong: #d2cfc3;--color-accent: #ff2e3e;--color-accent-deep: #e01122;--color-danger: #e5484d;--radius-panel: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-bg)}body{margin:0;min-width:320px;background:var(--color-bg);color:var(--color-text);font-size:16px;font-weight:400;line-height:1.5;letter-spacing:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;box-shadow:0 0 0 4px #ff2e3e38}h1,h2,h3,p,dl,dd{margin:0}h1{max-width:760px;font-size:44px;font-weight:600;line-height:1.05;letter-spacing:0}h2,h3{font-size:24px;font-weight:600;line-height:1.2;letter-spacing:0}strong{font-weight:600}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:40;display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:var(--space-md);border-bottom:1px solid var(--color-border);background:#f4f2ece6;padding:var(--space-md);backdrop-filter:blur(14px) saturate(1.2)}.brand,.topbar-nav a{min-height:44px;align-items:center}.brand{display:inline-flex;gap:var(--space-sm);font-size:16px;font-weight:600;text-decoration:none}.brand-mark{display:inline-grid;width:44px;height:44px;place-items:center;border-radius:var(--radius-panel);background:var(--color-text);color:var(--color-surface)}.brand-name{display:inline-flex;flex-wrap:wrap;gap:var(--space-xs)}.brand-name span{color:var(--color-accent)}.topbar-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-xs)}.topbar-nav a{display:inline-flex;padding:var(--space-sm);color:var(--color-text-secondary);font-size:16px;font-weight:400;text-decoration:none}.main{width:min(100%,1320px);margin:0 auto;padding:var(--space-lg) var(--space-md) var(--space-3xl)}.home-hero{display:grid;gap:var(--space-lg);align-items:end;padding:var(--space-lg) 0 var(--space-xl)}.home-hero__copy{display:grid;gap:var(--space-md)}.eyebrow,.label,.badge,dt{font-size:12px;font-weight:400;line-height:1.3}.eyebrow,.label,dt{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase}.lede,.muted{color:var(--color-text-secondary)}.lede{max-width:760px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.stat-grid div{min-height:88px;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:var(--space-md)}.stat-grid dd{margin-top:var(--space-sm);font-size:24px;font-weight:600;line-height:1.2}.browser-section,.section-head,.stack{display:grid;gap:var(--space-md)}.map-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.map-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);color:var(--color-text);text-align:left;text-decoration:none}.map-card--available{transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.map-card--available:hover{border-color:var(--color-border-strong);box-shadow:0 24px 48px #16171b14;transform:translateY(-2px)}.map-card--unavailable{color:var(--color-muted)}.map-card__media{position:relative;display:grid;min-height:220px;aspect-ratio:4 / 3;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(255,46,62,.14),transparent 34%),linear-gradient(45deg,var(--color-bg-secondary),var(--color-surface))}.map-card__media:before{position:absolute;inset:24px;border:1px solid rgba(22,23,27,.12);border-radius:var(--radius-panel);background:linear-gradient(90deg,transparent 48%,rgba(22,23,27,.08) 48%,rgba(22,23,27,.08) 52%,transparent 52%),linear-gradient(0deg,transparent 48%,rgba(22,23,27,.08) 48%,rgba(22,23,27,.08) 52%,transparent 52%);content:""}.map-card--unavailable .map-card__media{filter:grayscale(1);opacity:.66}.map-card__initial{position:relative;display:grid;width:88px;height:88px;place-items:center;border:1px solid var(--color-border-strong);border-radius:var(--radius-panel);background:#ffffffb8;color:var(--color-text);font-size:44px;font-weight:600;line-height:1.05}.map-card__body{display:grid;gap:var(--space-sm);padding:var(--space-md)}.map-card__topline,.status-row,.meta-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.badge{display:inline-flex;min-height:28px;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);letter-spacing:0}.badge--available,.badge.available{border-color:#ff2e3e75;color:var(--color-accent-deep)}.badge--soon{color:var(--color-muted)}.map-card__action,.button-link{display:inline-flex;min-height:44px;width:fit-content;align-items:center;justify-content:center;border:1px solid var(--color-accent);border-radius:var(--radius-panel);padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:var(--color-surface);font-size:16px;font-weight:600;text-decoration:none}.map-card__action--disabled{border-color:var(--color-border);background:var(--color-bg-secondary);color:var(--color-muted)}.surface{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:var(--space-lg)}.surface-elevated{background:var(--color-surface)}.grid{display:grid;gap:var(--space-md)}.path-text{overflow-wrap:anywhere;color:var(--color-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.placement-list{display:grid;gap:var(--space-sm);margin:0;padding:0;list-style:none}.placement-list li{border-left:4px solid var(--color-accent);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary)}.crumbs{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;padding:var(--space-md) 0;color:var(--color-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.crumbs a{display:inline-flex;min-height:44px;align-items:center;color:var(--color-text-secondary);text-decoration:none}.crumbs a:hover{color:var(--color-accent-deep)}.crumbs__sep{color:var(--color-faint)}.crumbs__current{color:var(--color-text)}.mapview-head{display:grid;gap:var(--space-md);padding:0 0 var(--space-lg)}.mapview-head__copy{display:grid;gap:var(--space-sm)}.mapview-head__meta{color:var(--color-text-secondary)}.mapview-head__hint{color:var(--color-muted)}.mapview-grid{display:grid;gap:var(--space-lg)}.floor-rail{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.floor-btn{display:grid;gap:var(--space-xs);min-height:44px;min-width:96px;border:1px solid var(--color-border);border-left:4px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:var(--space-sm) var(--space-md)}.floor-btn[data-active=true]{border-color:var(--color-text);border-left-color:var(--color-accent)}.floor-btn__lvl{color:var(--color-text);letter-spacing:.08em;text-transform:uppercase}.floor-btn__count{color:var(--color-muted)}.blueprint{display:grid;gap:var(--space-lg)}.blueprint__canvas{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:linear-gradient(135deg,rgba(255,46,62,.06),transparent 40%),var(--color-surface);padding:var(--space-md)}.blueprint__svg{display:block;width:100%;height:auto;aspect-ratio:1 / 1}.blueprint__outer{fill:var(--color-bg-secondary);stroke:var(--color-border-strong);stroke-width:.6}.blueprint__marker{cursor:pointer}.blueprint__halo{fill:#ff2e3e29;transition:fill .16s ease}.blueprint__pin{fill:var(--color-surface);stroke:var(--color-accent);stroke-width:1.4;transition:fill .16s ease}.blueprint__code{fill:var(--color-text);font-size:5px;font-weight:600;text-anchor:middle}.blueprint__marker:hover .blueprint__halo,.blueprint__marker:focus-visible .blueprint__halo{fill:#ff2e3e57}.blueprint__marker:hover .blueprint__pin,.blueprint__marker:focus-visible .blueprint__pin{fill:var(--color-accent)}.blueprint__marker:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.legend{display:grid;gap:var(--space-sm);margin:0;padding:0;list-style:none}.legend__row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:var(--space-sm) var(--space-md);text-decoration:none}.legend__row:hover{border-color:var(--color-border-strong)}.legend__code{display:inline-flex;min-width:36px;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);color:var(--color-text);letter-spacing:.08em;text-transform:uppercase}.legend__name{flex:1 1 auto;min-width:0;color:var(--color-text);overflow-wrap:anywhere}.legend__go{color:var(--color-accent-deep);letter-spacing:.08em;text-transform:uppercase}.site-head{display:grid;gap:var(--space-sm);padding:0 0 var(--space-lg)}.setup-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin:0;padding:0;list-style:none}.setup-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);color:var(--color-text);text-decoration:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.setup-card:hover{border-color:var(--color-border-strong);box-shadow:0 24px 48px #16171b14;transform:translateY(-2px)}.setup-card__media{position:relative;display:grid;min-height:180px;aspect-ratio:16 / 9;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(255,46,62,.14),transparent 34%),linear-gradient(45deg,var(--color-bg-secondary),var(--color-surface))}.setup-card__initial{display:grid;width:72px;height:72px;place-items:center;border:1px solid var(--color-border-strong);border-radius:var(--radius-panel);background:#ffffffb8;font-size:24px;font-weight:600}.setup-card__body{display:grid;gap:var(--space-sm);padding:var(--space-md)}.setup-card__title{overflow-wrap:anywhere}.empty-state{max-width:760px}.detail-grid{display:grid;gap:var(--space-lg);align-items:start}.detail-media-col{display:grid;gap:var(--space-lg);min-width:0}.detail-screenshot{display:grid;gap:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:var(--space-md)}.detail-screenshot__img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-panel);background:var(--color-bg-secondary)}.detail-screenshot__note{overflow-wrap:anywhere;color:var(--color-muted)}.setup-media{display:grid;gap:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:var(--space-md)}.setup-media__bar{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;justify-content:space-between}.pill-toggle{display:inline-flex;gap:var(--space-xs);border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-secondary);padding:var(--space-xs)}.pill-toggle__btn{min-height:44px;border:0;border-radius:999px;padding:var(--space-sm) var(--space-md);background:transparent;color:var(--color-text-secondary);font-size:16px;font-weight:600;cursor:pointer}.pill-toggle__btn[aria-pressed=true]{background:var(--color-accent);color:var(--color-surface)}.setup-media__descriptor{color:var(--color-muted)}.media-frame{display:grid;gap:var(--space-sm)}.media-frame__video{display:block;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-panel);background:var(--color-ink, #16171b)}.media-frame__fallback{display:grid;place-items:center;height:100%;padding:var(--space-md);color:var(--color-muted);text-align:center}.media-frame__note{overflow-wrap:anywhere;color:var(--color-muted)}.steps-list{display:grid;gap:var(--space-md);margin:0;padding:0;list-style:none}.step{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--space-md);align-items:start;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-bg-secondary);padding:var(--space-md)}.step__thumb{display:grid;place-items:center;aspect-ratio:1 / 1;border:1px solid var(--color-border-strong);border-radius:var(--radius-panel);background:var(--color-surface)}.step__num{font-size:24px;font-weight:600;color:var(--color-accent-deep);letter-spacing:0}.step__body{display:grid;gap:var(--space-xs);min-width:0}.step__label{font-size:16px;font-weight:600;overflow-wrap:anywhere}.detail-info{display:grid;gap:var(--space-md);min-width:0}.detail-block{display:grid;gap:var(--space-sm)}.placement-order{display:grid;gap:var(--space-sm);margin:0;padding:0;list-style:none}.placement-order li{display:flex;gap:var(--space-sm);align-items:baseline;min-width:0}.placement-order__num{display:inline-flex;min-width:24px;justify-content:center;color:var(--color-accent-deep);letter-spacing:0}.placement-order__label{overflow-wrap:anywhere}.legal-page{display:grid;gap:var(--space-lg);width:min(100%,760px);margin:0 auto;padding:var(--space-lg) 0 var(--space-2xl)}.legal-page__head{display:grid;gap:var(--space-sm)}.legal-page__updated{color:var(--color-muted)}.legal-page__panel{display:grid;gap:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:var(--space-lg) var(--space-md)}.legal-page__panel>.lede{max-width:none}.legal-section{display:grid;gap:var(--space-sm);min-width:0}.legal-section p{color:var(--color-text-secondary);overflow-wrap:anywhere}.legal-section a{color:var(--color-accent-deep);text-decoration:underline;text-underline-offset:2px}.contact-link{font-weight:600;overflow-wrap:anywhere}@media(min-width:760px){.legal-page__panel{padding:var(--space-xl) var(--space-lg)}}@media(max-width:520px){h1{font-size:24px;line-height:1.2}.topbar{align-items:flex-start}.brand-name{max-width:96px}}@media(min-width:760px){.topbar{padding:var(--space-md) var(--space-lg)}.main{padding:var(--space-xl) var(--space-lg) var(--space-3xl)}.home-hero{grid-template-columns:minmax(0,1fr) minmax(320px,420px);padding-top:var(--space-2xl)}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mapview-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.map-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.mapview-grid{grid-template-columns:minmax(180px,200px) minmax(0,1fr);align-items:start}.floor-rail{flex-direction:column;flex-wrap:nowrap}.floor-btn{width:100%}.blueprint{grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:start}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.detail-info{position:sticky;top:96px}}@media(min-width:1180px){.map-grid,.setup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}