:root{color-scheme:light;--brand:#153552;--action:#0753a6;--page:#eef3f8;--surface:#fff;--text:#172b3d;--muted:#536676;--line:#cbd7e3;--radius:6px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--page);color:var(--text)}
:root[data-theme="friendly"]{--brand:#124b59;--action:#006b75;--page:#f3fafc;--text:#19343d;--muted:#516970;--line:#c8dde2;--radius:18px}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text)}main{max-width:1280px;margin:auto;padding:28px 24px 48px}p{color:var(--muted);line-height:1.65;font-size:1rem}a{color:var(--action);text-underline-offset:4px}h1{font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.15;letter-spacing:-.03em}h2{font-size:1.5rem;color:var(--brand)}.nupol-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;background:var(--brand);color:white;border-bottom:4px solid var(--action)}.nupol-bar a{color:white;text-decoration:none;font-weight:700;font-size:1.3rem}.nupol-bar label{font-size:.875rem;display:flex;align-items:center;gap:10px}.nupol-bar select{font:inherit;padding:10px;border-radius:4px;border:1px solid #91a8bb;background:#fff;color:#172b3d;min-height:44px;max-width:100%}.nupol-note{max-width:1280px;margin:12px auto 0;padding:0 24px;font-size:.875rem;color:var(--muted)}:root[data-theme="friendly"] .nupol-bar{background:#fff;color:var(--brand)}:root[data-theme="friendly"] .nupol-bar a{color:var(--brand)}button{font:inherit;min-height:44px;background:var(--surface);border:1px solid var(--line);color:var(--action);border-radius:var(--radius);cursor:pointer;padding:10px 16px}button:hover{background:var(--page)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,.spin-stage:focus-visible{outline:3px solid var(--action);outline-offset:4px}button[aria-pressed="true"],.mode-switch button[aria-pressed="true"]{background:var(--action);color:#fff;border-color:var(--action)}.meta,.eyebrow,footer,header span{color:var(--muted);font-size:.875rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase}.mode-switch,.spin-buttons,.street-links,nav{display:flex;flex-wrap:wrap;gap:12px}.spin-stage,.model-stage,video{width:100%;background:#08141c;border-radius:var(--radius);overflow:hidden}.spin-stage{position:relative;aspect-ratio:16/9;touch-action:pan-y;cursor:ew-resize}.spin-stage>img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;pointer-events:none;user-select:none}.spin-controls{background:var(--surface);border:1px solid var(--line);padding:16px;border-radius:var(--radius)}.spin-controls label{display:block;font-size:1rem;margin:12px 0 6px}.spin-controls input{display:block;width:100%;min-height:36px;accent-color:var(--action)}.credit-strip{position:relative;background:#08141c;color:#e5eef5;padding:10px 12px;font-size:.875rem;line-height:1.6}.credit-strip a{color:#bde4ff}.model-stage{aspect-ratio:16/9}.model-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}video{display:block;max-height:75vh}.grid,.photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}figure img{display:block;width:100%;height:auto}figure>a{display:block;padding:0}figcaption{padding:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:1rem}figcaption a{font-size:.875rem}.note,details,footer{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.note p{font-size:.875rem}summary{cursor:pointer;color:var(--action);font-size:1rem}section{scroll-margin-top:16px}#spin-start{margin:14px 0}.object-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:18px 0 32px}.object-card{display:block;color:var(--text);text-decoration:none;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);overflow:hidden;padding:0}.object-card img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.object-card div{padding:18px}.object-card strong{display:block;font-size:1.2rem;margin-bottom:6px}.object-card span{display:block;font-size:.875rem;color:var(--muted);line-height:1.6}.object-card:hover{border-color:var(--action)}.cards button{background:var(--surface);color:var(--text);border-color:var(--line)}.cards small,.cards strong,#play-status,figcaption,.street p{color:var(--text)}.player-actions button{background:var(--action);color:white;border-color:var(--action)}.site-nav,.street,footer{border-color:var(--line)}.street{background:var(--surface)}[hidden]{display:none!important}.skip-link{position:absolute;left:12px;top:-100px;padding:12px;background:white;color:var(--action);z-index:50}.skip-link:focus{top:12px}.direction-links{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.direction-links a{min-height:44px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
@media(max-width:650px){main{padding:24px 16px}.nupol-bar{padding:14px 16px;align-items:flex-start;flex-wrap:wrap}.nupol-note{padding:0 16px}.nupol-bar label{flex-wrap:wrap}.grid,.photos,.object-cards{grid-template-columns:1fr}.mode-switch button{flex:1;min-width:140px}.model-stage{aspect-ratio:4/3}nav{gap:14px}video{max-height:none}.nupol-bar select{max-width:220px}}
.nupol-bar>a{display:inline-flex;align-items:center;gap:10px;letter-spacing:-.035em}.brand-icon{display:block;width:36px;height:36px}.brand-p{color:#58d3dd}:root[data-theme="friendly"] .brand-p{color:var(--action)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}