@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@500;600&family=Fira+Code:wght@500;600&display=swap";.explore-header{--header-action-size:2rem;z-index:100;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--brand-blue) 8%, white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.explore-header__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;padding:.75rem clamp(1rem,3vw,2rem);display:flex}.explore-brand{color:var(--text-primary);border-radius:var(--radius-sm);justify-self:start;align-items:center;gap:.6rem;text-decoration:none;display:flex}.explore-brand:focus-visible{outline-offset:3px}.explore-brand__mark{border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;image-rendering:pixelated;image-rendering:crisp-edges}.explore-brand__name{font-family:var(--font-mono);letter-spacing:.03em;font-size:.8125rem;font-weight:600}.explore-header__actions{align-items:center;gap:.5rem;display:flex}.header-social{min-width:var(--header-action-size);min-height:var(--header-action-size);width:var(--header-action-size);height:var(--header-action-size);border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border);transition:color var(--duration) var(--ease-out), background var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out);background:0 0;place-items:center;display:grid}.header-social svg{width:.875rem;height:.875rem}.header-social:hover{color:var(--text-primary);background:var(--surface-overlay);border-color:var(--border-strong)}.header-docs-link{min-height:var(--header-action-size);border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border);transition:color var(--duration) var(--ease-out), background var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out);align-items:center;padding:0 .65rem;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-flex}.header-docs-link:hover{color:var(--text-primary);background:var(--surface-overlay);border-color:var(--border-strong)}.header-docs-link--active{color:var(--accent-strong);background:var(--accent-subtle);border-color:color-mix(in srgb, var(--accent) 40%, transparent);font-weight:600}.rpc-selector{align-items:center;gap:.35rem;display:inline-flex}.rpc-selector__label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.625rem;font-weight:700}.rpc-selector__trigger{min-width:6.5rem;max-width:8.5rem;height:var(--header-action-size);font-family:var(--font-mono);color:var(--text-secondary);border-color:var(--border);box-shadow:none;background:0 0;font-size:.6875rem;font-weight:600}.rpc-selector__trigger:hover,.rpc-selector__trigger[data-state=open]{background:var(--surface-overlay);border-color:var(--border-strong)}.page{flex-direction:column;flex:1;min-height:100dvh;display:flex;position:relative}.app-shell{z-index:1;flex-direction:column;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem clamp(1rem,3vw,2rem) 0;display:flex;position:relative}.app-shell main{flex:1}.wallet-chip{border-radius:var(--radius-full);background:var(--surface-raised);border:1px solid var(--border);align-items:center;gap:.5rem;padding:.25rem .25rem .25rem .65rem;display:flex}.wallet-dot{background:var(--success);border-radius:50%;width:7px;height:7px}.wallet-addr{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:500}.btn{cursor:pointer;border-radius:var(--radius-full);min-height:2.25rem;transition:background var(--duration) var(--ease-out), color var(--duration) var(--ease-out), opacity var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);border:none;padding:.5rem 1rem;font-size:.8125rem;font-weight:600}.btn:not(:disabled):active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:not(:disabled):hover{background:var(--accent-strong)}.btn-warn{background:var(--warn);color:var(--on-accent)}.btn-hatch{background:var(--ready);width:100%;color:var(--on-ready);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}.btn-hatch:not(:disabled):hover{background:var(--ready-strong)}.btn-hatch--armed{box-shadow:0 0 0 1px oklch(68% .12 78/.35)}.btn-hatch--armed:not(:disabled):hover{box-shadow:0 0 0 1px oklch(68% .12 78/.45)}.btn-secondary{background:var(--success-subtle);width:100%;color:var(--text-primary);border:1px solid oklch(52% .13 170/.35)}.btn-buddy{width:auto;max-width:100%;min-height:1.375rem;font-family:var(--font-mono);letter-spacing:.04em;text-transform:lowercase;white-space:nowrap;background:var(--accent);color:var(--on-accent);box-shadow:none;border:none;align-self:center;padding:.2rem .55rem;font-size:.625rem;font-weight:600}.btn-buddy:not(:disabled):hover{background:var(--accent-strong)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0;padding:.4rem .75rem}.btn-ghost:not(:disabled):hover{background:var(--surface-overlay);color:var(--text-primary)}.btn-hatch-all{background:var(--ready);color:var(--on-ready);font-family:var(--font-mono);letter-spacing:.04em;text-transform:lowercase;padding:.4rem .85rem;font-size:.75rem;box-shadow:0 0 0 1px oklch(68% .12 78/.35)}.btn-hatch-all:not(:disabled):hover{background:var(--ready-strong)}.gallery__toolbar-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.hatch-all-group{flex-direction:column;align-items:center;gap:.25rem;max-width:14rem;display:flex}.hatch-all-hint{font-family:var(--font-mono);letter-spacing:.02em;text-transform:lowercase;color:var(--text-muted);margin:0;font-size:.625rem;font-weight:500;line-height:1.35}.system-readout{font-family:var(--font-mono);letter-spacing:.02em;text-transform:lowercase;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:0 .5rem;margin:0;font-size:.6875rem;font-weight:500;line-height:1.45;display:flex}.system-readout>*+:before{content:"·";opacity:.38;margin-right:.5rem}.system-readout__label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.system-readout--center{justify-content:center}.gallery__head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.gallery__title{letter-spacing:-.025em;font-size:1.5rem;font-weight:700;line-height:1.15}.gallery__subtitle{font-family:var(--font-mono);letter-spacing:.02em;text-transform:lowercase;color:var(--text-muted);margin-top:.4rem;font-size:.6875rem;font-weight:500}.connect-callout{border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border);max-width:42rem;margin-bottom:1.25rem;padding:.75rem 1rem}.gallery__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.filter-segment{border-radius:var(--radius-full);background:color-mix(in srgb, var(--brand-blue) 10%, #eef4fc);border:1px solid color-mix(in srgb, var(--brand-blue) 16%, transparent);align-items:center;gap:2px;padding:2px;display:inline-flex}.filter-segment__btn{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.02em;text-transform:lowercase;border-radius:var(--radius-full);white-space:nowrap;cursor:pointer;transition:background var(--duration) var(--ease-out), color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);background:0 0;border:none;padding:.28rem .55rem;font-size:.6875rem;font-weight:500;line-height:1.2}.filter-segment__btn:not(:disabled):active{transform:scale(.98)}.filter-segment__btn--active{color:var(--text-primary);box-shadow:0 1px 2px color-mix(in srgb, var(--brand-blue) 12%, transparent);background:#fff;font-weight:600}.filter-segment__btn:focus-visible{outline-offset:1px}.toolbar-search{align-items:center;gap:.35rem;display:flex}.toolbar-search input{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-inset);width:7rem;color:var(--text-primary);padding:.4rem .65rem;font-size:.8125rem}.toolbar-search input::placeholder{color:var(--text-muted)}.status-banner{border-radius:var(--radius-md);background:var(--accent-subtle);font-family:var(--font-mono);letter-spacing:.02em;text-transform:lowercase;color:var(--text-secondary);border:1px solid oklch(48% .16 265/.28);margin:0 0 1rem;padding:.65rem .85rem;font-size:.6875rem;font-weight:500}.status-banner--error{background:oklch(62% .16 28/.12);border-color:oklch(62% .16 28/.35)}.explore-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:1rem;display:grid}@media (width>=900px){.explore-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}}.explore-tile{border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border);box-shadow:0 1px 0 #fffc inset, 0 8px 24px color-mix(in srgb, var(--brand-blue) 12%, transparent);transition:border-color var(--duration) var(--ease-out), transform var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);position:relative;overflow:hidden}.explore-tile:hover,.explore-tile:focus-within{border-color:var(--border-strong);transform:translateY(-1px)}.explore-tile--loading{pointer-events:none}.explore-tile--loading:hover,.explore-tile--loading:focus-within{border-color:var(--border);transform:none}.explore-tile--ready:not(.explore-tile--hatching){box-shadow:0 1px 0 #fffc inset, 0 8px 24px color-mix(in srgb, var(--brand-blue) 12%, transparent), 0 0 0 1px oklch(72% .14 78/.12);border-color:oklch(68% .12 78/.42)}.explore-tile--warming:not(.explore-tile--ready){border-color:oklch(65% .12 250/.4)}.explore-tile--hatching{pointer-events:none;border-color:oklch(72% .16 78/.6)}.explore-tile--hatching:hover,.explore-tile--hatching:focus-within,.explore-tile--hatching:hover .explore-tile__img,.explore-tile--hatching:focus-within .explore-tile__img{transform:none}.explore-tile--dino{border-color:oklch(52% .13 170/.4)}.explore-tile__canvas{background:var(--surface-raised);flex-direction:column;display:flex;position:relative}.explore-tile__art-well{aspect-ratio:1;background:0 0;grid-template:1fr/1fr;place-items:center;width:100%;display:grid;position:relative}.explore-tile__art-well>.explore-tile__img,.explore-tile__art-well>.explore-tile__empty,.explore-tile__art-well>.art-skeleton,.explore-tile__art-well>.hatch-veil{grid-area:1/1}.explore-tile__img{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%;image-rendering:pixelated;image-rendering:crisp-edges;transition:transform .25s var(--ease-out);display:block}.explore-tile:hover .explore-tile__img,.explore-tile:focus-within .explore-tile__img{transform:scale(1.02)}.explore-tile__ready-dot{z-index:2;background:var(--ready-strong);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:.5rem;right:.5rem;box-shadow:0 0 0 3px oklch(72% .14 78/.28)}.art-export{z-index:3;position:absolute;top:.45rem;left:.45rem}.art-export__trigger{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--surface-raised) 88%, transparent);width:1.75rem;height:1.75rem;color:var(--text-secondary);box-shadow:0 4px 12px color-mix(in srgb, var(--brand-blue) 10%, transparent);cursor:pointer;transition:background var(--duration) var(--ease-out), color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.art-export__trigger:not(:disabled):hover,.art-export__trigger[aria-expanded=true]{background:var(--surface-overlay);color:var(--text-primary);border-color:var(--border-strong)}.art-export__trigger:not(:disabled):active{transform:scale(.96)}.art-export__trigger:disabled{opacity:.35;cursor:not-allowed}.art-export__icon{width:.9rem;height:.9rem}.art-export__icon--spin{animation:.8s linear infinite art-export-spin}@keyframes art-export-spin{to{transform:rotate(360deg)}}.art-export__menu{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-raised);min-width:9.5rem;box-shadow:0 1px 0 #fffc inset, 0 10px 24px color-mix(in srgb, var(--brand-blue) 14%, transparent);padding:.25rem;position:absolute;top:calc(100% + .35rem);left:0}.art-export__option{border-radius:calc(var(--radius-md) - 2px);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.45rem .55rem;display:flex}.art-export__option:not(:disabled):hover{background:var(--surface-overlay)}.art-export__option:disabled{opacity:.55;cursor:wait}.art-export__option-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:600}.art-export__option-hint{color:var(--text-secondary);font-size:.68rem}.explore-tile:hover .art-export__trigger,.explore-tile:focus-within .art-export__trigger{opacity:1}.hatch-veil{z-index:2;background:var(--overlay-scrim-soft);place-self:stretch stretch;place-items:center;width:100%;height:100%;display:grid}.hatch-veil__label{z-index:1;letter-spacing:.08em;text-transform:uppercase;color:var(--ready);font-size:.6875rem;font-weight:700;position:relative}.explore-tile__empty{color:var(--text-muted);font-size:.75rem}.art-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface-overlay) 0%, oklch(82% .04 252/.65) 50%, var(--surface-overlay) 100%);width:88%;height:88%;animation:shimmer 1.4s var(--ease-out) infinite;background-size:200% 100%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.explore-tile__meta{border-top:1px solid color-mix(in srgb, var(--brand-blue) 14%, transparent);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .55rem;display:flex}.explore-tile__id{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:.875rem;font-weight:600;font-family:var(--font-mono);letter-spacing:-.02em}.explore-tile--loading .explore-tile__stage{color:var(--text-muted);background:var(--surface-overlay)}.explore-tile__stage{text-transform:uppercase;letter-spacing:.07em;border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--brand-blue) 28%, transparent);background:color-mix(in srgb, var(--brand-blue) 6%, white);color:var(--accent-strong);padding:.12rem .45rem;font-size:.625rem;font-weight:600}.explore-tile__stage--egg{color:var(--accent-strong);border-color:color-mix(in srgb, var(--brand-blue) 32%, transparent);background:color-mix(in srgb, var(--brand-blue) 10%, white)}.explore-tile__stage--ready{color:oklch(46% .11 72);background:oklch(72% .14 78/.14);border-color:oklch(68% .12 78/.45)}.explore-tile__stage--hatching{color:var(--on-ready);background:var(--ready-subtle);border-color:oklch(72% .16 78/.35)}.explore-tile__stage--dino{color:oklch(38% .1 215);border-color:color-mix(in srgb, var(--success) 35%, transparent);background:var(--success-subtle)}.explore-tile__stage--dino-buddy{letter-spacing:.04em;padding-inline:.35rem}.explore-tile__overlay{--overlay-fg:oklch(98% .01 250);--overlay-fg-muted:oklch(86% .02 250);--overlay-fg-dim:oklch(72% .03 250);--overlay-ready:oklch(84% .14 85);color:var(--overlay-fg);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out);background:linear-gradient(#0000 0%,oklch(28% .07 265/.2) 32%,oklch(24% .08 265/.82) 58%,oklch(20% .07 265/.94) 100%);flex-direction:column;justify-content:flex-end;padding:.65rem;display:flex;position:absolute;inset:0}.explore-tile:hover .explore-tile__overlay,.explore-tile:focus-within .explore-tile__overlay{opacity:1;pointer-events:auto}.explore-tile__name{white-space:nowrap;text-overflow:ellipsis;color:var(--overlay-fg);text-shadow:0 1px 12px oklch(18% .06 265/.55);margin-bottom:.35rem;font-size:.8125rem;font-weight:600;overflow:hidden}.explore-tile__traits{color:var(--overlay-fg-muted);margin:0 0 .5rem;padding:0;font-size:.75rem;list-style:none}.explore-tile__traits li{gap:.35rem;padding:.1rem 0;display:flex}.explore-tile__traits li span{color:var(--overlay-fg-dim);min-width:2.75rem}.explore-tile__actions{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:oklch(16% .05 265/.42);border:1px solid oklch(98% .01 250/.12);flex-direction:column;gap:.45rem;padding:.55rem .6rem .6rem;display:flex}.explore-tile__actions--buddy{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;align-items:center;margin-top:.15rem;padding:0}.explore-tile__timer{font-family:var(--font-mono);letter-spacing:.02em;text-transform:lowercase;font-variant-numeric:tabular-nums;color:var(--overlay-fg-muted);text-align:center;font-size:.6875rem;font-weight:600}.explore-tile__timer--warming{color:oklch(82% .08 250)}.explore-tile__timer--ready{color:var(--overlay-ready);letter-spacing:.02em}.explore-tile__overlay .incubator-bar{background:oklch(38% .04 265/.65);height:4px;box-shadow:inset 0 1px 2px oklch(10% .04 265/.35)}.explore-tile__overlay .incubator-bar__fill{box-shadow:0 0 8px oklch(55% .12 250/.35)}.incubator-bar{border-radius:var(--radius-full);background:color-mix(in srgb, var(--brand-blue) 10%, #e8f0fa);height:5px;box-shadow:inset 0 1px 2px color-mix(in srgb, var(--brand-blue) 12%, transparent);overflow:hidden}.incubator-bar__fill{border-radius:inherit;background:var(--accent);height:100%;transition:width var(--duration-slow) var(--ease-out), background var(--duration) var(--ease-out)}.explore-tile--warming .incubator-bar__fill{background:color-mix(in srgb, var(--brand-blue) 70%, white)}.explore-tile--ready .incubator-bar__fill{background:var(--ready)}@media (hover:none){.explore-tile__overlay{opacity:1;pointer-events:auto;background:linear-gradient(#0000 0%,oklch(28% .07 265/.35) 40%,oklch(20% .07 265/.92) 100%)}.explore-tile__traits,.explore-tile__name{display:none}}.gallery-loading-banner{border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 10%, white);flex-wrap:wrap;align-items:center;gap:.45rem .75rem;margin-bottom:1rem;padding:.65rem .85rem;display:flex}.gallery-loading-banner__pulse{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent);animation:footer-pulse 2.4s var(--ease-out) infinite;border-radius:50%;flex-shrink:0}.gallery-loading-banner__text{font-family:var(--font-mono);color:var(--accent-strong);font-size:.75rem;font-weight:600}.gallery-loading-banner__hint{color:var(--text-muted);font-size:.6875rem}.empty-state{border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border);place-items:center;max-width:28rem;min-height:12rem;margin-inline:auto;padding:2.5rem 1.25rem;display:grid}.skeleton-tile{aspect-ratio:1;border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border);animation:shimmer 1.4s var(--ease-out) infinite;background-image:linear-gradient(90deg, var(--surface-raised) 0%, var(--surface-overlay) 50%, var(--surface-raised) 100%);background-size:200% 100%}.site-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-top:auto;padding:1rem 0 1.5rem;display:flex}.site-footer__lead{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem .65rem;min-width:0;display:flex}.site-footer__tagline{color:var(--text-secondary);white-space:nowrap;margin:0;font-size:.75rem;font-weight:600;line-height:1.25}.footer-tagline__chip{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:lowercase;color:var(--text-secondary);background:var(--surface-raised);border:1px solid var(--border);white-space:nowrap;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.6875rem;font-weight:700;display:inline-flex}.footer-tagline__chip--rpc{font-variant-numeric:tabular-nums}.footer-tagline__chip--live{color:oklch(42% .14 145);background:oklch(55% .16 145/.12);border-color:oklch(55% .16 145/.4)}.footer-tagline__chip--offline{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 35%, transparent);background:color-mix(in srgb, var(--warn) 10%, white)}.footer-tagline__pulse{width:6px;height:6px;animation:footer-pulse 2.4s var(--ease-out) infinite;background:oklch(55% .18 145);border-radius:50%;flex-shrink:0;box-shadow:0 0 oklch(55% .18 145/.45)}@keyframes footer-pulse{0%,to{opacity:1;box-shadow:0 0 oklch(55% .18 145/.35)}50%{opacity:.75;box-shadow:0 0 0 4px oklch(55% .18 145/0)}}.footer-social{min-width:var(--touch-min);min-height:var(--touch-min);width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);color:var(--text-muted);border:1px solid var(--border);transition:color var(--duration) var(--ease-out), background var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out);place-items:center;display:grid}.footer-social:hover{color:var(--text-secondary);background:var(--surface-overlay);border-color:var(--border-strong)}@media (prefers-reduced-motion:reduce){.footer-tagline__pulse{animation:none}}@media (width<=640px){.site-footer__tagline{white-space:normal}.gallery__toolbar{flex-direction:column;align-items:stretch}.filter-segment{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;display:flex;overflow-x:auto}.filter-segment__btn{min-height:var(--touch-min);flex:1 1 0;min-width:max-content;padding:.4rem .65rem}.toolbar-search{justify-content:stretch}.toolbar-search input{width:auto;min-height:var(--touch-min);flex:1}.btn{min-height:var(--touch-min)}}.dinochi-page-root{--dinochi-page-text:var(--text-primary);--dinochi-page-text-muted:var(--text-muted);--dinochi-page-text-secondary:var(--text-secondary);--dinochi-page-border:var(--border);--dinochi-page-border-strong:var(--border-strong);--dinochi-page-surface:var(--surface-raised);--dinochi-page-surface-overlay:var(--surface-overlay);--dinochi-page-surface-inset:var(--surface-inset);--dinochi-page-ink:var(--accent-strong);--dinochi-bg-screen:var(--canvas-bg);--dinochi-border:color-mix(in srgb, var(--brand-blue) 22%, transparent);--dinochi-border-light:color-mix(in srgb, var(--brand-blue) 12%, white);--dinochi-ink:var(--accent-strong);--dinochi-text:var(--text-primary);--dinochi-text-muted:var(--text-muted);--dinochi-menu-bg:color-mix(in srgb, var(--brand-blue) 10%, #eef4fc);--dinochi-menu-border:color-mix(in srgb, var(--brand-blue) 16%, transparent);--dinochi-menu-titlebar:color-mix(in srgb, var(--brand-blue) 14%, #e8f0fa);--dinochi-menu-inset:var(--surface-inset);--dinochi-btn:color-mix(in srgb, var(--brand-blue) 18%, #ddeaf8);--dinochi-btn-hover:color-mix(in srgb, var(--brand-blue) 28%, #d0e2f5);--dinochi-heart:#e43b44;--dinochi-star:#f5e642;--dinochi-star-deep:#c9a820;--dinochi-accent:var(--ready);--dinochi-accent-on:var(--on-ready);--dinochi-font:var(--font-mono);--dinochi-pip-track:#567089;--dinochi-pip-slot:#465f73;--dinochi-pip-track-ring:color-mix(in srgb, var(--brand-blue) 28%, #96aec4)}.dinochi-page-wrap{color:var(--dinochi-page-text);font-family:var(--dinochi-font);background:0 0;flex-direction:column;flex:1;display:flex}.dinochi-page{flex-direction:column;flex:1;gap:1.25rem;width:100%;max-width:960px;margin:0 auto;padding:1.25rem clamp(.75rem,3vw,1.5rem) 2.5rem;display:flex}.dinochi-intro{text-align:center}.dinochi-intro__badges{justify-content:center;gap:.5rem;margin-bottom:.5rem;display:flex}.dinochi-chip{border:1px solid var(--dinochi-page-border);background:var(--dinochi-page-surface-overlay);color:var(--dinochi-page-text-secondary);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:.15rem .55rem;font-size:10px;font-weight:700}.dinochi-chip--soon{background:color-mix(in srgb, var(--dinochi-accent) 75%, white);color:var(--dinochi-accent-on);border-color:color-mix(in srgb, var(--dinochi-star-deep) 45%, transparent)}.dinochi-intro__title{color:var(--dinochi-page-text);margin:0 0 .35rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.dinochi-intro__lead{max-width:32rem;color:var(--dinochi-page-text-muted);margin:0 auto;font-size:13px;line-height:1.55}.dinochi-tabs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.dinochi-tab{border:1px solid var(--dinochi-page-border);background:var(--dinochi-page-surface);color:var(--dinochi-page-text-secondary);cursor:pointer;border-radius:4px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:700;transition:background .15s,border-color .15s,transform .1s}.dinochi-tab:hover{background:var(--dinochi-page-surface-overlay);border-color:var(--dinochi-page-border-strong);color:var(--dinochi-page-text)}.dinochi-tab--active{background:linear-gradient(180deg, color-mix(in srgb, var(--dinochi-star) 92%, white) 0%, color-mix(in srgb, var(--dinochi-star) 78%, var(--dinochi-star-deep)) 100%);color:var(--dinochi-accent-on);border-color:color-mix(in srgb, var(--dinochi-star-deep) 55%, transparent);box-shadow:0 2px 0 color-mix(in srgb, var(--dinochi-star-deep) 35%, transparent), 0 0 12px color-mix(in srgb, var(--dinochi-star) 35%, transparent)}.dinochi-tagline{text-align:center;color:var(--dinochi-page-text-muted);margin:-.25rem 0 0;font-size:11px}.dinochi-stage{grid-template-columns:minmax(0,1fr) 248px;align-items:stretch;gap:10px;width:100%;display:grid}.dinochi-stage__viewport{width:100%;min-width:0;min-height:220px;position:relative}.dinochi-stage__viewport>.dinochi-game-shell{width:auto;max-width:none;height:auto;margin:0;position:absolute;inset:0}@media (width<=640px){.dinochi-stage{grid-template-columns:1fr;max-width:420px;margin:0 auto}.dinochi-stage__viewport{min-height:280px}}.dinochi-game-shell{width:100%;max-width:480px;margin:0 auto;position:relative}.dinochi-game-shell__shadow{background:color-mix(in srgb, var(--dinochi-ink) 50%, transparent);filter:blur(4px);pointer-events:none;border-radius:50%;height:14px;position:absolute;bottom:-10px;left:12%;right:12%}.dinochi-game-shell--compact{max-width:100%}.dinochi-game-screen{aspect-ratio:1;border:4px solid var(--dinochi-border);background:var(--dinochi-bg-screen);width:100%;box-shadow:0 0 0 1px var(--dinochi-border-light), 0 10px 28px color-mix(in srgb, var(--dinochi-ink) 42%, transparent), inset 0 1px 0 #ffffff2e;image-rendering:pixelated;image-rendering:crisp-edges;-webkit-user-select:none;user-select:none;border-radius:4px;position:relative;overflow:hidden}.dinochi-game-screen__art{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.dinochi-care-menu{border:1px solid var(--dinochi-menu-border);border-radius:var(--radius-md);background:var(--dinochi-menu-bg);box-shadow:0 1px 0 #fffc inset, 0 8px 24px color-mix(in srgb, var(--brand-blue) 12%, transparent);color:var(--dinochi-text);flex-direction:column;font-size:12px;display:flex;position:relative;overflow:hidden}.dinochi-care-menu__titlebar{background:var(--dinochi-menu-titlebar);border-bottom:1px solid var(--dinochi-menu-border);align-items:center;gap:5px;padding:5px 10px;display:flex}.dinochi-care-menu__titlebar-dot{background:color-mix(in srgb, var(--dinochi-btn) 70%, var(--dinochi-border));border-radius:1px;width:7px;height:7px;box-shadow:inset 0 1px #ffffff40}.dinochi-care-menu__titlebar-dot:first-child{background:#e43b44}.dinochi-care-menu__titlebar-dot:nth-child(2){background:var(--dinochi-star)}.dinochi-care-menu__titlebar-dot:nth-child(3){background:#6bcf7f}.dinochi-care-menu__titlebar-label{letter-spacing:.14em;color:var(--text-secondary);margin-left:auto;font-size:9px;font-weight:700}.dinochi-care-menu__body{flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.dinochi-care-menu__scanlines{pointer-events:none;opacity:.025;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#5494e326 2px 4px);position:absolute;inset:0}.dinochi-care-menu__header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.dinochi-care-menu__label{letter-spacing:.06em;text-transform:uppercase;color:var(--dinochi-text-muted);margin:0;font-size:10px}.dinochi-care-menu__title{color:var(--dinochi-text);margin:2px 0 0;font-size:14px;font-weight:700}.dinochi-care-menu__copy{color:var(--dinochi-text-muted);margin:0;line-height:1.45}.dinochi-care-menu__banner{color:var(--accent-strong);background:color-mix(in srgb, var(--brand-blue) 10%, white);border:1px solid color-mix(in srgb, var(--brand-blue) 18%, transparent);border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:700;display:flex}.dinochi-care-menu__banner--countdown{letter-spacing:.03em;font-size:10px}.dinochi-care-menu__banner--lucky{color:var(--dinochi-accent-on);background:linear-gradient(90deg, color-mix(in srgb, var(--dinochi-star) 88%, white), color-mix(in srgb, var(--dinochi-accent) 70%, var(--dinochi-star-deep)));border-color:color-mix(in srgb, var(--dinochi-star-deep) 40%, transparent);animation:2.4s ease-in-out infinite dinochi-lucky-pulse}.dinochi-care-menu__banner-spark{font-size:13px;animation:3s linear infinite dinochi-spark-spin}@keyframes dinochi-lucky-pulse{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 14px color-mix(in srgb, var(--dinochi-star) 45%, transparent)}}@keyframes dinochi-spark-spin{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.15)rotate(12deg)}}.dinochi-care-menu__hud{background:color-mix(in srgb, white 82%, var(--dinochi-menu-inset));border:1px solid color-mix(in srgb, var(--brand-blue) 22%, transparent);border-radius:6px;padding:8px;box-shadow:inset 0 1px #ffffffe6}.dinochi-care-menu__price-tag{background:var(--dinochi-menu-inset);border:1px dashed color-mix(in srgb, var(--brand-blue) 28%, transparent);border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.dinochi-care-menu__price-coin{width:28px;height:28px;color:var(--dinochi-accent-on);background:linear-gradient(180deg, color-mix(in srgb, var(--dinochi-star) 90%, white), var(--dinochi-star-deep));box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--dinochi-star-deep) 35%, transparent);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.dinochi-care-menu__price-amt{font-size:18px;font-weight:700}.dinochi-care-menu__loot{color:var(--accent-strong);background:color-mix(in srgb, var(--dinochi-star) 16%, white);border:1px solid color-mix(in srgb, var(--dinochi-star-deep) 22%, transparent);border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffffb3}.dinochi-care-menu__loot-icon{width:18px;height:18px;color:var(--dinochi-accent-on);background:color-mix(in srgb, var(--dinochi-star) 75%, white);box-shadow:0 1px 0 color-mix(in srgb, var(--dinochi-star-deep) 25%, transparent);border-radius:3px;place-items:center;font-size:11px;display:grid}.dinochi-care-menu__float-hint{text-align:center;color:var(--text-secondary);margin:0;font-size:10px;font-weight:700}.dinochi-care-menu__float-plus{color:var(--dinochi-heart)}.dinochi-care-menu__float-star{color:var(--dinochi-star-deep)}.dinochi-care-menu__fine{text-align:center;color:var(--text-muted);margin:0;font-size:10px}.dinochi-mood-face{border:1px solid var(--dinochi-menu-border);background:color-mix(in srgb, white 72%, var(--dinochi-menu-bg));box-shadow:0 1px 2px color-mix(in srgb, var(--brand-blue) 8%, transparent);border-radius:4px;flex-shrink:0;padding:3px 7px;font-size:11px;font-weight:700;line-height:1.2}.dinochi-mood-face--m0{color:#6bcf7f;border-color:#6bcf7f66}.dinochi-mood-face--m2{color:#7eb8ff;border-color:#7eb8ff59}.dinochi-mood-face--m3{color:var(--dinochi-heart);border-color:color-mix(in srgb, var(--dinochi-heart) 40%, transparent)}.dinochi-streak{background:color-mix(in srgb, white 78%, var(--dinochi-menu-inset));border:1px solid color-mix(in srgb, var(--brand-blue) 22%, transparent);border-radius:6px;align-items:center;gap:6px;padding:6px 8px;display:flex;box-shadow:inset 0 1px #ffffffe0}.dinochi-streak__icon{flex-shrink:0;place-items:center;width:14px;height:16px;display:grid}.dinochi-streak__icon-img{width:12px;height:18px;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.dinochi-streak__track{border:2px solid color-mix(in srgb, white 82%, var(--brand-blue));background:var(--dinochi-pip-track);box-shadow:0 0 0 1px var(--dinochi-pip-track-ring), inset 0 1px 4px #00000038;border-radius:4px;flex:1;gap:2px;padding:4px 5px;display:flex}.dinochi-streak__pip{background:var(--dinochi-pip-slot);border-radius:1px;flex:1;height:8px;box-shadow:inset 0 1px 2px #00000047}.dinochi-streak__pip--on{background:linear-gradient(#ffa450,#e86a20);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #b8521259}.dinochi-streak__val{color:#c45a12;text-align:right;font-variant-numeric:tabular-nums;min-width:1.5rem;font-size:10px;font-weight:700}.dinochi-game-btn{cursor:pointer;width:100%;color:var(--text-primary);background:var(--dinochi-btn);box-shadow:0 3px 0 color-mix(in srgb, var(--brand-blue) 22%, transparent), 0 0 0 1px var(--dinochi-menu-border), inset 0 1px 0 #ffffffa6;border:none;border-radius:4px;justify-content:center;align-items:center;gap:6px;margin-top:2px;padding:10px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative}.dinochi-game-btn:active:not(:disabled){box-shadow:0 1px 0 color-mix(in srgb, var(--brand-blue) 22%, transparent), inset 0 2px 4px color-mix(in srgb, var(--brand-blue) 12%, transparent);transform:translateY(2px)}.dinochi-game-btn:disabled:not(.dinochi-game-btn--preview){opacity:.45;cursor:not-allowed;transform:none}.dinochi-game-btn--ready{color:var(--dinochi-accent-on);background:linear-gradient(180deg, color-mix(in srgb, var(--dinochi-accent) 96%, white) 0%, color-mix(in srgb, var(--dinochi-accent) 78%, var(--dinochi-star-deep)) 100%);box-shadow:0 4px 0 color-mix(in srgb, var(--dinochi-star-deep) 85%, black), 0 0 0 1px color-mix(in srgb, var(--dinochi-star-deep) 50%, transparent), inset 0 1px 0 #ffffff73, 0 0 16px color-mix(in srgb, var(--dinochi-star) 30%, transparent);animation:2.2s ease-in-out infinite dinochi-btn-glow}.dinochi-game-btn--ready:active{box-shadow:0 1px 0 color-mix(in srgb, var(--dinochi-star-deep) 85%, black), inset 0 2px 4px color-mix(in srgb, var(--dinochi-star-deep) 35%, transparent)}.dinochi-game-btn--preview{cursor:default}.dinochi-game-btn__icon{font-size:14px;line-height:1}@keyframes dinochi-btn-glow{0%,to{filter:brightness()}50%{filter:brightness(1.06)}}.dinochi-pip-bars{flex-direction:column;gap:6px;display:flex}.dinochi-pip-bars--compact{gap:4px}.dinochi-pip-bar{align-items:center;gap:5px;display:flex}.dinochi-pip-bar__icon{flex-shrink:0;place-items:center;width:18px;height:16px;display:grid}.dinochi-pip-bar__icon-img{width:18px;height:16px;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.dinochi-pip-bars--compact .dinochi-pip-bar__icon,.dinochi-pip-bars--compact .dinochi-pip-bar__icon-img{width:14px;height:12px}.dinochi-pip-bar__track{flex:1;min-width:0;height:22px;position:relative}.dinochi-pip-bar__frame{border:2px solid color-mix(in srgb, white 82%, var(--brand-blue));background:var(--dinochi-pip-track);box-shadow:0 0 0 1px var(--dinochi-pip-track-ring), inset 0 1px 4px #00000038;border-radius:4px;position:absolute;inset:0}.dinochi-pip-bar__pips{z-index:1;align-items:center;gap:2px;height:100%;padding:4px 5px;display:flex;position:relative}.dinochi-pip-bar__pip{background:var(--dinochi-pip-slot);border-radius:1px;flex:1;height:10px;box-shadow:inset 0 1px 2px #00000047}.dinochi-pip-bar__pip--filled{box-shadow:inset 0 1px #ffffff6b,inset 0 -2px #00000038}.dinochi-pip-bar__value{text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:1.75rem;font-size:11px;font-weight:700}.dinochi-pip-bars--compact .dinochi-pip-bar__pip{height:7px}.dinochi-roles__title{color:var(--dinochi-text);text-shadow:0 1px 0 color-mix(in srgb, var(--dinochi-ink) 50%, transparent);margin:.5rem 0 .25rem;font-size:13px;font-weight:700}.dinochi-roles__copy{color:var(--dinochi-text-muted);margin:0 0 .75rem;font-size:11px}.dinochi-roles__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@media (width<=720px){.dinochi-roles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dinochi-roles__item{flex-direction:column;gap:6px;display:flex}.dinochi-roles__blurb{color:var(--dinochi-page-text-muted);margin:0;font-size:10px;line-height:1.4}.dinochi-mini-card{flex-direction:column;gap:6px;display:flex}.dinochi-mini-card__meta{color:var(--dinochi-page-text);justify-content:space-between;align-items:baseline;gap:6px;font-size:10px;font-weight:700;display:flex}.dinochi-mini-card__role{color:var(--dinochi-page-text-muted);text-transform:uppercase;letter-spacing:.05em}.dinochi-mini-card__lucky{letter-spacing:.04em;text-transform:uppercase;color:var(--dinochi-accent-on);background:linear-gradient(90deg, color-mix(in srgb, var(--dinochi-star) 90%, white), color-mix(in srgb, var(--dinochi-accent) 65%, var(--dinochi-star-deep)));border:1px solid color-mix(in srgb, var(--dinochi-star-deep) 40%, transparent);border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:9px;font-weight:700}.dinochi-footnote{border:1px dashed var(--dinochi-page-border);text-align:center;color:var(--dinochi-page-text-muted);background:var(--dinochi-page-surface-overlay);border-radius:4px;margin-top:.5rem;padding:8px 12px;font-size:10px}.header-dinochi-link{min-height:var(--header-action-size);border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border);transition:color var(--duration) var(--ease-out), background var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out);align-items:center;gap:.35rem;padding:0 .65rem;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-flex}.header-dinochi-link:hover{color:var(--text-primary);background:var(--surface-overlay);border-color:var(--border-strong)}.header-dinochi-link--active{color:var(--accent-strong);background:var(--accent-subtle);border-color:color-mix(in srgb, var(--accent) 40%, transparent);font-weight:600}.header-dinochi-link__pill{border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--dinochi-accent-on);background:color-mix(in srgb, var(--dinochi-accent) 55%, white);border:1px solid color-mix(in srgb, var(--dinochi-star-deep) 30%, transparent);padding:.05rem .35rem;font-size:.5625rem;font-weight:600}.dinochi-page-root .header-dinochi-link--active .header-dinochi-link__pill{color:var(--dinochi-accent-on);background:color-mix(in srgb, var(--dinochi-star) 70%, white)}.dinochi-page-wrap{position:relative;overflow:hidden}.dinochi-world-decor{pointer-events:none;z-index:0;position:absolute;inset:0}.dinochi-world-decor__pixel{background:color-mix(in srgb, var(--brand-blue) 55%, transparent);opacity:.45;width:4px;height:4px;animation:6s ease-in-out infinite dinochi-pixel-float;position:absolute}.dinochi-world-decor__pixel--1{animation-delay:0s;top:18%;left:8%}.dinochi-world-decor__pixel--2{background:color-mix(in srgb, var(--dinochi-heart) 50%, transparent);animation-delay:1.4s;top:32%;right:10%}.dinochi-world-decor__pixel--3{animation-delay:2.8s;bottom:28%;left:14%}.dinochi-world-decor__star{color:color-mix(in srgb, var(--brand-blue) 55%, white);opacity:.28;font-size:10px;animation:3.5s ease-in-out infinite dinochi-star-twinkle;position:absolute}.dinochi-world-decor__star--1{top:12%;right:18%}.dinochi-world-decor__star--2{animation-delay:1.6s;bottom:22%;right:6%}.dinochi-world-decor__floor{background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--brand-blue) 8%, transparent) 100%);height:28%;position:absolute;bottom:0;left:0;right:0}.dinochi-world-decor__floor:after{content:"";background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--brand-blue) 18%, transparent) 0 8px, transparent 8px 16px);height:2px;position:absolute;bottom:18%;left:5%;right:5%}@keyframes dinochi-pixel-float{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.7;transform:translateY(-6px)}}@keyframes dinochi-star-twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}.dinochi-page{z-index:1;position:relative}.dinochi-title-screen{flex-direction:column;align-items:center;gap:10px;margin-bottom:.25rem;display:flex}.dinochi-title-screen__frame{text-align:center;border:1px solid var(--dinochi-page-border-strong);border-radius:var(--radius-md);background:var(--dinochi-page-surface);box-shadow:0 4px 16px color-mix(in srgb, var(--brand-blue) 10%, transparent), inset 0 1px 0 #fffc;padding:14px 28px 12px}.dinochi-title-screen__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 4px;font-size:9px;font-weight:700}.dinochi-title-screen__logo{color:var(--dinochi-page-text);text-shadow:none;justify-content:center;align-items:center;gap:10px;margin:0;font-size:clamp(1.85rem,5vw,2.5rem);font-weight:700;display:flex}.dinochi-title-screen__logo-star{color:var(--dinochi-star);font-size:.55em;animation:2.8s ease-in-out infinite dinochi-star-twinkle}.dinochi-title-screen__logo-star:last-child{animation-delay:1.4s}.dinochi-title-screen__sub{letter-spacing:.06em;color:var(--dinochi-page-text-muted);margin:6px 0 0;font-size:11px}.dinochi-title-screen__status{gap:6px;display:flex}.dinochi-playfield__cabinet{border:1px solid color-mix(in srgb, var(--brand-blue) 16%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--brand-blue) 12%, #eef4fc);box-shadow:0 1px 0 #fffc inset, 0 8px 24px color-mix(in srgb, var(--brand-blue) 12%, transparent);padding:0 14px 16px}.dinochi-playfield__marquee{border-bottom:1px solid var(--dinochi-page-border);background:color-mix(in srgb, var(--brand-blue) 10%, #eef4fc);margin:0 -14px 12px;padding:6px 0;overflow:hidden}.dinochi-playfield__marquee-track{width:max-content;animation:18s linear infinite dinochi-marquee;display:flex}.dinochi-playfield__marquee-track span{letter-spacing:.14em;color:var(--accent-strong);white-space:nowrap;flex-shrink:0;padding:0 2rem;font-size:10px;font-weight:700}@keyframes dinochi-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.dinochi-playfield__controls{flex-direction:column;align-items:center;gap:8px;margin-bottom:6px;display:flex}.dinochi-playfield__controls-label{letter-spacing:.16em;text-transform:uppercase;color:var(--dinochi-page-text-muted);font-size:9px;font-weight:700}.dinochi-playfield__tagline{background:var(--dinochi-page-surface-inset);border:1px solid var(--dinochi-page-border);color:var(--dinochi-page-text-secondary);border-radius:4px;margin:0 0 12px;padding:4px 10px}.dinochi-playfield .dinochi-tab{border:1px solid var(--dinochi-page-border);box-shadow:0 2px 0 color-mix(in srgb, var(--brand-blue) 18%, transparent), inset 0 1px 0 #ffffffb3;transition:transform 80ms,box-shadow 80ms}.dinochi-playfield .dinochi-tab:active{box-shadow:0 1px 0 color-mix(in srgb, var(--brand-blue) 18%, transparent), inset 0 1px 0 #ffffff80;transform:translateY(1px)}.dinochi-playfield .dinochi-tab--active{box-shadow:0 3px 0 color-mix(in srgb, var(--dinochi-star-deep) 85%, black), 0 0 14px color-mix(in srgb, var(--dinochi-star) 35%, transparent), inset 0 1px 0 #fff6}.dinochi-game-screen--viewport{width:100%;height:100%;aspect-ratio:unset;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;position:relative;overflow:hidden}.dinochi-game-shell:has(.dinochi-game-screen--viewport) .dinochi-game-shell__shadow{display:none}.dinochi-stage__viewport>.dinochi-game-shell>.dinochi-game-screen--viewport{width:100%;height:100%;min-height:0}.dinochi-stage .dinochi-game-shell{margin-left:0;margin-right:0}.dinochi-game-screen--viewport .dinochi-game-screen__sprite-inner{width:min(300px,54%);max-height:min(300px,82%);transform:none}.dinochi-game-screen__sprite-wrap{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dinochi-game-screen__sprite-inner{width:62%;max-height:62%;transform:translateY(4%)}.dinochi-game-screen__sprite-inner svg{width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.dinochi-game-screen__loading{aspect-ratio:1;background:color-mix(in srgb, var(--brand-blue) 12%, transparent);border-radius:4px;width:40%;animation:1.2s ease-in-out infinite dinochi-pixel-float}.dinochi-stage__viewport .dinochi-viewport-hud{z-index:3;pointer-events:none;width:160px;position:absolute;top:0;left:0}.dinochi-viewport-hud svg{width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.dinochi-stage__viewport .dinochi-viewport-emotion{z-index:3;pointer-events:none;width:34px;position:absolute;top:0;left:auto;right:0}.dinochi-viewport-emotion svg{width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.dinochi-game-screen--compact .dinochi-game-screen__sprite-inner{width:78%;transform:none}.dinochi-game-screen--compact{background:var(--dinochi-page-surface-inset)}.dinochi-inventory{border:1px solid var(--dinochi-page-border);border-radius:var(--radius-md);background:var(--dinochi-page-surface);box-shadow:0 2px 12px color-mix(in srgb, var(--brand-blue) 8%, transparent);padding:10px 12px 14px}.dinochi-inventory__bar{border-bottom:1px solid var(--dinochi-page-border);justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding-bottom:6px;display:flex}.dinochi-inventory__bar-label{letter-spacing:.1em;text-transform:uppercase;color:var(--dinochi-page-text);font-size:11px;font-weight:700}.dinochi-inventory__bar-meta{letter-spacing:.06em;color:var(--accent-strong);background:var(--accent-subtle);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700}.dinochi-inventory__copy{color:var(--dinochi-page-text-muted);margin:0 0 10px;font-size:10px;line-height:1.45}.dinochi-inventory-slot__frame{border:1px solid var(--dinochi-page-border);background:var(--dinochi-page-surface-inset);box-shadow:inset 0 1px 3px color-mix(in srgb, var(--brand-blue) 8%, transparent);border-radius:4px;padding:6px;transition:transform .12s,border-color .12s}.dinochi-inventory-slot:hover .dinochi-inventory-slot__frame{border-color:color-mix(in srgb, var(--accent) 35%, transparent);transform:translateY(-2px)}.dinochi-inventory-slot:hover .dinochi-mini-card__meta{color:var(--accent-strong)}.dinochi-intro,.dinochi-roles__title,.dinochi-roles__copy{display:none}@media (width<=640px){.dinochi-title-screen__frame{padding:12px 18px 10px}.dinochi-playfield__cabinet{padding:0 10px 12px}.dinochi-playfield__marquee{margin:0 -10px 10px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--font-weight-medium:500;--radius-xs:.125rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.right-2{right:calc(var(--spacing) * 2)}.z-\[200\]{z-index:200}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:calc(var(--spacing) * 1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-px{height:1px}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--border-ui)}.bg-border{background-color:var(--border-ui)}.bg-popover{background-color:var(--popover)}.bg-transparent{background-color:#0000}.p-1{padding:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-foreground{color:var(--foreground)}.text-muted{color:var(--muted)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\,border-color\,background-color\]{transition-property:color,box-shadow,border-color,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.paused{animation-play-state:paused}.focus\:bg-accent:focus{background-color:var(--accent-ui)}.focus\:text-accent-foreground:focus{color:var(--accent-ui-foreground)}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--background:oklch(99% .01 250);--foreground:oklch(30% .09 265);--card:oklch(99% .01 250);--card-foreground:oklch(30% .09 265);--popover:oklch(99% .01 250);--popover-foreground:oklch(30% .09 265);--primary:#5494e3;--primary-foreground:oklch(99% .01 250);--secondary:#f1f6fd;--secondary-foreground:oklch(44% .07 262);--muted:#f5f9fd;--muted-foreground:oklch(54% .055 260);--accent-ui:#e7f0fb;--accent-ui-foreground:#4881c9;--destructive:oklch(57.7% .245 27.325);--border-ui:#5494e338;--input:#5494e338;--ring:#5494e3}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}:root{--brand-blue:#5494e3;--bg-page-top:color-mix(in srgb, var(--brand-blue) 22%, #f2f7fe);--bg-page-mid:color-mix(in srgb, var(--brand-blue) 12%, #f6faff);--bg-page-end:color-mix(in srgb, var(--brand-blue) 6%, #fafcff);--wash-sky:color-mix(in srgb, var(--brand-blue) 38%, white);--surface-base:color-mix(in srgb, var(--brand-blue) 6%, white);--surface-raised:color-mix(in srgb, var(--brand-blue) 3%, white);--surface-overlay:color-mix(in srgb, var(--brand-blue) 8%, white);--surface-inset:color-mix(in srgb, var(--brand-blue) 14%, #eef4fc);--text-primary:oklch(30% .09 265);--text-secondary:oklch(44% .07 262);--text-muted:oklch(54% .055 260);--accent:var(--brand-blue);--accent-strong:color-mix(in srgb, var(--brand-blue) 78%, #1e3f6e);--accent-subtle:color-mix(in srgb, var(--brand-blue) 14%, white);--success:oklch(52% .12 215);--success-subtle:color-mix(in srgb, var(--brand-blue) 10%, #e6f6fa);--ready:oklch(72% .15 78);--ready-strong:oklch(66% .16 72);--ready-subtle:oklch(72% .15 78/.22);--warn:oklch(58% .17 35);--border:color-mix(in srgb, var(--brand-blue) 22%, transparent);--border-strong:color-mix(in srgb, var(--brand-blue) 38%, #6b8eb8);--on-accent:oklch(99% .01 250);--on-ready:oklch(28% .05 78);--canvas-bg:color-mix(in srgb, var(--brand-blue) 7%, #eef3fb);--canvas-checker:color-mix(in srgb, var(--brand-blue) 16%, #dce8f6);--overlay-scrim:oklch(30% .08 265/.9);--overlay-scrim-soft:oklch(30% .08 265/.72);--bg-grid-line:color-mix(in srgb, var(--brand-blue) 16%, transparent);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:999px;--duration-slow:.6s;--duration-ritual:2.8s;--font:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", ui-monospace, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration:.18s;--touch-min:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}#root{flex-direction:column;display:flex}body{color:var(--text-primary);background:radial-gradient(ellipse 95% 60% at 50% -8%, var(--wash-sky) 0%, transparent 62%), linear-gradient(180deg, var(--bg-page-top) 0%, var(--bg-page-mid) 50%, var(--bg-page-end) 100%);margin:0}body:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(var(--bg-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid-line) 1px, transparent 1px);opacity:.55;background-size:24px 24px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 65% at 50% 40%,#000 18%,#0000 100%);mask-image:radial-gradient(80% 65% at 50% 40%,#000 18%,#0000 100%)}body:before{content:"";pointer-events:none;opacity:.04;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700}p{margin:0}code{font-family:var(--font-mono);font-size:.8125rem}button,input{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#__CONNECTKIT__{--ck-font-family:var(--font-mono)}#__CONNECTKIT__,#__CONNECTKIT__ *{font-family:var(--font-mono)!important}