:root{--abyss:#06151c;--deep:#0a2430;--panel:#0a2430b8;--lagoon:#1f8a96;--foam:#e7f1f3;--foam-dim:#b7c9ce;--sand:#d7c29a;--fire:#d15442;--gold:#e6b84a;--ink:#07141a;--line:#e7f1f324;--display:"Fraunces", "Iowan Old Style", serif;--sans:"Sora", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--accent:var(--gold);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{overflow-x:hidden}body{font-family:var(--sans);background:var(--abyss);color:var(--foam);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}button,input{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:550}p{margin:0}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--gold);color:var(--ink);z-index:20;padding:8px 12px;position:absolute;top:-40px;left:12px}.skip:focus{top:12px}.kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--foam-dim);overflow-wrap:anywhere;margin:0 0 8px;font-size:11px}.app{min-height:100svh;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);background:radial-gradient(120% 80% at 50% 18%, #123a48 0%, transparent 55%), var(--abyss);grid-template-rows:auto minmax(640px,calc(100svh - 72px)) auto;display:grid}.header{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:20px;padding:14px 22px;display:grid}.chrome{min-width:0}.offline-bar,.install-banner{justify-content:space-between;align-items:center;gap:12px;padding:8px 22px;font-size:13px;display:flex}.offline-bar{color:var(--sand);background:#3a2218}.install-banner{border-bottom:1px solid var(--line);background:#0a2430eb}.install-banner p{margin:0}.install-actions{flex-shrink:0;gap:8px;display:flex}@media (display-mode:standalone){.app{grid-template-rows:auto minmax(640px,calc(100dvh - 72px)) auto;min-height:100dvh}}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{font-family:var(--display);color:var(--lagoon);font-size:28px;line-height:1}.brand strong{font-family:var(--display);font-size:20px;font-weight:550;display:block}.brand em{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--sand);font-size:11px;font-style:normal;display:block}.tagline{color:var(--foam-dim);font-size:13px}.search{border:1px solid var(--line);background:#07141a8c;align-items:center;gap:8px;min-width:240px;padding:8px 10px 8px 12px;display:flex}.search input{background:0 0;border:0;outline:none;flex:1}.search kbd{font-family:var(--mono);border:1px solid var(--line);color:var(--foam-dim);padding:1px 6px;font-size:11px}.header-actions{gap:8px;display:flex}.text-btn{border:1px solid var(--line);background:0 0;padding:8px 12px}.text-btn:hover,.text-btn:focus-visible{border-color:var(--gold);color:var(--gold)}.main{grid-template-rows:minmax(0,1fr);grid-template-columns:240px minmax(0,1fr) 260px;height:100%;min-height:0;display:grid;overflow:hidden}.library,.structures{border-right:1px solid var(--line);background:#06151c73;min-height:0;padding:18px 16px;overflow:auto}.structures{border-right:0;border-left:1px solid var(--line)}.library ul,.structures ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lib-legend{font-family:var(--mono);letter-spacing:.02em;color:var(--foam-dim);flex-wrap:wrap;gap:8px 14px;margin:0 0 12px;font-size:10px;display:flex}.lib-legend span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.lib-legend .pip,.lib-legend .hazard-pip{flex:none}.library button{text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:72px 1fr auto;align-items:center;gap:10px;width:100%;padding:6px;display:grid}.library button img,.library button .plate-fallback{object-fit:cover;filter:saturate(.9);width:72px;height:48px}.plate-fallback{font-family:var(--sans);text-align:center;color:var(--ink);place-items:center;padding:4px;font-size:9px;font-weight:600;line-height:1.15;display:grid;overflow:hidden}.viewport-frame .plate-fallback{width:100%;height:100%;font-family:var(--display);color:var(--foam);filter:none;text-wrap:balance;padding:32px;font-size:clamp(22px,3.4vw,42px);font-weight:550}.library button strong{font-family:var(--sans);font-size:13px;font-weight:600;display:block}.library button em{font-family:var(--mono);color:var(--foam-dim);font-size:10px;font-style:italic;display:block}.library button.is-active{border-color:color-mix(in srgb, var(--accent) 70%, white);background:color-mix(in srgb, var(--accent) 16%, transparent)}.pips{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.pip{font-family:var(--mono);color:var(--gold);border:1px solid var(--gold);padding:1px 4px;font-size:10px;font-weight:500}.hazard-pip{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--fire);color:var(--fire);background:color-mix(in srgb, var(--fire) 16%, transparent);padding:2px 6px;font-size:10px;font-weight:600}.hazard-pip.is-caution{border-color:var(--sand);color:var(--sand);background:color-mix(in srgb, var(--sand) 14%, transparent)}.hazard-pip.is-danger,.hazard-pip.is-venom,.hazard-pip.is-toxic{border-color:var(--fire);color:#ffd4cc;background:color-mix(in srgb, var(--fire) 22%, transparent)}.hazard-banner{z-index:2;color:#ffe8e2;text-align:left;cursor:pointer;background:#4a1610;border:1px solid #e07a68;flex:none;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;margin:0 0 10px;padding:10px 14px;font-size:13px;display:grid;position:relative}.hazard-banner.is-caution{border-color:var(--sand);color:#f3e6c8;background:#3a2c12}.hazard-banner strong{font-family:var(--display);font-size:16px;display:block}.hazard-banner p{color:var(--foam-dim);margin:2px 0 0}.hazard-banner:hover,.hazard-banner:focus-visible{border-color:#ffb0a4}.hazard-open{border:1px solid var(--fire);color:var(--foam);white-space:nowrap;padding:8px 10px}.hazard-ico{font-size:22px;line-height:1}.hazard-body h3{margin:16px 0 8px;font-size:20px}.hazard-body ul,.hazard-body ol{color:var(--foam-dim);margin:0;padding-left:18px}.hazard-body li{margin-bottom:6px}.hazard-disclaimer{font-size:13px;color:var(--sand)!important}.card.is-hazard{border-color:color-mix(in srgb, var(--fire) 55%, var(--line));background:color-mix(in srgb, var(--fire) 10%, #0a24308c)}.empty{color:var(--foam-dim);margin-top:12px;font-size:13px}.stage{flex-direction:column;min-width:0;height:100%;min-height:0;padding:12px 16px 8px;display:flex;overflow:hidden}.stage-top{flex:none;justify-content:space-between;align-items:baseline;gap:16px;min-width:0;padding:4px 8px 10px;display:flex}.stage-top>div{min-width:0}.stage-top h1{overflow-wrap:anywhere;font-size:clamp(26px,7vw,44px);line-height:1.05}.stage-top em{font-family:var(--mono);color:var(--sand);margin-top:4px;font-size:13px;font-style:italic;font-weight:400;display:block}.scale{font-family:var(--mono);color:var(--foam-dim);white-space:nowrap;font-size:12px}.viewport{background:radial-gradient(80% 70% at 50% 40%,#1a5360 0%,#071820 62%,#040d12 100%);flex:1;min-height:220px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #00000059}.viewport-frame{position:absolute;inset:0}.viewport-frame img{object-fit:contain;width:100%;height:100%}.viewport-frame.is-3d canvas{width:100%;height:100%;display:block}.model-status{z-index:3;font-family:var(--mono);letter-spacing:.04em;border:1px solid var(--line);background:#07141ad1;margin:0;padding:8px 10px;font-size:12px;position:absolute;top:16px;left:16px}.model-status.is-note{color:var(--sand)}.markers-3d{pointer-events:none;position:absolute;inset:0}.markers-3d .marker{pointer-events:auto}.marker{z-index:2;background:0 0;border:0;width:18px;height:18px;padding:0;position:absolute;transform:translate(-50%,-50%)}.marker.is-3d{opacity:0;margin-top:-9px;margin-left:-9px;transform:translate(-999px,-999px)}.marker-dot{border:1.5px solid var(--foam);background:color-mix(in srgb, var(--accent) 70%, transparent);width:12px;height:12px;box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:50%;margin:3px;display:block}.marker.is-on .marker-dot{background:var(--gold);box-shadow:0 0 0 8px color-mix(in srgb, var(--gold) 28%, transparent)}.marker-label{white-space:nowrap;font-family:var(--mono);letter-spacing:.04em;color:var(--foam);pointer-events:none;background:#07141ab8;padding:3px 7px;font-size:11px;position:absolute;top:50%;transform:translateY(-50%)}.marker-label.is-right{left:22px}.marker-label.is-left{right:22px}.tip{border:1px solid var(--line);background:#07141ac7;width:220px;padding:12px;font-size:13px;position:absolute;bottom:16px;left:16px}.tip ul{color:var(--foam-dim);margin:6px 0 10px;padding-left:16px}.tip button{color:var(--sand);background:0 0;border:0;padding:0;text-decoration:underline}.identify-banner{border:1px solid var(--gold);background:#07141ae0;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.identify-banner.is-correct{border-color:var(--lagoon)}.identify-banner.is-wrong{border-color:var(--fire)}.identify-banner button{color:var(--sand);background:0 0;border:0}.view-rail{flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:10px 4px 0;display:flex}.view-rail>button,.age-toggle button{border:1px solid var(--line);background:0 0;padding:6px 12px;font-size:13px}.view-rail>button.is-active,.age-toggle button.is-active{border-color:var(--gold);color:var(--gold)}.age-toggle{gap:6px;margin-left:auto;display:flex}.photo-credit{font-family:var(--mono);letter-spacing:.04em;color:var(--foam-dim);flex:none;margin:6px 4px 0;font-size:10px}.blurb{color:var(--foam-dim);flex:none;padding:8px 4px 4px;font-size:13px}.structures button{text-align:left;background:0 0;border:1px solid #0000;width:100%;padding:8px}.structures button strong{font-size:13px;display:block}.structures button span{color:var(--foam-dim);font-size:12px}.structures button.is-active{border-color:var(--line);background:#e6b84a14}.structure-readout{border-top:1px solid var(--line);color:var(--foam-dim);margin-top:16px;padding-top:16px;font-size:13px}.structure-readout h3{color:var(--foam);margin-bottom:8px;font-size:22px}.identify-prompt{color:var(--gold);margin-bottom:12px;font-size:13px}.cards{border-top:1px solid var(--line);padding:18px 22px 28px}.cards h2{margin-bottom:14px;font-size:22px}.card-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.card{text-align:left;border:1px solid var(--line);background:#0a24308c;align-content:start;gap:6px;min-height:180px;padding:14px 14px 16px;display:grid}.card h3{font-size:18px}.card p{color:var(--foam-dim);font-size:13px}.card ul{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.card li,.facts li{font-family:var(--mono);border:1px solid var(--line);color:var(--sand);padding:2px 6px;font-size:11px}.card>span{color:var(--gold);margin-top:10px;font-size:12px}.card:hover,.card:focus-visible{border-color:var(--gold)}.modal-scrim{z-index:10;background:#040a0eb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#0c2833;width:min(560px,100%);max-height:min(86vh,820px);padding:24px 24px 18px;overflow:auto}.modal.is-wide{width:min(760px,100%)}.modal h2{margin-bottom:10px;font-size:32px}.modal h3{margin:8px 0 10px;font-size:24px}.modal p{color:var(--foam-dim);margin-bottom:10px}.modal .deck{font-family:var(--display);color:var(--sand);font-size:18px}.modal footer{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.facts{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.toc{flex-wrap:wrap;gap:6px;margin:12px 0 18px;display:flex}.toc button{border:1px solid var(--line);background:0 0;padding:6px 10px;font-size:12px}.toc button.is-active{border-color:var(--gold);color:var(--gold)}.choices{gap:8px;padding:0;list-style:none;display:grid}.choices button{text-align:left;border:1px solid var(--line);background:0 0;width:100%;padding:10px 12px}.choices button.is-right{border-color:var(--lagoon);color:var(--lagoon)}.choices button.is-wrong{border-color:var(--fire);color:var(--fire)}.why{margin-top:12px;color:var(--sand)!important}.range{grid-template-columns:minmax(180px,.9fr) 1fr;gap:8px;height:100%;padding:12px;display:grid}.range-svg{width:100%;height:100%;max-height:520px}.range-copy{padding:8px 8px 8px 4px;overflow:auto}.range-copy p{color:var(--foam-dim);font-size:14px}.range-copy ul{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.range-copy li{gap:2px;display:grid}.range-copy strong{font-family:var(--display);font-size:16px}.range-copy span{color:var(--foam-dim);font-size:13px}@media (width<=1080px){.app{grid-template-rows:auto auto auto}.main{grid-template-rows:auto minmax(280px,62vh) auto;grid-template-columns:1fr;height:auto;overflow:visible}.library,.structures{border:0;max-height:180px}.library ul{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;grid-auto-columns:minmax(200px,72vw);grid-auto-flow:column;padding-bottom:4px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 12px),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 12px),#0000)}.library li{scroll-snap-align:start}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions""search search"}.header-actions{grid-area:actions}.header-actions .text-btn{padding:8px 10px;font-size:13px}.brand{grid-area:brand}.tagline{display:none}.search{grid-area:search;min-width:0}}@media (width<=720px){.install-banner,.offline-bar{gap:8px;padding:6px 12px;font-size:12px}.install-banner p{min-width:0}.install-actions .text-btn{padding:6px 8px;font-size:12px}.header{gap:10px;padding:10px 12px}.brand-mark{font-size:22px}.brand strong{font-size:17px}.header-actions{gap:6px}.search{padding:8px 10px}.search input{font-size:16px}.search kbd{display:none}.stage{padding:10px 12px 8px}.stage-top{flex-direction:column;gap:6px;padding:2px 0 8px}.stage-top .kicker{letter-spacing:.08em}.scale{white-space:normal}.hazard-banner{grid-template-columns:auto minmax(0,1fr);gap:8px;margin:0 0 8px;padding:8px 10px}.hazard-banner strong{font-size:14px}.hazard-open{white-space:normal;grid-column:1/-1;justify-self:start;padding:8px 10px;font-size:12px}.card-grid{grid-template-columns:1fr 1fr}.range{grid-template-columns:1fr}.viewport{min-height:240px}.tip,.marker-label{display:none}.library button em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-scrim{align-items:end;padding:12px}.modal{max-height:min(92dvh,820px)}}@media (width<=380px){.header-actions .text-btn{padding:8px}.card-grid{grid-template-columns:1fr}}@media (width<=1080px) and (height<=500px){.install-banner{display:none}.library,.structures{max-height:92px}.main{grid-template-rows:auto minmax(160px,1fr) auto}.header{padding-block:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}