:root{--bg:#141026;--surface:#1e1836;--surface-2:#29204a;--surface-3:#382c60;--line:#ffffff29;--line-strong:#ffffff4d;--ink:#fff6ee;--ink-muted:#c9bde4;--ink-faint:#a99cc9;--accent:#ff9c3d;--accent-soft:#ff9c3d24;--accent-ink:#1a1024;--accent-2:#7be495;--accent-3:#5cc8ff;--accent-4:#ff7ac0;--accent-5:#ffe066;--warn:#ff5b2e;--brand:#4a76f5;--stage-egg:#ffb524;--stage-hatchling:#5fe08a;--stage-child:#4fc3f7;--stage-teen:#f2608c;--stage-adult:#ffe566;--radius:12px;--radius-sm:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--section-gap:clamp(72px, 9vw, 112px);--pad-card:var(--space-5);--pad-card-lg:var(--space-6);--grid-gap:var(--space-5);--pad-card-sm:calc(var(--space-4) + var(--space-1));--gap-guide:calc(var(--space-8) + var(--space-2));--measure:66ch;--tint:#fff0;--panel-bg:linear-gradient(180deg, var(--tint), #fff0 54%), linear-gradient(180deg, #ffffff0d, #fff0 42%), repeating-linear-gradient(0deg, #ffd6aa0d 0 1px, transparent 1px 24px), repeating-linear-gradient(90deg, #ffd6aa0d 0 1px, transparent 1px 24px), linear-gradient(158deg, var(--surface-3) 0%, var(--surface) 54%, var(--bg) 100%);--panel-shadow:inset 0 1px 0 #ffffff0a, 0 18px 32px -24px #000000e6;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease:cubic-bezier(.32, .72, 0, 1)}.tint--mint{--tint:#7be4951c}.tint--sky{--tint:#5cc8ff1c}.tint--rose{--tint:#ff7ac01c}.tint--amber{--tint:#ff9c3d1c}.tint--lemon{--tint:#ffe0661a}*,:before,:after{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.62;overflow-x:clip}:where(a,button,input,select,summary,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{z-index:100;background:var(--accent);min-height:44px;color:var(--accent-ink);border-radius:0 0 var(--radius) 0;align-items:center;padding:12px 18px;font-weight:600;text-decoration:none;display:inline-flex;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.wrap{width:min(100% - 48px,1200px);margin-inline:auto}main{padding-bottom:var(--space-9);display:block}.page{padding-block-start:var(--space-8)}.section{margin-block-start:var(--section-gap)}.lede+.section,.docs-body .lede+*{margin-block-start:var(--space-7)}.prose{max-width:var(--measure)}.prose>*+*{margin-top:var(--space-5)}h1,h2,h3,h4{text-wrap:balance;margin:0;font-weight:600;line-height:1.2}h1{letter-spacing:-.02em;margin-bottom:var(--space-5);font-size:clamp(2.25rem,5vw,3.5rem)}h2{letter-spacing:-.01em;margin-bottom:var(--space-4);font-size:clamp(1.5rem,3vw,2rem)}h3{margin-bottom:var(--space-3);font-size:1.125rem}h4{margin-bottom:var(--space-1);font-size:.75rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-weight:600}p{margin:0 0 var(--space-5);text-wrap:pretty}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--ink)}ul,ol{margin:0 0 var(--space-5);padding-left:var(--space-5)}li+li{margin-top:var(--space-3)}strong{font-weight:600}hr{border:0;border-top:1px solid var(--line);margin:var(--space-7) 0}.eyebrow,.mono,.num,code,kbd{font-family:var(--mono)}.eyebrow,.mono-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-size:12px;font-weight:500;display:inline-block}.eyebrow{color:var(--accent)}.num{font-variant-numeric:tabular-nums;font-size:.92em;font-weight:500}.panel,.card,.pet-card,.guide-card,.state,.skeleton,.note,.pet-detail,.docs-side,.table-scroll,pre,.diagram,.gate-control{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-bg);box-shadow:var(--panel-shadow);position:relative}.panel:before,.card:before,.pet-card:before,.guide-card:before,.state:before,.diagram:before{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,#ffd6aa0d 0 1px,#0000 1px 24px),repeating-linear-gradient(90deg,#ffd6aa0d 0 1px,#0000 1px 24px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(130% 100% at 50% 0,#000 0%,#0000 72%);mask-image:radial-gradient(130% 100% at 50% 0,#000 0%,#0000 72%)}.panel>*,.card>*,.pet-card>*,.guide-card>*,.state>*,.diagram>*{position:relative}.card{padding:var(--pad-card)}.panel{padding:var(--pad-card-lg)}.card h3,.panel h3{margin-top:0}.card p:last-child,.panel p:last-child{margin-bottom:0}.card-link{color:inherit;transition:border-color .14s var(--ease), transform .14s var(--ease);text-decoration:none;display:block}.card-link:hover{border-color:var(--accent);transform:translateY(-2px)}.card-link:hover h3{color:var(--accent)}.grid{gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-block-start:var(--space-6);display:grid}.grid--tight{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.site-header{z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(10px);background:linear-gradient(#141026f5,#141026d6);position:sticky;top:0}.site-header .wrap{flex-wrap:wrap;align-items:center;gap:20px;min-height:68px;display:flex}.brand{min-height:44px;color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.brand:hover{color:var(--ink)}.brand-word{text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:5px;text-decoration-thickness:2px}.brand-mark{background:#000;border-radius:22%;width:24px;height:24px;display:block}.brand-mark--lg{width:min(96px,100%);height:auto}.site-footer .footer-mark-row{margin:0 0 var(--space-3)}.site-footer .footer-mark{background:#000;border-radius:22%;width:44px;height:44px;display:block}.site-nav{flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;display:flex}.site-nav a{border-radius:var(--radius-sm);min-height:44px;color:var(--ink-muted);align-items:center;padding:0 12px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.site-nav a:hover{color:var(--ink);background:var(--surface-2)}.site-nav a[aria-current=page]{color:var(--ink);background:var(--surface-2);box-shadow:inset 0 -2px 0 var(--brand)}.site-nav .nav-sep{background:var(--line);width:1px;height:20px;margin:0 6px}.site-nav a[data-external]:after,a[data-external]:after{content:"↗";color:var(--ink-muted);margin-left:4px;font-size:.85em}.site-footer{border-top:1px solid var(--line);padding:var(--space-7) 0;color:var(--ink-muted);font-size:15px}.site-footer .wrap{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.site-footer nav{gap:var(--space-4) var(--space-5);flex-wrap:wrap;display:flex}.site-footer .footer-about p{margin:0}.site-footer .footer-about p+p{margin-block-start:var(--space-3)}.site-footer .lineage{margin:var(--space-4) 0 0;max-width:var(--measure)}.site-footer .lineage code{color:var(--ink);background:0 0;border:0;padding:0}.site-footer a{align-items:center;min-height:44px;display:inline-flex}.site-footer h2{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin-bottom:var(--space-3);font-size:12px;font-weight:500}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer .honesty{padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--surface);max-width:var(--measure);grid-column:1/-1;margin:0}.hero{padding:var(--space-9) 0 var(--space-8);border-bottom:1px solid var(--line);background:radial-gradient(120% 90% at 12% 0%, #ff9c3d33, transparent 58%), radial-gradient(90% 80% at 92% 12%, #5cc8ff29, transparent 62%), radial-gradient(70% 60% at 50% 100%, #7be4951a, transparent 70%), linear-gradient(180deg, var(--surface) 0%, var(--bg) 78%);position:relative;overflow:clip}.hero .wrap{gap:var(--space-7);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;display:grid}.hero h1{max-width:24ch;margin-top:var(--space-4)}.hero .lede{color:var(--ink-muted);max-width:60ch;margin-top:var(--space-5);font-size:1.05rem;line-height:1.55}.hero-actions{gap:var(--space-3) var(--space-4);margin-top:var(--space-7);flex-wrap:wrap;display:flex}.repo-links{align-items:center;gap:var(--space-3) var(--space-5);border-top:1px solid var(--line);flex-wrap:wrap;margin-block-start:var(--space-5);padding-block-start:var(--space-5);font-size:15px;display:flex}.repo-links a{min-height:44px;color:var(--ink-muted);align-items:center;display:inline-flex}.repo-links a:hover{color:var(--ink)}.hero-art{padding:var(--pad-card-lg);justify-items:center;gap:var(--space-3);transform:translate3d(var(--px,0px), var(--py,0px), 0);transition:transform .22s var(--ease);display:grid;position:relative}.hero-art img{width:min(100%,320px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 18px 26px #0000008c)}.hero-art figcaption{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);text-align:center;font-size:12px}.ambient{z-index:0;pointer-events:none;filter:blur(38px);opacity:.75;background:conic-gradient(from 200deg at 50% 40%,#ff9c3d1f,#5cc8ff1c,#7be4951a,#ff7ac01a,#ff9c3d1f);height:120%;animation:42s linear infinite alternate drift;position:absolute;inset:-20% -10% auto}@keyframes drift{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(2%,2%)scale(1.08)}}.hero>.wrap{z-index:1;position:relative}.button{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:linear-gradient(180deg, #ffffff0f, #fff0) var(--surface-2);min-height:44px;color:var(--ink);cursor:pointer;transition:border-color .14s var(--ease), background-color .14s var(--ease), transform .14s var(--ease);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{color:var(--ink);border-color:var(--accent)}.button:active{transform:translateY(1px)}.button--primary{background:linear-gradient(180deg, #ffffff38, #fff0) var(--accent);color:var(--accent-ink);border-color:var(--accent)}.button--primary:hover{background:linear-gradient(180deg, #ffffff5c, #ffffff0f) var(--accent);color:var(--accent-ink)}.button[aria-disabled=true]{opacity:.6;cursor:not-allowed}.chip{border:1px solid var(--line-strong);background:var(--surface-2);min-height:44px;color:var(--ink-muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:inline-flex}.chip:hover{color:var(--ink);border-color:var(--accent)}.chip[aria-pressed=true]{color:var(--ink);border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:4px 11px;font-size:12px;font-weight:500;display:inline-flex}.badge:before{font-size:11px;line-height:1}.badge--capable{color:var(--accent-2);border-color:#7be4958c}.badge--capable:before{content:"◆"}.badge--stock{color:var(--ink-muted)}.badge--stock:before{content:"▢"}.chipset{flex-wrap:wrap;align-items:center;gap:10px;display:flex}code{background:var(--surface-2);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:4px;padding:1px 5px;font-size:.9em}pre{border-radius:var(--radius);padding:var(--pad-card-sm);margin:0 0 var(--space-6);font-size:.8rem;line-height:1.7;overflow-x:auto}pre code{font-size:inherit;overflow-wrap:normal;background:0 0;border:0;padding:0}.copy-row{justify-content:flex-end;align-items:center;gap:var(--space-3);margin:calc(-1 * var(--space-3)) 0 var(--space-6);display:flex}.copy-row .copy-status{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--stage-hatchling);min-width:6ch;font-size:12px}.table-scroll{margin:0 0 var(--space-6);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px}caption{text-align:left;padding:var(--space-4) var(--space-5);color:var(--ink-muted);border-bottom:1px solid var(--line);font-size:14px}th,td{text-align:left;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);vertical-align:top}th{white-space:nowrap;background:#ffffff08;font-weight:600}td.num,th.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:14px}tbody tr:last-child td{border-bottom:0}.sources{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--ink-muted);font-family:var(--mono);letter-spacing:.04em;font-size:12px}.sources--inline{border-top:0;margin-block-start:var(--space-2);padding-block-start:0}.note{border-left:3px solid var(--accent-3);padding:var(--space-4) var(--space-5);margin:var(--space-5) 0;max-width:var(--measure)}.note--warn{border-left-color:var(--warn)}.note--honest{border-left-color:var(--accent)}.note>:last-child{margin-bottom:0}.note-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin-bottom:var(--space-2);font-size:12px;font-weight:500;display:block}.docs{gap:var(--space-8);grid-template-columns:250px minmax(0,1fr);align-items:start;padding-block-start:var(--space-8);display:grid}.docs-side{padding:var(--pad-card-sm) var(--space-4);max-height:calc(100vh - 120px);font-size:14px;line-height:1.55;position:sticky;top:92px;overflow-y:auto}.docs-side h2{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin:0 0 10px;font-size:12px;font-weight:500}.docs-side ul{margin:0 0 var(--space-6);padding:0;list-style:none}.docs-side ul:last-child{margin-bottom:0}.docs-side li+li{margin-top:var(--space-1)}.docs-side a{min-height:44px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);color:var(--ink-muted);align-items:center;text-decoration:none;display:flex}.docs-side a:hover{color:var(--ink);background:var(--surface-2)}.docs-side a[aria-current=true]{color:var(--ink);background:var(--surface-2);box-shadow:inset 2px 0 0 var(--brand)}.docs-body{min-width:0}.docs-group{scroll-margin-top:96px}.docs-group+.docs-group{border-top:1px solid var(--line);margin-block-start:var(--space-9);padding-block-start:var(--space-7)}.docs-section{margin-block-start:var(--space-8);scroll-margin-top:96px}.docs-section>h3{margin-bottom:12px}.lede{color:var(--ink-muted);max-width:var(--measure);font-size:1.05rem;line-height:1.55}.docs-kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--space-3);font-size:12px;font-weight:500}.anchor-links{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--line);flex-wrap:wrap;font-size:15px;display:flex}.anchor-links a{align-items:center;min-height:44px;display:inline-flex}.docs-side summary{display:none}@media (width<=900px){.docs{gap:var(--space-6);grid-template-columns:210px minmax(0,1fr)}}@media (width<=720px){.docs{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.docs-side{max-height:none;padding:var(--space-2) var(--space-4);position:static}.docs-side summary{cursor:pointer;min-height:44px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;font-size:12px;list-style:none;display:flex}.docs-side summary::-webkit-details-marker{display:none}.docs-side summary:after{content:"▾";color:var(--accent)}.docs-side[open] summary:after{content:"▴"}}.guide-card{padding:var(--pad-card);gap:var(--space-3);flex-direction:column;display:flex}.guide-card h2{margin:0;font-size:1.05rem}.guide-card h2 a{text-decoration:none}.guide-card h2 a:hover{color:var(--accent)}.guide-list{margin:var(--space-7) 0 0;gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:0;list-style:none;display:grid}.guide-steps{margin:0 0 var(--space-5);padding:0;list-style:none}.guide-card h3{margin:0}.guide-card p{color:var(--ink-muted);margin:0;font-size:15px}.guide-meta{gap:var(--space-3);padding-top:var(--space-3);flex-wrap:wrap;margin-top:auto;display:flex}.guide{margin-block-start:var(--gap-guide);scroll-margin-top:96px}.guide-step{border-left:2px solid var(--line-strong);padding-left:var(--space-5);margin:0 0 var(--space-5)}.guide-step h4{margin:0 0 var(--space-2);color:var(--ink)}.expected,.failure{border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-4);margin:0 0 var(--space-4)}.expected{border-color:#7be49557;border-left:3px solid var(--accent-2);background:linear-gradient(#7be49521,#7be4950a)}.failure{border-color:#ff7ac057;border-left:3px solid var(--accent-4);background:linear-gradient(#ff7ac021,#ff7ac00a)}.expected p,.failure p{margin:0}.expected .note-title,.failure .note-title{margin-bottom:6px}.gate-control{padding:var(--pad-card-lg);margin:var(--space-5) 0 var(--space-5)}.gate-fields{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-size:12px;font-weight:500}input[type=number],input[type=search]{font:inherit;min-height:44px;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg);color:var(--ink);font-size:15px}input[type=search]{min-width:min(100%,300px)}input[aria-invalid=true]{border-color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn)}input::placeholder{color:var(--ink-faint)}.gate-actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.gate-message{margin-top:var(--space-4);font-family:var(--mono);color:var(--ink-muted);min-height:1.6em;font-size:13px;line-height:1.6}.gate-message[data-state=refused]{color:var(--warn)}.gate-message[data-state=ok]{color:var(--stage-hatchling)}.gate-table th[scope=row]{font-family:var(--mono);font-weight:500}.library-controls{gap:var(--space-4) var(--space-6);margin:var(--space-6) 0 var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.status-line{font-family:var(--mono);color:var(--ink-muted);min-height:1.6em;margin:var(--space-4) 0 var(--space-6);font-size:13px}.status-line--tight{margin-block-start:calc(-1 * var(--space-3))}.pet-grid{gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0;padding:0;list-style:none;display:grid}.pet-card{padding:var(--pad-card);gap:var(--space-4);flex-direction:column;display:flex}.pet-head{gap:var(--space-4);align-items:flex-start;display:flex}.pet-thumb{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);object-fit:contain;width:72px;height:72px;image-rendering:pixelated;flex:none}.pet-thumb--missing{font-family:var(--mono);color:var(--ink-muted);text-align:center;place-items:center;font-size:10px;line-height:1.25;display:grid}.pet-name{margin:0;font-size:1.05rem;font-weight:600}.pet-slug{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-muted);margin-top:4px;font-size:12px;display:block}.pet-meta{font-family:var(--mono);color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.pet-links{flex-wrap:wrap;gap:16px;margin-top:auto;font-size:15px;display:flex}.pet-links a{align-items:center;min-height:44px;display:inline-flex}.pet-detail{padding:var(--pad-card-sm);gap:var(--space-4);margin:0;display:grid}.pet-detail dl{gap:var(--space-2);margin:0;display:grid}.pet-detail dd{overflow-wrap:anywhere;margin:0}.pet-detail img{border-radius:var(--radius-sm);border:1px solid var(--line);width:100%;max-width:260px;image-rendering:pixelated}.gates{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.gates li{margin:0}.gate-chip{border:1px solid var(--line-strong);background:var(--surface-2);font-family:var(--mono);letter-spacing:.04em;color:var(--ink);border-radius:6px;align-items:center;padding:3px 9px;font-size:12px;display:inline-flex}.pet-install{color:var(--ink-muted);border-top:1px solid var(--line);padding-top:var(--space-3);margin:0;font-size:14px}.state{padding:var(--pad-card);max-width:var(--measure)}.state h2{margin-bottom:var(--space-3);font-size:1.15rem}.state--error{border-color:#ff5b2e8c;border-left:3px solid var(--warn)}.state--empty{border-left:3px solid var(--accent)}.state p:last-child{margin-bottom:0}.skeleton{padding:var(--pad-card);gap:var(--space-4);align-items:center;display:flex}.skeleton-body{flex:1}.skeleton-bar{background:var(--surface-3);border-radius:999px;height:10px;animation:1.4s ease-in-out infinite pulse;display:block}.skeleton-bar--title{width:42%}.skeleton-bar--sub{width:66%;margin-top:var(--space-2)}.skeleton-box{border-radius:var(--radius-sm);background:var(--surface-3);flex:none;width:72px;height:72px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.diagram-scroll{margin:var(--space-5) 0;overflow-x:auto}.diagram{width:100%;min-width:560px;height:auto;padding:var(--space-3);display:block}.diagram text{font-family:var(--font)}.diagram text.mono,.diagram text[data-mono]{font-family:var(--mono);letter-spacing:.04em}.ramp{margin:0 0 var(--space-6);gap:var(--space-3);padding:0;list-style:none;display:grid}.ramp li{gap:var(--space-4);grid-template-columns:110px minmax(0,1fr) 130px;align-items:center;margin:0;font-size:14px;display:grid}.ramp-name{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-size:12px}.ramp-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:12px;overflow:hidden}.ramp-fill{height:100%;display:block}.ramp-label{color:var(--ink);font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;font-size:12px}@media (width<=900px){body{font-size:17px}.hero{padding:var(--space-8) 0 var(--space-7)}.hero .wrap{grid-template-columns:minmax(0,1fr)}.hero-art{order:2}}@media (width<=720px){.site-header .wrap{gap:var(--space-3);padding-block:var(--space-2)}.site-nav{width:100%;margin-left:0}.panel,.card,.pet-card,.guide-card,.skeleton,.state,.hero-art{padding:var(--pad-card-sm)}.grid,.pet-grid,.guide-list{gap:var(--space-4)}.ramp li{grid-template-columns:92px minmax(0,1fr)}.ramp-label{text-align:left;grid-column:2}}@media (width<=560px){.wrap,.hero .wrap{width:min(100% - 32px,1200px)}body{font-size:16.5px}.hero-actions .button,.gate-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ambient,.hero-art{animation:none;transform:none}.card-link:hover{transform:none}}