.sprat-extra { --extra-bg:#082c24; --extra-panel:#0e3b30; --extra-paper:#effaf2; --extra-green:#5ef2a2; --extra-line:#386052; color:var(--extra-paper); font-family:'Pixelify Sans',monospace; font-size:17px; line-height:1.5; }
.sprat-extra * { box-sizing:border-box; }
.sprat-extra [hidden] { display:none!important; }
.sprat-extra h2,.sprat-extra h3,.sprat-extra p { margin:0; }
.sprat-extra h2 { font-family:'Pixelify Sans',monospace; font-size:clamp(27px,3.5vw,40px); font-weight:500; line-height:1.15; }
.sprat-extra h3 { font-family:'Pixelify Sans',monospace; font-size:22px; line-height:1.3; font-weight:500; }
.extra-micro,.extra-panel-line,.extra-connection-state { font-family:'Silkscreen',monospace; font-size:9px; font-weight:400; letter-spacing:.035em; line-height:1.7; }
.extra-micro { color:#b4d0bf; display:block; }
.extra-button { display:inline-flex; align-items:center; justify-content:center; padding:11px 16px; min-height:40px; border:1px solid #6a9c81; border-radius:0; box-shadow:3px 3px 0 #041c15; background:#5ef2a2; color:#082c24; font:400 11px/1.4 'Silkscreen',monospace; text-decoration:none; cursor:pointer; text-align:center; transition:transform .12s,background .12s; }
.extra-button:hover { background:#a0ffcb; }
.extra-button:active { transform:translate(2px,2px); box-shadow:1px 1px 0 #041c15; }
.extra-button:disabled { color:#91aa9a; background:#1a4033; box-shadow:none; cursor:not-allowed; border-color:#386052; }
.extra-button-muted { color:#effaf2; background:#173e31; }
.extra-button-muted:hover { background:#245340; }
.extra-button:focus-visible,.extra-link-button:focus-visible,.extra-color-chip:focus-visible,.extra-doc-item summary:focus-visible { outline:2px solid #effaf2; outline-offset:4px; }
.extra-link-button { border:0; background:none; padding:5px 0; color:#b4d0bf; text-underline-offset:4px; font:400 10px/1.5 'Silkscreen',monospace; cursor:pointer; }
.extra-link-button:hover { color:#5ef2a2; text-decoration:underline; }
.extra-wallet { padding:30px 0 60px; }
.extra-wallet-panel { width:min(100%,660px); margin:auto; padding:26px 30px 24px; border:1px solid var(--extra-line); background:var(--extra-panel); box-shadow:7px 7px 0 #041c15; text-align:center; }
.extra-panel-line { display:flex; justify-content:space-between; gap:18px; text-align:left; color:#b4d0bf; flex-wrap:wrap; }
.extra-connection-state { color:#b4d0bf; }
.extra-connection-state.is-connected { color:var(--extra-green); }
.extra-wallet-mascot { display:block; width:104px; height:104px; image-rendering:pixelated; margin:30px auto 19px; }
.extra-intro { max-width:400px; margin:13px auto 26px!important; color:#c5ded0; }
.extra-wallet-options { display:flex; flex-direction:column; gap:10px; margin-top:25px; }
.extra-wallet-row { display:grid; grid-template-columns:44px 1fr auto; gap:12px; align-items:center; text-align:left; background:#082c24; border:1px solid #386052; padding:15px; }
.extra-wallet-mark { width:40px; height:40px; display:grid; place-items:center; border:1px solid #5ef2a2; color:#5ef2a2; font:400 19px/1 'Silkscreen',monospace; }
.extra-wallet-info { min-width:0; }
.extra-wallet-info strong { display:block; color:#effaf2; font-size:19px; font-weight:500; }
.extra-wallet-info span { display:block; font:400 9px/1.6 'Silkscreen',monospace; color:#b4d0bf; margin-top:3px; }
.extra-wallet-install { grid-column:2/-1; font-size:13px; color:#b4d0bf; text-underline-offset:3px; width:fit-content; }
.extra-wallet-status { min-height:24px; color:#b4d0bf; font-size:15px; line-height:1.5; margin:22px 0 0!important; }
.extra-wallet-bottom { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:21px; padding-top:18px; border-top:1px solid #386052; font-size:13px; color:#b4d0bf; text-align:left; }
.extra-wallet-account { background:#082c24; border:1px solid #386052; margin-top:26px; padding:24px 18px; }
.extra-wallet-address { margin:13px 0 22px!important; color:#5ef2a2; font-family:monospace; font-size:14px; overflow-wrap:anywhere; user-select:all; }
.extra-account-actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.extra-account-actions .extra-button { font-size:9px; }
.extra-docs { max-width:900px; margin:0 auto; padding:28px 0 60px; }
.extra-docs-intro { margin-bottom:30px; }
.extra-docs-intro h2 { margin:14px 0 12px; }
.extra-docs-intro p { color:#b4d0bf; }
.extra-docs-list { border:1px solid var(--extra-line); box-shadow:6px 6px 0 #041c15; }
.extra-doc-item { background:var(--extra-panel); border-bottom:1px solid var(--extra-line); }
.extra-doc-item:last-child { border-bottom:0; }
.extra-doc-item summary { display:flex; align-items:center; gap:17px; padding:22px; cursor:pointer; list-style:none; }
.extra-doc-item summary::-webkit-details-marker { display:none; }
.extra-doc-number { color:#5ef2a2; font:400 9px/1 'Silkscreen',monospace; flex:none; }
.extra-doc-question { flex:1; font-size:20px; }
.extra-doc-plus { color:#5ef2a2; font:400 22px/1 monospace; }
.extra-doc-item[open] .extra-doc-plus { transform:rotate(45deg); }
.extra-doc-item[open] summary { color:#5ef2a2; }
.extra-doc-item p { padding:0 55px 25px; color:#c5ded0; font-size:17px; line-height:1.65; }
.extra-docs-links { display:flex; gap:24px; flex-wrap:wrap; margin-top:30px; }
.extra-docs-links a { color:#b4d0bf; font-size:14px; text-underline-offset:4px; }
.extra-docs-links a:hover { color:#5ef2a2; }
.extra-kit { padding:28px 0 60px; }
.extra-kit-head h2 { margin:14px 0 12px; }
.extra-kit-head p { color:#b4d0bf; }
.extra-kit-assets { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:32px; }
.extra-kit-asset { border:1px solid var(--extra-line); background:var(--extra-panel); box-shadow:6px 6px 0 #041c15; min-width:0; }
.extra-kit-art { min-height:260px; display:grid; place-items:center; background-color:#082c24; background-image:linear-gradient(#effaf209 1px,transparent 1px),linear-gradient(90deg,#effaf209 1px,transparent 1px); background-size:20px 20px; }
.extra-kit-art img { width:185px; height:185px; image-rendering:pixelated; max-width:75%; object-fit:contain; }
.extra-kit-icon img { width:155px; height:155px; border:1px solid #386052; box-shadow:7px 7px 0 #041c15; }
.extra-kit-asset-copy { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:19px 20px; border-top:1px solid var(--extra-line); flex-wrap:wrap; }
.extra-kit-asset-copy span { display:block; color:#b4d0bf; margin-top:6px; font:400 9px/1.5 'Silkscreen',monospace; }
.extra-kit-asset-copy .extra-button { font-size:9px; }
.extra-kit-colors { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:28px; }
.extra-color-chip { display:flex; align-items:center; gap:12px; padding:15px; border:1px solid #386052; background:#0e3b30; color:#effaf2; text-align:left; cursor:pointer; }
.extra-color-chip:hover { border-color:#5ef2a2; }
.extra-color-swatch { width:32px; height:32px; border:1px solid #6a9c81; flex:none; }
.extra-color-chip strong { display:block; font:400 17px/1.4 'Pixelify Sans',monospace; }
.extra-color-chip small { display:block; font:400 9px/1.6 'Silkscreen',monospace; color:#b4d0bf; }
.extra-kit-bio { display:flex; align-items:center; justify-content:space-between; gap:28px; border:1px solid #386052; background:#0e3b30; padding:24px; margin-top:24px; }
.extra-kit-bio p { margin-top:9px; max-width:680px; color:#c5ded0; }
.extra-kit-bio .extra-button { flex:none; }
.extra-kit-status { color:#5ef2a2; min-height:24px; font-size:14px; margin-top:16px!important; }
@media(max-width:700px) { .extra-kit-assets { grid-template-columns:1fr; } .extra-kit-colors { grid-template-columns:1fr; } .extra-kit-bio { flex-direction:column; align-items:flex-start; gap:16px; } .extra-wallet-panel { padding:22px 18px; } }
@media(max-width:430px) { .extra-wallet { padding-top:18px; } .extra-wallet-row { grid-template-columns:34px 1fr; padding:13px; gap:10px; } .extra-wallet-mark { width:32px; height:32px; } .extra-wallet-row .extra-button { grid-column:2; width:100%; } .extra-wallet-install { grid-column:2; } .extra-wallet-bottom { flex-direction:column; align-items:flex-start; } .extra-doc-item summary { gap:11px; padding:19px 15px; } .extra-doc-question { font-size:18px; } .extra-doc-item p { padding:0 18px 22px 38px; font-size:16px; } .extra-kit-art { min-height:230px; } .extra-account-actions .extra-button { width:100%; } }
@media(prefers-reduced-motion:reduce) { .sprat-extra * { transition:none!important; } }