:root{--void: #0A0B10;--slate: #14161F;--slate-2: #1B1E2A;--line: #242838;--line-2: #313749;--ink: #ECEEF6;--mist: #8A93AA;--ink-dim: #B6BCCD;--hex: #36E2C4;--hex-bright: #5FF0D7;--hex-deep: #1FB89E;--hex-glow: rgba(54,226,196,.2);--gold: #F4C150;--warn: #FF6B6B;--good: #57D18A;--cost-1: #9C93B8;--cost-2: #38D39F;--cost-3: #5B8DF0;--cost-4: #C86BFF;--cost-5: #F4C150;--glass-fill: rgba(20,22,31,.55);--glass-blur: 16px;--glass-edge: rgba(255,255,255,.05);--hex-clip: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);--font-display: "Clash Display", system-ui, sans-serif;--font-body: "General Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--lh-display: 1.05;--lh-body: 1.6;--tracking-display: -.02em;--tracking-eyebrow: .14em;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-6: 24px;--s-8: 32px;--s-12: 48px;--s-16: 64px;--s-24: 96px;--s-32: 128px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-pill: 999px;--sh-card: 0 24px 60px -30px rgba(0,0,0,.7);--sh-lift: 0 30px 70px -28px rgba(0,0,0,.78);--ease-out: cubic-bezier(.2,.7,.2,1);--t-fast: .15s;--t-base: .24s;--t-slow: .3s;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--void);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}::selection{background:var(--hex-glow);color:var(--ink)}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--hex);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px;border:3px solid transparent;background-clip:padding-box}.container{max-width:1200px;margin:0 auto;padding-inline:clamp(var(--s-4),5vw,var(--s-8))}.section{padding-block:var(--s-24);position:relative}@media (min-width: 1024px){.section{padding-block:var(--s-32)}}.prose{max-width:56ch}.stack{display:flex;flex-direction:column}.center{text-align:center;margin-inline:auto}.center .h2,.center .h1{margin-inline:auto}.eyebrow{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--hex);display:inline-flex;align-items:center;gap:var(--s-2);margin:0 0 var(--s-4)}.eyebrow:before{content:"";width:7px;height:8px;background:var(--hex);clip-path:var(--hex-clip);flex:none;opacity:.9}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:600;line-height:var(--lh-display);letter-spacing:var(--tracking-display)}.h1{font-weight:700;font-size:clamp(2.5rem,6vw,4.5rem)}.h2{font-size:clamp(2rem,4vw,2.5rem);line-height:1.14;letter-spacing:-.005em;max-width:24ch}.h3{font-family:var(--font-body);font-weight:600;font-size:1.25rem;letter-spacing:0;line-height:1.3}.lead{font-size:clamp(1.06rem,1.6vw,1.25rem);color:var(--ink-dim);margin:var(--s-4) 0 0;max-width:52ch}.muted{color:var(--mist)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.grad-word{color:var(--hex)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:.95rem;border-radius:var(--r-pill);padding:12px 22px;border:1px solid transparent;transition:transform var(--t-fast) var(--ease-out),background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast);white-space:nowrap}.btn--primary{background:var(--hex);color:#042018;box-shadow:0 8px 30px -10px var(--hex-glow)}.btn--primary:hover{background:var(--hex-bright);transform:translateY(-1px)}.btn--primary:active{background:var(--hex-deep);transform:translateY(0)}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}.btn--ghost:hover{border-color:var(--hex);color:#fff;transform:translateY(-1px)}.btn--sm{padding:9px 16px;font-size:.875rem}.glass{background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-card);position:relative}.glass:before{content:"";position:absolute;inset:0 0 auto;height:1px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--glass-edge);pointer-events:none}.card{background:var(--slate);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-8);transition:transform var(--t-base) var(--ease-out),border-color var(--t-base),box-shadow var(--t-base)}.card--hover:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--hex) 35%,var(--line));box-shadow:var(--sh-lift)}.card__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--slate-2);border:1px solid var(--line);color:var(--hex);margin-bottom:var(--s-4)}.card__icon svg{width:20px;height:20px}.hex-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.hex-field--fallback{background-color:var(--void);background-image:radial-gradient(1200px 600px at 75% -10%,rgba(54,226,196,.06),transparent 60%)}.nav{position:sticky;top:0;z-index:50;transition:border-color var(--t-base),background var(--t-base);border-bottom:1px solid transparent}.nav--scrolled{background:color-mix(in srgb,var(--void) 72%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--line)}.nav__row{display:flex;align-items:center;gap:var(--s-6);height:64px}.brand{display:inline-flex;align-items:center;gap:var(--s-2);font-weight:600;font-size:1.06rem;letter-spacing:-.01em}.brand svg{width:26px;height:26px}.brand b{font-family:var(--font-display);font-weight:600}.nav__links{display:none;gap:var(--s-6);margin-left:var(--s-4)}.nav__links a{color:var(--mist);font-size:.92rem;font-weight:500;transition:color var(--t-fast)}.nav__links a:hover{color:var(--ink)}.nav__cta{margin-left:auto;display:none;align-items:center;gap:var(--s-3)}.nav__burger{margin-left:auto;display:inline-grid;place-items:center;width:40px;height:40px;background:transparent;border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--ink);cursor:pointer;transition:border-color var(--t-fast)}.nav__burger:hover{border-color:var(--hex)}.nav__mobile{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-3) clamp(var(--s-4),5vw,var(--s-8)) var(--s-6);background:color-mix(in srgb,var(--void) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav__mobile a{color:var(--ink-dim);font-weight:500;padding:11px 12px;border-radius:var(--r-sm)}.nav__mobile a:hover{background:var(--slate);color:var(--ink)}.nav__mobile .btn{margin-top:var(--s-3)}@media (min-width: 920px){.nav__links,.nav__cta{display:flex}.nav__burger{display:none}}.hero{padding-top:var(--s-16);padding-bottom:var(--s-24)}.hero__grid{display:grid;grid-template-columns:1fr;gap:var(--s-12);align-items:center}@media (min-width: 1000px){.hero__grid{grid-template-columns:1.05fr .95fr;gap:var(--s-16)}}.hero h1{margin-top:var(--s-4)}.hero__cta{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-8)}.hero__trust{margin-top:var(--s-6);font-size:.8rem;color:var(--mist);display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center}.hero__trust .dot{width:6px;height:7px;background:var(--hex);clip-path:var(--hex-clip);opacity:.8}.hero__art{position:relative;perspective:1400px}.hero__card{padding:var(--s-6);transform:rotateY(var(--ry,5deg)) rotateX(1deg);transition:transform .2s ease-out;will-change:transform}@media (max-width: 999px){.hero__card{transform:none}}.ov{display:flex;flex-direction:column;gap:var(--s-4)}.ov__head{display:flex;align-items:center;justify-content:space-between}.ov__title{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:var(--s-2)}.tier{width:22px;height:24px;display:grid;place-items:center;font-weight:800;font-size:.72rem;color:#14101f;clip-path:var(--hex-clip)}.tier-S{background:var(--warn)}.tier-A{background:var(--gold)}.tier-B{background:var(--good)}.vitals{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.vital{background:var(--slate);padding:9px 6px;text-align:center}.vital i{display:block;font-style:normal;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mist)}.vital b{font-family:var(--font-mono);font-size:1.05rem;font-variant-numeric:tabular-nums}.vital--gold b{color:var(--gold)}.vital--hp b{color:var(--good)}.board-well{background:var(--void);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-4);display:flex;justify-content:center}.completion{height:5px;border-radius:3px;background:var(--slate-2);overflow:hidden}.completion>i{display:block;height:100%;background:var(--hex);border-radius:3px;transition:width .6s var(--ease-out)}.comprow-mini{display:flex;align-items:center;gap:var(--s-3);font-size:.82rem}.comprow-mini .label{color:var(--mist)}.comprow-mini b{margin-left:auto;font-family:var(--font-mono)}.hexboard{display:flex;flex-direction:column;align-items:flex-start}.hexrow{display:flex;gap:0}.hexrow+.hexrow{margin-top:-11.5px}.hexrow.off{margin-left:20px}.cellhex{position:relative;width:40px;height:46px;clip-path:var(--hex-clip);background:#ffffff47;display:grid;place-items:center;transform:scale(.92)}.cellhex:before{content:"";position:absolute;top:1.3px;right:1.3px;bottom:1.3px;left:1.3px;clip-path:var(--hex-clip);background:#16141f;z-index:0}.cellhex--filled{background:var(--slate-2)}.cellhex .ring{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;clip-path:var(--hex-clip);background:currentColor}.cellhex img{position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:2;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:cover;clip-path:var(--hex-clip)}.cellhex .star{position:absolute;top:1px;z-index:3;font-size:.6rem;color:var(--gold);text-shadow:0 1px 2px #000}.cellhex .ph{position:relative;z-index:2;font-family:var(--font-mono);font-size:.6rem;color:var(--mist)}.shop{display:flex;gap:var(--s-3)}.shopslot{position:relative;flex:1;background:var(--slate);border:1px solid var(--line);border-radius:var(--r-sm);padding:7px;display:flex;flex-direction:column;align-items:center;gap:4px}.shopslot .port{width:34px;height:34px;border-radius:50%;overflow:hidden;border:1.5px solid var(--line);display:grid;place-items:center;background:var(--slate-2)}.shopslot .port img{width:100%;height:100%;object-fit:cover}.shopslot .nm{font-size:.6rem;color:var(--mist);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopslot .pool{position:absolute;top:-7px;left:-6px;font-family:var(--font-mono);font-size:.6rem;font-weight:600;color:#08130f;padding:1px 5px;border-radius:999px;border:1.5px solid var(--void)}.pool--lots{background:var(--good)}.pool--some{background:var(--gold)}.pool--few{background:var(--warn);color:#1a0808}.shopslot .tick{position:absolute;top:-7px;right:-6px;width:16px;height:16px;border-radius:50%;background:var(--hex);color:#042018;font-size:.62rem;display:grid;place-items:center;border:1.5px solid var(--void)}.feat-grid{display:grid;grid-template-columns:1fr;gap:var(--s-6);margin-top:var(--s-12)}@media (min-width: 720px){.feat-grid{grid-template-columns:repeat(3,1fr)}}.feat h3{margin-bottom:var(--s-3)}.feat p{color:var(--mist);font-size:.95rem;margin:0}.trust{border-block:1px solid var(--line)}.trust__row{display:flex;flex-wrap:wrap;gap:var(--s-6);justify-content:center;align-items:center;padding-block:var(--s-6);font-family:var(--font-mono);font-size:.82rem;color:var(--ink-dim)}.trust__row .sep{width:7px;height:8px;background:var(--hex);clip-path:var(--hex-clip);opacity:.7}.showcase{display:grid;grid-template-columns:1fr;gap:var(--s-12);margin-top:var(--s-12)}@media (min-width: 940px){.showcase{grid-template-columns:320px 1fr;gap:var(--s-16);align-items:start}}@media (min-width: 940px){.showcase.showcase--build{grid-template-columns:auto 1fr}}.panel-list{display:flex;flex-direction:column;gap:var(--s-2)}.panel-list button{display:flex;align-items:center;gap:var(--s-3);text-align:left;width:100%;background:transparent;border:1px solid transparent;border-radius:var(--r-md);padding:12px 14px;cursor:pointer;color:var(--mist);font-family:var(--font-body);font-size:.95rem;font-weight:500;transition:all var(--t-fast)}.panel-list button:hover{color:var(--ink);background:var(--slate)}.panel-list button.on{color:var(--ink);background:var(--slate);border-color:color-mix(in srgb,var(--hex) 30%,var(--line))}.panel-list button.on:before{content:"";width:3px;height:18px;background:var(--hex);border-radius:3px}.panel-list svg{width:17px;height:17px;flex:none}.callout{margin-top:var(--s-6);font-size:.85rem;color:var(--ink-dim);padding:var(--s-4);border:1px dashed var(--line-2);border-radius:var(--r-md)}.callout .mono{color:var(--hex)}.ledger{display:grid;grid-template-columns:1fr;gap:var(--s-6);margin-top:var(--s-12)}@media (min-width: 800px){.ledger{grid-template-columns:1fr 1fr}}.ledger ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-3)}.ledger li{display:flex;align-items:flex-start;gap:var(--s-3);font-size:1rem}.ledger li svg{width:20px;height:20px;flex:none;margin-top:2px}.ledger .yes svg{color:var(--good)}.ledger .no svg{color:var(--warn)}.ledger li b{font-weight:600}.ledger li span{color:var(--mist);font-size:.9rem;display:block}.pullquote{font-family:var(--font-display);font-weight:600;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;letter-spacing:-.02em;margin-top:var(--s-10);max-width:22ch}.pullquote .warn{color:var(--warn)}#safety{padding-bottom:var(--s-12)}#pricing{padding-top:var(--s-12)}.calc{display:grid;grid-template-columns:1fr;gap:var(--s-8);margin-top:var(--s-12);align-items:center}@media (min-width: 860px){.calc{grid-template-columns:1fr 1fr}}.calc__controls{display:grid;gap:var(--s-4)}.calc__field{display:flex;flex-direction:column;gap:var(--s-2)}.calc__field label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mist)}.calc__field select,.calc__field input{background:var(--void);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;font-family:var(--font-body);font-size:.95rem}.calc__field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238A93AA' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:15px}.calc__field select:hover{border-color:var(--line-2)}.calc__field select:focus,.calc__field input:focus{border-color:var(--hex);outline:none}.calc__readout{text-align:center;padding:var(--s-8)}.calc__pct{font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,8vw,4.5rem);line-height:1;color:var(--hex);font-variant-numeric:tabular-nums}.calc__bar{height:8px;border-radius:999px;background:var(--slate-2);overflow:hidden;margin:var(--s-6) 0 var(--s-3)}.calc__bar>i{display:block;height:100%;background:var(--hex);border-radius:999px;transition:width .24s var(--ease-out)}.calc__pool{font-family:var(--font-mono);color:var(--ink-dim);font-size:.9rem}.pricing{display:grid;grid-template-columns:1fr;gap:var(--s-6);margin-top:var(--s-12);max-width:840px;margin-inline:auto}@media (min-width: 760px){.pricing{grid-template-columns:1fr 1fr}}.plan{padding:var(--s-8)}.plan--pro{border-color:color-mix(in srgb,var(--hex) 45%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--hex) 30%,transparent),var(--sh-card)}.plan__name{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mist)}.plan__price{font-family:var(--font-display);font-weight:700;font-size:3rem;margin:var(--s-2) 0 var(--s-1)}.plan__price small{font-family:var(--font-mono);font-size:.9rem;color:var(--mist);font-weight:400}.plan ul{list-style:none;margin:var(--s-6) 0;padding:0;display:flex;flex-direction:column;gap:var(--s-3)}.plan li{display:flex;gap:var(--s-3);align-items:flex-start;font-size:.95rem;color:var(--ink-dim)}.plan li svg{width:18px;height:18px;color:var(--hex);flex:none;margin-top:2px}.plan .btn{width:100%}.plan__note{font-size:.82rem;color:var(--mist);margin:-6px 0 var(--s-5)}.billtoggle{display:inline-flex;gap:4px;margin:var(--s-6) auto 0;padding:4px;background:color-mix(in srgb,var(--ink) 6%,transparent);border:1px solid var(--line);border-radius:var(--r-pill)}.billtoggle__opt{display:inline-flex;align-items:center;gap:var(--s-2);border:none;background:transparent;color:var(--mist);font-family:var(--font-body);font-weight:600;font-size:.9rem;padding:8px 18px;border-radius:var(--r-pill);cursor:pointer;transition:background .22s ease,color .22s ease}.billtoggle__opt:hover{color:var(--ink)}.billtoggle__opt.is-active{background:var(--hex);color:var(--void)}.billtoggle__save{font-family:var(--font-mono);font-weight:600;font-size:.64rem;letter-spacing:.02em;padding:2px 6px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--hex) 20%,transparent);color:var(--hex)}.billtoggle__opt.is-active .billtoggle__save{background:color-mix(in srgb,var(--void) 22%,transparent);color:var(--void)}.footnote{text-align:center;color:var(--mist);font-size:.8rem;margin-top:var(--s-8)}.footer{border-top:1px solid var(--line);padding-block:var(--s-16) var(--s-12);margin-top:var(--s-16)}.footer__grid{display:grid;grid-template-columns:1fr;gap:var(--s-8)}@media (min-width: 720px){.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mist);margin:0 0 var(--s-4)}.footer a{color:var(--ink-dim);font-size:.9rem;display:block;padding:4px 0;transition:color var(--t-fast)}.footer a:hover{color:var(--ink)}.footer__bottom{color:var(--mist);font-size:.8rem;margin-top:var(--s-12);display:flex;flex-wrap:wrap;gap:var(--s-3);justify-content:space-between}.footer__legal{color:var(--mist);font-size:.76rem;line-height:1.55;margin:var(--s-5) 0 0;max-width:92ch}.legal{max-width:74ch}.legal__eff{color:var(--mist);font-size:.82rem;margin:0 0 var(--s-6)}.legal__sec{margin-top:var(--s-8)}.legal__sec .h3{margin-bottom:var(--s-3)}.legal__sec p{margin:0 0 var(--s-3);line-height:1.6}.legal__list{margin:var(--s-2) 0 0;padding-left:1.15em;display:flex;flex-direction:column;gap:var(--s-2)}.legal__list li{color:var(--ink-dim);line-height:1.55}.legal__foot{text-align:left;margin-top:var(--s-10)}.ph{background:#f4c1502e;color:var(--ink);border:1px dashed rgba(244,193,80,.65);border-radius:4px;padding:0 5px;font-size:.92em}.showcase__device{padding:var(--s-6);overflow:hidden;transition:height .34s var(--ease-out)}.panel-anim{animation:panelIn .3s var(--ease-out)}@keyframes panelIn{0%{transform:translateY(12px)}to{transform:translateY(0)}}.opanel{display:flex;flex-direction:column;gap:var(--s-4)}.opanel__head{display:flex;align-items:center;gap:var(--s-2);font-weight:600;font-size:.92rem}.ostack{display:flex;flex-direction:column;gap:var(--s-2)}.ocomp{display:flex;align-items:center;gap:var(--s-3);padding:10px 12px;background:var(--slate);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--t-fast),transform var(--t-fast)}.ocomp:hover{border-color:color-mix(in srgb,var(--hex) 32%,var(--line));transform:translate(2px)}.ocomp__main{flex:1;min-width:0}.ocomp__main b{font-size:.85rem;display:block}.ocomp__units{display:flex;gap:3px;margin-top:5px}.udot{width:22px;height:22px;border-radius:50%;overflow:hidden;border:1.5px solid var(--line);display:grid;place-items:center;background:var(--slate-2);flex:none}.udot img{width:100%;height:100%;object-fit:cover}.ocomp__avg{font-size:.95rem;color:var(--gold)}.syns{display:flex;flex-wrap:wrap;gap:var(--s-2)}.syn{font-size:.72rem;font-family:var(--font-mono);padding:4px 10px;border-radius:var(--r-pill);background:var(--slate-2);border:1px solid var(--line);color:var(--ink-dim)}.itile{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:#08130f;box-shadow:inset 0 0 0 1px #ffffff24;background:var(--slate-2);flex:none}.iicon{border-radius:7px;object-fit:cover;flex:none;box-shadow:inset 0 0 0 1px #ffffff14;background:var(--slate-2)}.recipe{display:flex;align-items:center;gap:var(--s-2);padding:8px 12px;background:var(--slate);border:1px solid var(--line);border-radius:var(--r-md);font-size:.82rem}.recipe .op{color:var(--mist);font-family:var(--font-mono)}.recipe .rname{margin-left:auto;color:var(--ink-dim);font-weight:500}.recrow{display:flex;align-items:center;gap:var(--s-3);padding:10px 12px;background:var(--slate);border:1px solid var(--line);border-radius:var(--r-md)}.recrow .rport{width:34px;height:34px;border-radius:50%;overflow:hidden;border:2px solid var(--gold);flex:none}.recrow .rport img{width:100%;height:100%;object-fit:cover}.recrow .ritems{display:flex;gap:6px;margin-left:auto}.setrow{display:flex;align-items:center;justify-content:space-between;padding:11px 2px;border-bottom:1px solid var(--line);font-size:.88rem}.sw{width:38px;height:22px;border-radius:999px;background:var(--slate-2);border:1px solid var(--line);position:relative;flex:none}.sw:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--mist);transition:all var(--t-fast)}.sw--on{background:color-mix(in srgb,var(--hex) 35%,var(--slate-2));border-color:var(--hex)}.sw--on:after{left:18px;background:var(--hex)}.scalebar{height:6px;border-radius:999px;background:var(--slate-2);overflow:hidden;margin-top:8px}.scalebar>i{display:block;height:100%;background:var(--hex)}.cbar{display:flex;align-items:center;gap:var(--s-2);padding:12px;background:var(--void);border:1px solid var(--line);border-radius:var(--r-md);overflow-x:auto}.cbar__grip{cursor:grab;flex:none}.cbar__btn{flex:none;height:30px;min-width:30px;padding:0 11px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--slate);color:var(--ink-dim);font-family:var(--font-body);font-weight:600;font-size:.82rem;cursor:pointer;display:grid;place-items:center;transition:border-color var(--t-fast),color var(--t-fast)}.cbar__btn:hover{border-color:var(--hex);color:var(--ink)}.cbar__btn--guide{color:var(--hex);border-color:color-mix(in srgb,var(--hex) 40%,var(--line-2))}.cbar__units{display:flex;gap:var(--s-3);flex:1;justify-content:center}.cunit{display:flex;flex-direction:column;align-items:center;flex:none}.cunit__hex{position:relative;width:44px;height:40px}.cunit__rim{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.cunit__hex img{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:cover;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.cunit__star{position:absolute;bottom:-3px;left:50%;transform:translate(-50%);background:#0a0b10eb;color:var(--gold);font-family:var(--font-mono);font-size:.52rem;padding:0 3px;border-radius:4px;line-height:1.45;z-index:2}.cunit__items{display:flex;gap:2px;margin-top:6px;min-height:14px}.reveal{opacity:0;transform:translateY(16px)}.reveal.stretch{display:grid;align-self:stretch}.reveal.buildcol{align-self:center}.buildcard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-6);height:100%;min-height:280px;padding:var(--s-6)}.buildcard__board .cellhex{width:50px;height:58px}.buildcard__board .hexrow+.hexrow{margin-top:-14.5px}.buildcard__board .hexrow.off{margin-left:25px}.buildcard__meta{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.buildcard__name{display:flex;align-items:center;gap:var(--s-3);font-size:1rem}.buildcard__name .tier{width:24px;height:26px;font-size:.78rem;flex:none}.reveal.in{opacity:1;transform:none;transition:opacity var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out)}@media (prefers-reduced-motion: reduce){.reveal{opacity:1!important;transform:none!important}.completion>i,.calc__bar>i{transition:none!important}.panel-anim{animation:none!important}.showcase__device{transition:none!important}}.page{padding-block:var(--s-24);min-height:60vh}.page h1{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:var(--s-6)}.page p,.page li{color:var(--ink-dim)}