.npnp-shell{--rail:72px;padding-left:var(--rail)}body:has(.npnp-shell){padding-bottom:0}.shell-sidebar{width:var(--rail);z-index:80;background:var(--color-canvas);color:var(--color-text);border-right:1px solid var(--color-line);flex-direction:column;padding:0 10px 18px;transition:width .16s;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden auto}.shell-sidebar[data-expanded=true]{width:240px}.shell-sidebar-backdrop{inset:0 0 0 var(--rail);z-index:75;pointer-events:none;opacity:0;background:#0006;transition:opacity .16s;position:fixed}.npnp-shell:has(.shell-sidebar[data-expanded=true]) .shell-sidebar-backdrop{opacity:1}.shell-brand{flex-shrink:0;align-items:center;height:80px;padding-left:5px;display:flex}.shell-brand .brand-lockup{gap:14px;width:auto}.shell-brand .brand-symbol{flex:none;width:40px;height:40px}.shell-brand .wordmark{opacity:0;transition:opacity .12s}.shell-sidebar[data-expanded=true] .wordmark{opacity:1}.shell-sidebar nav,.shell-drawer-links nav{gap:5px;display:grid}.shell-sidebar :is(nav a,nav button,.shell-create,.shell-nav-bottom>a),.shell-drawer-links :is(nav a,nav button,.shell-create,.shell-nav-bottom>a){min-height:46px;color:var(--color-text);border-radius:var(--control-radius);font:500 13px var(--font-sans), sans-serif;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:14px;width:100%;padding:12px 15px;display:flex}.shell-sidebar svg,.shell-drawer-links svg{flex:none}.shell-sidebar :is(nav a,nav button):hover,.shell-drawer-links :is(nav a,nav button):hover{background:var(--color-panel)}.shell-sidebar [aria-current=page],.shell-drawer-links [aria-current=page]{background:var(--color-panel);box-shadow:inset 3px 0 var(--color-text)}.shell-sidebar .shell-label{opacity:0;transition:opacity .1s}.shell-sidebar[data-expanded=true] .shell-label{opacity:1}.shell-sidebar .shell-create,.shell-drawer-links .shell-create{background:var(--color-text);color:var(--color-canvas);margin:5px 0 20px}.shell-nav-bottom{margin-top:auto;padding-top:22px}.shell-legal{gap:20px;padding:14px 15px 0;font-size:11px;display:flex}.shell-header.site-header{z-index:60;height:80px;top:0}.shell-header .nav-wrap{gap:20px;width:calc(100% - 56px);max-width:none;height:80px;margin:auto}.shell-header-copy{flex-direction:column;flex-shrink:0;gap:5px;display:flex}.shell-header-copy strong{font:700 12px var(--font-mono), monospace;letter-spacing:.06em}.shell-header-copy span{color:var(--color-muted);font-size:11px}.shell-header .nav-actions{margin-left:auto}.shell-header .wallet-button{max-width:230px}.shell-header .wallet-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shell-mobile-brand,.shell-menu-trigger,.shell-bottom-bar{display:none}.npnp-shell .theme-switcher{z-index:1;width:calc(100% - 48px);max-width:1220px;margin:28px auto;position:relative;inset:auto;transform:none}.npnp-shell main{min-width:0}.npnp-shell .container{max-width:1400px}.network-trigger img,.network-options img,.docs-networks img,.wallet-network-row img{box-sizing:border-box;background:#131823;border-radius:5px;padding:4px}.chain-label i,.live-dot,.network-dot,.project-network i{display:none}dialog.account-panel{width:min(420px,100vw - 24px)}.account-panel .modal-head{padding:20px}.account-panel .modal-head h2{margin-top:5px;font-size:23px}.account-panel .modal-content{padding:20px}.wallet-identity-row{align-items:center;gap:12px;padding-bottom:18px;display:flex}.wallet-identity-row>div{flex:1;min-width:0}.wallet-identity-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.wallet-identity-row span:not(.avatar){color:var(--color-muted);font-size:11px}.wallet-identity-row .icon-button,.wallet-network-row .icon-button{border-radius:var(--control-radius);width:34px;height:34px}.wallet-network-row{border-block:1px solid var(--color-line);align-items:center;gap:10px;padding:12px 0;display:flex}.wallet-network-row>span{flex:1;font-size:13px}.wallet-network-row small{font:9px var(--font-mono), monospace;color:var(--color-muted);margin-top:4px;display:block}.wallet-balance-grid{border:1px solid var(--color-line);border-radius:var(--control-radius);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:16px 0;display:grid;overflow:hidden}.wallet-balance-grid>div{min-width:0;padding:14px 12px}.wallet-balance-grid>div+div{border-left:1px solid var(--color-line);background:var(--color-panel)}.wallet-balance-grid span{color:var(--color-muted);font-size:10px}.wallet-balance-grid strong{overflow-wrap:anywhere;margin-top:8px;font-size:clamp(18px,2vw,24px);line-height:1.4;display:block}.wallet-balance-grid small{font:10px var(--font-mono), monospace;display:block}.account-panel .modal-content>.button{justify-content:space-between;width:100%;min-height:44px}.wallet-help,.wallet-loading{color:var(--color-muted);margin:10px 0 16px;font-size:11px;line-height:1.6}.wallet-shortcuts{border-top:1px solid var(--color-line);padding-top:8px}.wallet-shortcuts a{align-items:center;gap:10px;min-height:40px;font-size:12px;display:flex}.wallet-shortcuts a>svg:last-child{margin-left:auto}.wallet-signout{border:0;border-top:1px solid var(--color-line);color:var(--color-muted);cursor:pointer;background:0 0;gap:9px;width:100%;margin-top:10px;padding:12px 0 0;font-size:11px;display:flex}.account-wallet-select{gap:8px;margin-bottom:14px;font-size:11px;display:grid}.mission-strip{border-bottom:1px solid var(--color-line);font:10px var(--font-mono), monospace;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:16px;display:flex}.mission-strip>span{align-items:center;gap:9px;display:inline-flex}.mission-strip img{object-fit:contain;background:#131823;border-radius:3px;width:22px;height:22px;padding:3px}.mission-strip a{align-items:center;gap:7px;display:inline-flex}.mission-token{border:1px solid var(--color-line);background:var(--color-panel);padding:6px 9px}[data-theme=signal] .mission-token{transform:skew(-6deg)}[data-theme=playground] .mission-token{box-shadow:3px 3px var(--color-text);border-radius:5px}[data-theme=clubhouse] .mission-token{border-style:dashed}[data-theme=index] .mission-strip{letter-spacing:.1em}[data-theme=kiln] .mission-token{border-style:double;border-width:3px}[data-theme=current] .mission-token{border-left:4px solid var(--color-text)}[data-theme=bulletin] .mission-token{box-shadow:2px 2px var(--color-text);transform:rotate(-2deg)}[data-theme=studio] .mission-token{background:var(--color-text);color:var(--color-canvas)}@media (max-width:1100px) and (min-width:901px){.npnp-shell .docs-layout{grid-template-columns:160px minmax(0,1fr);gap:24px}}@media (max-width:900px){.npnp-shell{padding-left:0;padding-bottom:calc(70px + env(safe-area-inset-bottom))}.shell-sidebar,.shell-sidebar-backdrop,.shell-header-copy{display:none}.shell-mobile-brand,.shell-menu-trigger{display:inline-flex}.shell-header.site-header,.shell-header .nav-wrap{height:68px}.shell-header .nav-wrap{gap:10px;width:calc(100% - 24px)}.shell-header .nav-actions{gap:8px}.shell-mobile-brand .brand-lockup{gap:6px;width:auto}.shell-mobile-brand .brand-symbol{width:30px;height:30px}.shell-mobile-brand .wordmark strong{font-size:22px}.shell-mobile-brand .wordmark small{display:none}.shell-menu-trigger{border-radius:var(--control-radius);width:36px;height:40px}.shell-header .network-trigger{place-items:center;gap:0;width:42px;height:42px;padding:0;display:grid;position:relative}.shell-header .network-trigger>span{display:none}.shell-header .network-trigger>svg{width:7px;height:10px;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.shell-header .wallet-button{justify-content:center;width:42px;height:42px;padding:0}.shell-header .wallet-button span{display:none}.shell-header .network-options{position:fixed;top:64px;right:12px}.shell-bottom-bar{z-index:65;padding:8px 14px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:var(--color-canvas);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.shell-bottom-bar>*{min-width:0;min-height:48px;color:var(--color-muted);font:500 10px var(--font-sans), sans-serif;cursor:pointer;border-radius:var(--control-radius);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.shell-bottom-bar>[aria-current=page]{color:var(--color-text);background:var(--color-panel)}.shell-bottom-bar>.bottom-create{background:var(--color-text);color:var(--color-canvas)}dialog.shell-drawer{background:var(--color-canvas);border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0;inset:0;overflow:hidden}dialog.shell-drawer[open]{flex-direction:column;animation:.24s cubic-bezier(.22,1,.36,1) both shell-drawer-in;display:flex}dialog.shell-drawer.is-closing{animation:.18s ease-in both shell-drawer-out}.shell-drawer .modal-head{padding:max(18px, env(safe-area-inset-top)) 22px 18px;flex:none}.shell-drawer .modal-head h2{font-size:26px}.shell-drawer .modal-content{overscroll-behavior:contain;min-height:0;padding:16px 22px max(24px, env(safe-area-inset-bottom));flex:1;overflow-y:auto}.shell-drawer-network{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;font-size:11px;display:flex}.shell-drawer-links .shell-nav-bottom{border-top:1px solid var(--color-line);margin-top:12px;padding-top:8px}.shell-drawer-links .shell-create{margin-bottom:10px}.shell-drawer-links :is(nav a,nav button){min-height:48px;font-size:15px}.shell-drawer-note{font:10px var(--font-mono), monospace;color:var(--color-muted);margin-top:24px}.npnp-shell .theme-switcher{width:calc(100% - 24px);margin:20px auto}.mission-strip{font-size:9px}.mission-strip>span:first-child{flex:1}.mission-strip>a{display:none}.npnp-shell .docs-layout{grid-template-columns:1fr;gap:28px}.npnp-shell .docs-layout aside{position:static}.npnp-shell .docs-layout aside nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:350px){.shell-mobile-brand .brand-symbol{display:none}.shell-header .nav-wrap{gap:6px}}@keyframes shell-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes shell-drawer-out{to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.shell-sidebar,.shell-sidebar .shell-label,.shell-sidebar-backdrop{transition:none}dialog.shell-drawer[open],dialog.shell-drawer.is-closing{animation:none}}.shell-header-copy span{color:inherit;opacity:.75}.shell-header .shell-menu-trigger{color:inherit;background:0 0;border-color:currentColor}.shell-sidebar .shell-brand .wordmark strong{font-size:32px}.shell-sidebar .shell-brand .wordmark strong>span{color:currentColor}@media (max-width:900px){html[data-theme] .shell-mobile-brand .brand-lockup .wordmark strong{font-size:22px}}.footer-bottom>div{flex-wrap:wrap;min-width:0;max-width:100%}.footer-bottom>div>a{align-items:center;gap:4px;display:inline-flex}.network-trigger>img,.network-options button>img{object-fit:contain;object-position:center;flex:none;align-self:center;display:block}.inline-icon{vertical-align:-2px;flex-shrink:0;display:inline-block}@media (max-width:900px){.playground-mountain{right:2%}.shell-header .network-trigger>img{grid-area:1/1;justify-self:center;margin:0}}dialog.modal:not(.shell-drawer){max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);margin:auto;inset:0}dialog.selection-modal{width:min(420px,100vw - 24px)}.selection-modal .modal-head{padding:18px 20px}.selection-modal .modal-head .eyebrow{display:none}.selection-modal .modal-head h2{margin:0;font-size:21px}.selection-modal .modal-content{min-height:0;padding:10px 12px 16px}.selection-modal .network-options{width:100%;min-width:0;max-width:100%;box-shadow:none;border:0;border-radius:0;padding:0;position:static;inset:auto}.selection-modal .network-options>p{display:none}.selection-modal .network-options button{min-height:58px;padding:12px}.selection-list{gap:4px;min-width:0;display:grid}.selection-list button{border-radius:var(--control-radius);width:100%;min-width:0;min-height:52px;color:var(--color-text);font:400 16px var(--font-sans), sans-serif;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;padding:13px 12px;display:flex}.selection-list button>span{overflow-wrap:anywhere;min-width:0}.selection-list button[aria-selected=true],.selection-list button:hover{background:var(--color-panel)}@media (max-width:900px){.npnp-shell :is(input,textarea,select),.modal :is(input,textarea,select){font-size:16px}dialog.modal:not(.shell-drawer){max-height:calc(100dvh - 32px);overflow:hidden}dialog.modal:not(.shell-drawer) .modal-content{min-height:0;overflow:hidden auto}}