:root {
                color-scheme: dark;
                --bg: #000;
                --panel: #080808;
                --panel-2: #0d0d0d;
                --ink: #f4f4f0;
                --muted: #a4a4a4;
                --line: #2a2a2a;
                --line-hi: #686868;
                --action: #d8ff45;
                --action-ink: #090b00;
                --error: #ff7773;
            }

            @media (prefers-color-scheme: dark) {
                :root {
                    --bg:#000;
                    --panel: #080808;
                    --panel-2: #0d0d0d;
                    --ink: #f4f4f0;
                    --muted: #a4a4a4;
                    --line: #2a2a2a;
                    --line-hi: #686868;
                    --action: #d8ff45;
                    --action-ink: #090b00;
                    --error: #ff7773;
                }
            }

            * {
                box-sizing: border-box;
            }

            html {
                scroll-behavior: smooth;
                scroll-padding-top: 90px;
            }

            body {
                margin: 0;
                min-width: 0;
                overflow-x: hidden;
                background: var(--bg);
                color: var(--ink);
                font-family: "DotGothic16",monospace;
                font-size: 15px;
                line-height: 1.72;
                letter-spacing: .045em;
                -webkit-font-smoothing: none;
                font-smooth: never;
                text-rendering: geometricPrecision;
                font-synthesis: none;
            }

            button,input {
                font: inherit;
            }

            button,a {
                -webkit-tap-highlight-color: transparent;
            }

            button:focus-visible,a:focus-visible {
                outline: 2px solid var(--action);
                outline-offset: 3px;
            }

            a {
                color: inherit;
                text-decoration: none;
            }

            img {
                display: block;
                max-width: 100%;
            }

            .container {
                width: min(1220px,calc(100% - 48px));
                margin-inline:auto; }

            .signal {
                width: 8px;
                height: 8px;
                background: var(--action);
                display: inline-block;
            }

            .protocol-bar {
                border-bottom: 1px solid var(--line);
                background: #030303;
            }

            .protocol-inner {
                min-height: 46px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 20px;
                color: var(--muted);
                font-size: 13px;
                line-height: 1.5;
                letter-spacing: .06em;
            }

            .protocol-badge {
                display: flex;
                align-items: center;
                gap: 10px;
                color: var(--ink);
            }

            .protocol-links {
                display: flex;
                align-items: center;
                gap: 24px;
            }

            .protocol-links a:hover {
                color: var(--ink);
            }

            header {
                position: sticky;
                top: 0;
                z-index: 30;
                border-bottom: 1px solid var(--line);
                background: rgba(0,0,0,.94);
                backdrop-filter: blur(10px);
            }

            .nav {
                min-height: 76px;
                display: flex;
                align-items: center;
                gap: 34px;
            }

            .wordmark {
                font: 400 28px/1 "VT323",monospace;
                letter-spacing: .18em;
            }

            .logo-img {
                display: block;
                aspect-ratio: 1;
                object-fit: cover;
                background: #000;
                flex: 0 0 auto;
            }

            .mark {
                width: 40px;
                height: 40px;
            }

            .brand {
                display: flex;
                align-items: center;
                gap: 12px;
            }

            .nav-links {
                margin-left: auto;
                display: flex;
                align-items: center;
                gap: 25px;
            }

            .nav-links a {
                color: var(--muted);
                font-size: 14px;
                line-height: 1.5;
                letter-spacing: .07em;
            }

            .nav-links a:hover {
                color: var(--ink);
            }

            .btn {
                min-height: 46px;
                padding: 0 18px;
                border: 1px solid var(--line-hi);
                background: #050505;
                color: var(--ink);
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
                cursor: pointer;
                text-transform: uppercase;
                font-size: 14px;
                line-height: 1.3;
                letter-spacing: .08em;
                transition: background .16s,color .16s,border-color .16s;
            }

            .btn:hover {
                border-color: var(--ink);
                background: #111;
            }

            .btn.primary {
                background: var(--action);
                color: var(--action-ink);
                border-color: var(--action);
            }

            .btn.primary:hover {
                background: #eeff9d;
            }

            .btn:disabled {
                cursor: not-allowed;
                color: #565656;
                border-color: var(--line);
                background: #080808;
            }

            .wallet-control {
                position: relative;
            }

            .wallet-short {
                max-width: 150px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .wallet-menu {
                position: absolute;
                top: calc(100% + 9px);
                right: 0;
                z-index: 45;
                width: 236px;
                border: 1px solid var(--line-hi);
                background: #050505;
                padding: 10px;
                box-shadow: 8px 8px 0 rgba(0,0,0,.72);
            }

            .wallet-menu[hidden] {
                display: none;
            }

            .wallet-menu-address {
                display: block;
                padding: 5px 7px 11px;
                color: var(--muted);
                font-size: 12px;
                line-height: 1.5;
                letter-spacing: .055em;
                overflow-wrap: anywhere;
            }

            .wallet-menu .btn {
                width: 100%;
            }

            .wallet-menu .btn + .btn {
                margin-top: 8px;
            }

            .wallet-menu .disconnect-btn {
                color: var(--error);
                border-color: #633c3a;
            }

            .wallet-menu .disconnect-btn:hover {
                border-color: var(--error);
                background: #170707;
            }

            .menu-btn {
                display: none;
                width: 44px;
                padding: 0;
            }

            section {
                border-bottom: 1px solid var(--line);
            }

            .hero {
                min-height: 710px;
                display: grid;
                align-items: center;
            }

            .hero-grid {
                display: grid;
                grid-template-columns: 1.02fr .98fr;
                gap: 72px;
                align-items: center;
                padding: 76px 0 86px;
            }

            .kicker {
                display: flex;
                align-items: center;
                gap: 12px;
                color: var(--muted);
                font-size: 14px;
                line-height: 1.6;
                letter-spacing: .07em;
            }

            .hero-logo {
                width: 34px;
                height: 34px;
            }

            h1 {
                margin: 22px 0 0;
                font: 400 clamp(62px,8.4vw,118px)/.78 "VT323",monospace;
                letter-spacing: .02em;
            }

            .lede {
                max-width: 590px;
                margin: 30px 0 0;
                color: #b5b5b5;
                font-size: 17px;
                line-height: 1.85;
                letter-spacing: .035em;
            }

            .hero-actions {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin-top: 34px;
            }

            .hero-actions .btn {
                min-height: 50px;
            }

            .meta-strip {
                margin-top: 36px;
                padding-top: 18px;
                border-top: 1px solid var(--line);
                display: grid;
                grid-template-columns: repeat(3,1fr);
                gap: 18px;
            }

            .meta-strip b {
                display: block;
                font: 400 25px/1 "VT323",monospace;
            }

            .meta-strip span {
                color: var(--muted);
                font-size: 13px;
                line-height: 1.6;
                letter-spacing: .07em;
                text-transform: uppercase;
            }

            .art-shell {
                position: relative;
                padding: 16px 16px 0;
                border: 1px solid var(--line-hi);
                background: #030303;
            }

            .art-shell::before,.art-shell::after {
                content: "";
                position: absolute;
                width: 23px;
                height: 23px;
                pointer-events: none;
            }

            .art-shell::before {
                top: -1px;
                left: -1px;
                border-top: 2px solid var(--ink);
                border-left: 2px solid var(--ink);
            }

            .art-shell::after {
                right: -1px;
                bottom: -1px;
                border-right: 2px solid var(--ink);
                border-bottom: 2px solid var(--ink);
            }

            .hero-art {
                width: 100%;
                aspect-ratio: 1;
                object-fit: cover;
                image-rendering: pixelated;
                background: #111;
            }

            .art-caption {
                min-height: 62px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 20px;
                font-size: 13px;
                line-height: 1.5;
                letter-spacing: .06em;
            }

            .art-caption span:last-child {
                color: var(--muted);
            }

            .art-control {
                position: absolute;
                right: -18px;
                top: 28px;
                width: 64px;
                height: 64px;
                border: 1px solid var(--ink);
                background: #000;
                color: var(--ink);
                display: grid;
                place-items: center;
                cursor: pointer;
            }

            .art-control:hover {
                background: var(--ink);
                color: var(--bg);
            }

            .symbols {
                display: grid;
                grid-template-columns: repeat(6,1fr);
                border-bottom: 1px solid var(--line);
            }

            .symbol-cell {
                min-height: 158px;
                padding: 25px 12px;
                border-right: 1px solid var(--line);
                display: grid;
                justify-items: center;
                align-content: center;
                gap: 14px;
                color: var(--muted);
                font-size: 13px;
                line-height: 1.45;
                letter-spacing: .08em;
                text-transform: uppercase;
            }

            .symbol-cell:last-child {
                border-right: 0;
            }

            .symbol-cell:hover {
                color: var(--ink);
                background: #050505;
            }

            .glyph {
                width: 58px;
                height: 58px;
                color: var(--ink);
                fill: none;
                stroke: currentColor;
                stroke-width: 1.45;
                stroke-linecap: square;
                stroke-linejoin: miter;
                vector-effect: non-scaling-stroke;
            }

            .section {
                padding: 104px 0;
            }

            .section-head {
                display: grid;
                grid-template-columns: minmax(0,1fr) minmax(280px,.65fr);
                gap: 50px;
                align-items: end;
                margin-bottom: 48px;
            }

            .index {
                color: var(--muted);
                font: 400 18px/1.2 "VT323",monospace;
                letter-spacing: .06em;
            }

            h2 {
                margin: 13px 0 0;
                font: 400 clamp(43px,5vw,68px)/.94 "VT323",monospace;
                letter-spacing: .03em;
            }

            .section-copy {
                margin: 0;
                color: #b0b0b0;
                font-size: 15px;
                line-height: 1.85;
                letter-spacing: .035em;
            }

            .mint-grid {
                display: grid;
                grid-template-columns: .8fr 1.2fr;
                border: 1px solid var(--line-hi);
            }

            .guide {
                border-right: 1px solid var(--line);
            }

            .guide-step {
                min-height: 152px;
                padding: 26px;
                border-bottom: 1px solid var(--line);
                display: grid;
                grid-template-columns: 54px 1fr;
                gap: 19px;
                position: relative;
            }

            .guide-step:last-child {
                border-bottom: 0;
            }

            .guide-step.active {
                background: #070707;
            }

            .step-num {
                width: 50px;
                height: 50px;
                border: 1px solid var(--line-hi);
                display: grid;
                place-items: center;
                font: 400 26px/1 "VT323",monospace;
            }

            .guide-step.active .step-num {
                border-color: var(--ink);
                color: var(--action);
            }

            .guide-step h3 {
                margin: 2px 0 8px;
                font-size: 15px;
                line-height: 1.5;
                letter-spacing: .06em;
                font-weight: 400;
            }

            .guide-step p {
                margin: 0;
                color: var(--muted);
                font-size: 14px;
                line-height: 1.75;
                letter-spacing: .035em;
            }

            .mint-console {
                padding: 34px;
                min-width: 0;
            }

            .console-top {
                display: flex;
                justify-content: space-between;
                gap: 22px;
                padding-bottom: 22px;
                border-bottom: 1px solid var(--line);
            }

            .console-state {
                color: var(--muted);
                font-size: 13px;
                line-height: 1.5;
                letter-spacing: .07em;
            }

            .console-state b {
                display: block;
                color: var(--ink);
                font: 400 26px/1.2 "VT323",monospace;
                margin-top: 5px;
                letter-spacing: .04em;
            }

            .network {
                display: flex;
                align-items: center;
                gap: 8px;
                color: var(--muted);
                font-size: 13px;
                line-height: 1.5;
                letter-spacing: .06em;
                text-align: right;
            }

            .network i {
                width: 8px;
                height: 8px;
                border: 1px solid var(--muted);
                border-radius: 50%;
            }

            .phase-choice {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 10px;
                margin-top: 26px;
            }

            .phase-card {
                position: relative;
                padding: 22px;
                min-height: 154px;
                border: 1px solid var(--line);
                background: #030303;
                color: var(--muted);
                cursor: pointer;
                text-align: left;
            }

            .phase-card.selected {
                border-color: var(--ink);
                color: var(--ink);
            }

            .phase-card .choice-mark {
                position: absolute;
                top: 14px;
                right: 14px;
                width: 12px;
                height: 12px;
                border: 1px solid currentColor;
            }

            .phase-card.selected .choice-mark {
                background: var(--action);
                border-color: var(--action);
            }

            .phase-card strong {
                display: block;
                font: 400 31px/1 "VT323",monospace;
                color: var(--ink);
                margin: 22px 0 9px;
            }

            .phase-card small {
                font-size: 13px;
                line-height: 1.7;
                letter-spacing: .055em;
            }

            .mint-controls {
                margin-top: 22px;
                display: grid;
                grid-template-columns: 1fr auto;
                gap: 10px;
            }

            .quantity {
                display: grid;
                grid-template-columns: 50px 1fr 50px;
                border: 1px solid var(--line-hi);
            }

            .quantity button {
                border: 0;
                background: #080808;
                color: var(--ink);
                cursor: pointer;
                font-size: 20px;
            }

            .quantity output {
                display: grid;
                place-items: center;
                border-inline:1px solid var(--line); font: 400 27px/1 "VT323",monospace;
            }

            .mint-main {
                min-width: 210px;
            }

            .tx-status {
                display: none;
                margin-top: 14px;
                padding: 15px 16px;
                border: 1px solid var(--line);
                color: var(--muted);
                font-size: 14px;
                line-height: 1.65;
                letter-spacing: .035em;
                overflow-wrap: anywhere;
            }

            .tx-status.show {
                display: block;
            }

            .tx-status.error {
                border-color: var(--error);
                color: var(--error);
            }

            .tx-status.success {
                border-color: var(--action);
                color: var(--ink);
                padding: 0;
                background: #050700;
                overflow: hidden;
            }

            .mint-arrival {
                display: grid;
                grid-template-columns: 58px 1fr;
                min-height: 118px;
            }

            .mint-arrival-mark {
                display: grid;
                place-items: center;
                border-right: 1px solid #40500f;
                color: var(--action);
                background: #090d00;
                font: 400 34px/1 "VT323",monospace;
                animation: arrivalPulse 1.8s steps(2,end) infinite;
            }

            .mint-arrival-body {
                min-width: 0;
                padding: 17px 19px 16px;
            }

            .mint-arrival-title {
                color: var(--action);
                font: 400 27px/1.05 "VT323",monospace;
                letter-spacing: .06em;
            }

            .mint-arrival-meta {
                margin-top: 10px;
                display: flex;
                flex-wrap: wrap;
                gap: 5px 18px;
                color: var(--muted);
                font: 400 14px/1.5 "VT323",monospace;
                letter-spacing: .055em;
            }

            .mint-arrival-meta b {
                color: var(--ink);
                font-weight: 400;
            }

            .mint-arrival-link {
                display: inline-block;
                margin-top: 9px;
                color: var(--ink);
                font-size: 12px;
                letter-spacing: .075em;
                border-bottom: 1px solid var(--line-hi);
            }

            .mint-arrival-link:hover {
                color: var(--action);
                border-color: var(--action);
            }

            @keyframes arrivalPulse {
                50% {
                    background: var(--action);
                    color: var(--action-ink);
                }
            }

            .progress {
                margin-top: 25px;
            }

            .progress-head {
                display: flex;
                justify-content: space-between;
                gap: 20px;
                color: var(--muted);
                font-size: 13px;
                line-height: 1.5;
                letter-spacing: .06em;
            }

            .progress-track {
                height: 4px;
                background: #202020;
                margin-top: 10px;
            }

            .progress-fill {
                width: 0%;
                height: 100%;
                background: var(--ink);
                transition: width .4s;
            }

            .game-shell {
                border: 1px solid var(--line-hi);
                background: #020202;
                margin-bottom: 24px;
            }

            .game-top {
                min-height: 76px;
                padding: 16px 20px;
                border-bottom: 1px solid var(--line);
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 24px;
            }

            .game-title {
                display: flex;
                align-items: center;
                gap: 14px;
                min-width: 0;
            }

            .game-title-mark {
                width: 38px;
                height: 38px;
            }

            .game-title small {
                display: block;
                color: var(--muted);
                font-size: 12px;
                line-height: 1.4;
                letter-spacing: .08em;
            }

            .game-title strong {
                display: block;
                margin-top: 2px;
                font: 400 25px/1 "VT323",monospace;
                letter-spacing: .055em;
            }

            .game-hud {
                display: flex;
                align-items: center;
                gap: 24px;
                color: var(--muted);
                font-size: 13px;
                line-height: 1.4;
                letter-spacing: .06em;
            }

            .game-hud b {
                color: var(--ink);
                font: 400 24px/1 "VT323",monospace;
                letter-spacing: .04em;
            }

            .game-sound {
                min-height: 38px;
                padding: 0 11px;
                font-size: 12px;
            }

            .game-stage {
                position: relative;
                width: 100%;
                background: #000;
                overflow: hidden;
            }

            #nightCanvas {
                display: block;
                width: 100%;
                aspect-ratio: 640/380;
                background: #000;
                image-rendering: pixelated;
                touch-action: none;
                cursor: crosshair;
            }

            .game-overlay {
                position: absolute;
                inset: 0;
                display: grid;
                place-items: center;
                padding: 26px;
                background: rgba(0,0,0,.78);
                text-align: center;
            }

            .game-overlay.hidden {
                display: none;
            }

            .game-overlay.win {
                background: rgba(0,0,0,.5);
            }

            .game-message {
                width: min(520px,100%);
            }

            .game-message h3 {
                margin: 0;
                font: 400 clamp(38px,6vw,66px)/.9 "VT323",monospace;
                letter-spacing: .04em;
            }

            .game-message p {
                max-width: 480px;
                margin: 18px auto 22px;
                color: #b7b7b7;
                font-size: 14px;
                line-height: 1.8;
                letter-spacing: .04em;
            }

            .game-message .btn {
                min-width: 190px;
            }

            .game-reveal {
                position: absolute;
                inset: 0;
                z-index: 5;
                display: grid;
                place-items: center;
                padding: 20px;
                background: #000;
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
                transition: opacity .7s ease,visibility 0s linear .7s;
            }

            .game-reveal.active {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
                transition: opacity .7s ease,visibility 0s;
            }

            .coding-sequence {
                width: min(370px,82%);
                text-align: center;
            }

            .coding-video {
                width: min(260px,70vw);
                aspect-ratio: 1;
                margin: 0 auto;
                object-fit: cover;
                opacity: 0;
                filter: brightness(.12) contrast(1.15);
                transform: scale(.975);
                image-rendering: pixelated;
            }

            .game-reveal.active .coding-video {
                animation: materialize 2.8s ease-out .25s forwards;
            }

            .coding-label {
                margin: 17px 0 14px;
                color: var(--ink);
                font: 400 clamp(19px,3.5vw,27px)/1.15 "VT323",monospace;
                letter-spacing: .09em;
                opacity: 0;
            }

            .game-reveal.active .coding-label {
                animation: reveal-code .8s steps(5,end) 1.25s forwards;
            }

            .coding-bar {
                height: 17px;
                padding: 3px;
                border: 1px solid #6b6b6b;
                background: #060606;
                opacity: 0;
            }

            .game-reveal.active .coding-bar {
                animation: reveal-code .55s steps(4,end) 1.65s forwards;
            }

            .coding-bar-fill {
                width: 0;
                height: 100%;
                background: repeating-linear-gradient(90deg,var(--ink) 0 8px,#000 8px 10px);
                transition: width 3.7s linear;
            }

            .game-reveal.loading .coding-bar-fill {
                width: 100%;
            }

            .game-reveal.complete .coding-label {
                color: var(--action);
                text-shadow: 0 0 16px rgba(216,255,69,.34);
            }

            .game-reveal.complete .coding-bar {
                border-color: var(--action);
            }

            .game-reveal.complete .coding-bar-fill {
                background: var(--action);
            }

            @keyframes materialize {
                0% {
                    opacity: 0;
                    filter: brightness(.08) contrast(1.2);
                    transform: scale(.975)
                }

                55% {
                    opacity: .42;
                    filter: brightness(.48) contrast(1.12)
                }

                100% {
                    opacity: 1;
                    filter: brightness(1) contrast(1);
                    transform: scale(1)
                }
            }

            @keyframes reveal-code {
                to {
                    opacity: 1
                }
            }

            .game-controls-note {
                min-height: 54px;
                padding: 12px 20px;
                border-top: 1px solid var(--line);
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 18px;
                color: var(--muted);
                font-size: 12px;
                line-height: 1.6;
                letter-spacing: .06em;
            }

            .game-controls-note span:last-child {
                color: var(--ink);
                text-align: right;
            }

            .game-shell.won {
                border-color: var(--action);
            }

            .mint-grid[hidden] {
                display: none;
            }

            .system-console {
                border: 1px solid var(--line-hi);
                background: #020202;
                overflow: hidden;
            }

            .system-console-head {
                min-height: 116px;
                padding: 26px 30px;
                display: grid;
                grid-template-columns: minmax(260px,.7fr) minmax(0,1.3fr);
                gap: 40px;
                align-items: center;
                border-bottom: 1px solid var(--line);
            }

            .system-console-title {
                display: flex;
                align-items: center;
                gap: 13px;
                font: 400 clamp(27px,3vw,39px)/1 "VT323",monospace;
                letter-spacing: .045em;
            }

            .system-cursor {
                width: 10px;
                height: 30px;
                background: var(--ink);
                animation: systemBlink 1s steps(1,end) infinite;
                flex: 0 0 auto;
            }

            .system-message {
                margin: 0;
                min-height: 3.4em;
                display: flex;
                align-items: center;
                color: #b7b7b7;
                font-size: 14px;
                line-height: 1.7;
                letter-spacing: .035em;
            }

            .system-grid {
                display: grid;
                grid-template-columns: repeat(4,1fr);
                gap: 1px;
                background: var(--line);
            }

            .system-card {
                min-width: 0;
                min-height: 214px;
                padding: 27px 20px 23px;
                background: #020202;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                opacity: 1;
                transform: none;
            }

            .system-console.active .system-card {
                animation: systemIn .55s steps(5,end) forwards;
            }

            .system-console.active .system-card:nth-child(2) {
                animation-delay: .08s;
            }

            .system-console.active .system-card:nth-child(3) {
                animation-delay: .16s;
            }

            .system-console.active .system-card:nth-child(4) {
                animation-delay: .24s;
            }

            .system-console.active .system-card:nth-child(5) {
                animation-delay: .32s;
            }

            .system-console.active .system-card:nth-child(6) {
                animation-delay: .4s;
            }

            .system-console.active .system-card:nth-child(7) {
                animation-delay: .48s;
            }

            .system-console.active .system-card:nth-child(8) {
                animation-delay: .56s;
            }

            .system-icon {
                width: 62px;
                height: 62px;
                margin-bottom: 23px;
                display: grid;
                place-items: center;
                color: var(--ink);
            }

            .system-icon svg {
                width: 100%;
                height: 100%;
                fill: none;
                stroke: currentColor;
                stroke-width: 1.45;
                stroke-linecap: square;
                stroke-linejoin: miter;
                overflow: visible;
            }

            .system-nft {
                width: 58px;
                height: 58px;
                object-fit: cover;
                image-rendering: pixelated;
                border: 1px solid var(--line-hi);
                animation: systemFloat 3.6s ease-in-out infinite;
            }

            .system-card strong {
                font-weight: 400;
                font-size: 14px;
                line-height: 1.55;
                letter-spacing: .055em;
            }

            .system-card small {
                margin-top: 8px;
                color: var(--muted);
                font-size: 12px;
                line-height: 1.65;
                letter-spacing: .045em;
            }

            .system-pulse {
                animation: systemPulse 2.8s ease-in-out infinite;
                transform-origin: center;
            }

            .system-spin {
                animation: systemSpin 14s linear infinite;
                transform-origin: center;
            }

            .system-float {
                animation: systemFloat 3.6s ease-in-out infinite;
            }

            .system-flow {
                stroke-dasharray: 7 5;
                animation: systemDash 2.8s linear infinite;
            }

            .system-contracts {
                min-height: 62px;
                padding: 15px 20px;
                border-top: 1px solid var(--line);
                display: grid;
                grid-template-columns: 1fr 1fr auto;
                gap: 20px;
                align-items: center;
                color: #787878;
                font: 400 14px/1.45 "VT323",monospace;
                letter-spacing: .045em;
                overflow-wrap: anywhere;
            }

            .system-contracts b {
                color: var(--ink);
                font-weight: 400;
            }

            .address-scramble {
                display: inline;
                color: inherit;
                font: inherit;
                letter-spacing: inherit;
                overflow-wrap: anywhere;
            }

            .address-scramble.scrambling {
                color: #aebf72;
                text-shadow: 0 0 9px rgba(216,255,69,.23);
            }

            .system-status {
                display: flex;
                align-items: center;
                gap: 9px;
                white-space: nowrap;
            }

            .system-status .signal {
                background: var(--ink);
                animation: systemPulse 2s ease-in-out infinite;
            }

            @keyframes systemBlink {
                50% {
                    opacity: 0;
                }
            }

            @keyframes systemIn {
                from {
                    opacity: 0;
                    transform: translateY(10px);
                }

                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            @keyframes systemPulse {
                50% {
                    opacity: .42;
                    transform: scale(.92);
                }
            }

            @keyframes systemSpin {
                to {
                    transform: rotate(360deg);
                }
            }

            @keyframes systemFloat {
                50% {
                    transform: translateY(-5px);
                }
            }

            @keyframes systemDash {
                to {
                    stroke-dashoffset: -24;
                }
            }

            .utility-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                border: 1px solid var(--line-hi);
            }

            .utility-card {
                min-height: 420px;
                padding: 42px;
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
            }

            .utility-card:first-child {
                border-right: 1px solid var(--line);
            }

            .utility-icon {
                width: 118px;
                height: 118px;
                color: var(--ink);
                fill: none;
                stroke: currentColor;
                stroke-width: 1.3;
                margin-bottom: 36px;
            }

            .utility-card h3 {
                margin: 0;
                font: 400 40px/1 "VT323",monospace;
            }

            .utility-card p {
                color: var(--muted);
                font-size: 15px;
                max-width: 430px;
                line-height: 1.85;
                letter-spacing: .035em;
            }

            .utility-meta {
                margin: auto 0 0;
                padding-top: 28px;
                width: 100%;
                border-top: 1px solid var(--line);
                display: flex;
                justify-content: space-between;
                gap: 20px;
                font-size: 13px;
                line-height: 1.55;
                letter-spacing: .055em;
                color: var(--muted);
            }

            .staking-stats {
                margin-top: 38px;
                border: 1px solid var(--line-hi);
                display: grid;
                grid-template-columns: repeat(4,1fr);
            }

            .staking-stat {
                min-height: 132px;
                padding: 25px;
                border-right: 1px solid var(--line);
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                gap: 17px;
            }

            .staking-stat:last-child {
                border-right: 0;
            }

            .staking-stat span {
                color: var(--muted);
                font-size: 12px;
                line-height: 1.55;
                letter-spacing: .07em;
            }

            .staking-stat strong {
                font: 400 28px/1.1 "VT323",monospace;
                letter-spacing: .035em;
            }

            .staking-flow {
                margin-top: 1px;
                border: 1px solid var(--line-hi);
                display: grid;
                grid-template-columns: repeat(3,1fr);
            }

            .floor-warning {
                margin-top: 38px;
                border: 2px solid var(--error);
                background: #100202;
                position: relative;
                overflow: hidden;
                animation: floorPulse 1.15s steps(2,end) infinite;
            }

            .floor-warning::before {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                width: 74px;
                background: linear-gradient(90deg,transparent,rgba(255,119,115,.14),transparent);
                transform: skewX(-16deg);
                animation: floorSweep 2.1s steps(12,end) infinite;
                pointer-events: none;
            }

            .floor-warning-head {
                min-height: 50px;
                padding: 10px 18px;
                border-bottom: 1px solid #7a3937;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 18px;
                color: var(--error);
                font: 400 18px/1.25 "VT323",monospace;
                letter-spacing: .09em;
            }

            .floor-warning-status {
                display: flex;
                align-items: center;
                gap: 9px;
                color: var(--ink);
                white-space: nowrap;
            }

            .floor-warning-status i {
                width: 9px;
                height: 9px;
                background: var(--error);
                animation: systemBlink .58s steps(1,end) infinite;
            }

            .floor-warning-body {
                padding: 23px 24px 25px;
            }

            .floor-warning strong {
                display: block;
                color: #fff;
                font: 400 clamp(27px,3.3vw,40px)/1.08 "VT323",monospace;
                letter-spacing: .045em;
                text-wrap: balance;
            }

            .floor-warning p {
                margin: 13px 0 0;
                color: #ffaaa7;
                font-size: 13px;
                line-height: 1.75;
                letter-spacing: .055em;
            }

            @keyframes floorPulse {
                50% {
                    border-color: #ffb4b1;
                }
            }

            @keyframes floorSweep {
                from {
                    left: -90px;
                }

                to {
                    left: calc(100% + 90px);
                }
            }

            .flow-step {
                min-height: 154px;
                padding: 26px;
                border-right: 1px solid var(--line);
                display: grid;
                grid-template-columns: 40px 1fr;
                gap: 17px;
                align-content: start;
            }

            .flow-step:last-child {
                border-right: 0;
            }

            .flow-step b {
                width: 38px;
                height: 38px;
                border: 1px solid var(--line-hi);
                display: grid;
                place-items: center;
                color: var(--action);
                font: 400 22px/1 "VT323",monospace;
            }

            .flow-step strong {
                display: block;
                font-size: 14px;
                line-height: 1.55;
                font-weight: 400;
                letter-spacing: .055em;
            }

            .flow-step p {
                margin: 8px 0 0;
                color: var(--muted);
                font-size: 13px;
                line-height: 1.75;
                letter-spacing: .035em;
            }

            .staking-app {
                margin-top: 38px;
                border: 1px solid var(--line-hi);
                background: #020202;
            }

            .staking-dashboard {
                display: grid;
                grid-template-columns: 1.2fr repeat(3,1fr);
                border-bottom: 1px solid var(--line-hi);
            }

            .staking-dashboard-item {
                min-height: 136px;
                padding: 24px;
                border-right: 1px solid var(--line);
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                gap: 18px;
            }

            .staking-dashboard-item:last-child {
                border-right: 0;
            }

            .staking-dashboard-item span {
                color: var(--muted);
                font-size: 12px;
                line-height: 1.55;
                letter-spacing: .07em;
            }

            .staking-dashboard-item strong {
                font: 400 clamp(25px,3vw,35px)/1 "VT323",monospace;
                letter-spacing: .04em;
                overflow-wrap: anywhere;
            }

            .staking-dashboard-item:first-child strong {
                color: var(--action);
            }

            .staking-connect {
                min-height: 66px;
                padding: 12px 18px;
                border-bottom: 1px solid var(--line);
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 18px;
            }

            .staking-connect-copy {
                color: var(--muted);
                font-size: 13px;
                line-height: 1.65;
                letter-spacing: .045em;
            }

            .staking-connect-copy strong {
                display: block;
                color: var(--ink);
                font-weight: 400;
            }

            .staking-live-dot {
                display: inline-block;
                width: 8px;
                height: 8px;
                margin-right: 9px;
                background: var(--action);
                animation: systemPulse 2s ease-in-out infinite;
            }

            .staking-watch {
                min-height: 74px;
                padding: 13px 18px;
                border-bottom: 1px solid var(--line);
                display: grid;
                grid-template-columns: minmax(0,1fr) auto;
                gap: 10px;
                align-items: center;
            }

            .staking-watch input {
                width: 100%;
                min-width: 0;
                min-height: 46px;
                border: 1px solid var(--line-hi);
                background: #050505;
                color: var(--ink);
                padding: 0 14px;
                outline: 0;
                font-family: "VT323",monospace;
                font-size: 18px;
                letter-spacing: .035em;
            }

            .staking-watch input:focus {
                border-color: var(--action);
            }

            .staking-watch input::placeholder {
                color: #686868;
            }

            .staking-watch-note {
                grid-column: 1/-1;
                color: var(--muted);
                font-size: 11px;
                line-height: 1.6;
                letter-spacing: .05em;
            }

            .staking-columns {
                display: grid;
                grid-template-columns: 1fr 1fr;
            }

            .staking-pane {
                min-width: 0;
            }

            .staking-pane:first-child {
                border-right: 1px solid var(--line-hi);
            }

            .staking-pane-head {
                min-height: 106px;
                padding: 21px 22px;
                border-bottom: 1px solid var(--line);
                display: flex;
                align-items: flex-end;
                justify-content: space-between;
                gap: 20px;
            }

            .staking-pane-title span {
                display: block;
                color: var(--muted);
                font-size: 12px;
                line-height: 1.5;
                letter-spacing: .07em;
            }

            .staking-pane-title h3 {
                margin: 6px 0 0;
                font: 400 34px/1 "VT323",monospace;
                letter-spacing: .04em;
            }

            .select-toggle {
                border: 0;
                border-bottom: 1px solid var(--line-hi);
                background: transparent;
                color: var(--muted);
                padding: 5px 0;
                cursor: pointer;
                font-size: 12px;
                letter-spacing: .07em;
            }

            .select-toggle:hover {
                color: var(--ink);
                border-color: var(--ink);
            }

            .stake-grid {
                min-height: 342px;
                padding: 14px;
                display: grid;
                grid-template-columns: repeat(2,minmax(0,1fr));
                gap: 10px;
                align-content: start;
            }

            .stake-empty {
                grid-column: 1/-1;
                min-height: 300px;
                padding: 34px;
                display: grid;
                place-items: center;
                text-align: center;
                border: 1px dashed #303030;
                color: var(--muted);
                font-size: 13px;
                line-height: 1.85;
                letter-spacing: .04em;
            }

            .stake-empty strong {
                display: block;
                color: var(--ink);
                font: 400 28px/1.1 "VT323",monospace;
                letter-spacing: .045em;
                margin-bottom: 10px;
            }

            .stake-card {
                position: relative;
                min-width: 0;
                border: 1px solid var(--line);
                background: #060606;
                cursor: pointer;
            }

            .stake-card.selected {
                border-color: var(--action);
            }

            .stake-card.locked {
                opacity: .52;
                cursor: not-allowed;
            }

            .stake-card input {
                position: absolute;
                top: 12px;
                right: 12px;
                z-index: 2;
                width: 20px;
                height: 20px;
                margin: 0;
                accent-color: var(--action);
                cursor: pointer;
            }

            .stake-card.locked input {
                cursor: not-allowed;
            }

            .stake-card-media {
                position: relative;
                width: 100%;
                aspect-ratio: 1;
                overflow: hidden;
                background: #0d0d0d;
            }

            .stake-card-media::before {
                content: "LOADING BIT";
                position: absolute;
                inset: 0;
                display: grid;
                place-items: center;
                padding: 16px;
                color: #777;
                font: 400 16px/1.35 "VT323",monospace;
                letter-spacing: .07em;
                text-align: center;
                background: repeating-linear-gradient(135deg,#0b0b0b 0 9px,#101010 9px 18px);
                animation: stakeImagePulse 1.1s steps(2,end) infinite;
            }

            .stake-card-media img {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                image-rendering: pixelated;
                opacity: 0;
                transition: opacity .14s linear;
            }

            .stake-card-media.loaded img {
                opacity: 1;
            }

            .stake-card-media.loaded::before {
                display: none;
            }

            .stake-card-media.error::before {
                content: attr(data-error);
                color: var(--muted);
                animation: none;
                background: #0b0b0b;
            }

            .stake-card-skeleton {
                min-height: 272px;
                border: 1px solid var(--line);
                background: repeating-linear-gradient(135deg,#080808 0 12px,#0e0e0e 12px 24px);
                animation: stakeImagePulse 1.1s steps(2,end) infinite;
            }

            .stake-scan {
                grid-column: 1/-1;
                min-height: 300px;
                border: 1px dashed #3b3b3b;
                display: grid;
                place-items: center;
                padding: 34px;
                position: relative;
                overflow: hidden;
                text-align: center;
                background: #030303;
            }

            .stake-scan::after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                height: 1px;
                background: var(--action);
                box-shadow: 0 0 10px rgba(216,255,69,.65);
                animation: stakeScanLine 1.35s steps(10,end) infinite;
            }

            .stake-scan-core {
                width: min(310px,100%);
            }

            .stake-scan-mark {
                width: 34px;
                height: 34px;
                margin: 0 auto 19px;
                border: 1px solid var(--ink);
                position: relative;
                animation: scan 1s steps(4,end) infinite;
            }

            .stake-scan-mark::before {
                content: "";
                position: absolute;
                width: 8px;
                height: 8px;
                left: 12px;
                top: 12px;
                background: var(--action);
            }

            .stake-scan strong {
                display: block;
                font: 400 27px/1.1 "VT323",monospace;
                letter-spacing: .08em;
                color: var(--ink);
            }

            .scan-dots {
                display: inline-block;
                width: 1.15em;
                text-align: left;
                overflow: hidden;
                vertical-align: bottom;
                animation: scanDots 1s steps(4,end) infinite;
            }

            .stake-scan-bar {
                height: 5px;
                margin-top: 20px;
                background: #171717;
                overflow: hidden;
            }

            .stake-scan-bar i {
                display: block;
                width: 38%;
                height: 100%;
                background: var(--action);
                animation: stakeScanBar 1.25s steps(10,end) infinite;
            }

            @keyframes stakeImagePulse {
                50% {
                    opacity: .56;
                }
            }

            @keyframes stakeScanLine {
                from {
                    transform: translateY(0);
                }

                to {
                    transform: translateY(298px);
                }
            }

            @keyframes stakeScanBar {
                from {
                    transform: translateX(-105%);
                }

                to {
                    transform: translateX(275%);
                }
            }

            @keyframes scanDots {
                0% {
                    width: 0;
                }

                100% {
                    width: 1.15em;
                }
            }

            .stake-card-body {
                padding: 13px;
            }

            .stake-card-title {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                font: 400 20px/1 "VT323",monospace;
            }

            .tier-badge {
                padding: 3px 6px;
                border: 1px solid var(--line-hi);
                color: var(--action);
                font: 400 14px/1 "VT323",monospace;
            }

            .stake-card-metric {
                margin-top: 10px;
                display: flex;
                justify-content: space-between;
                gap: 10px;
                color: var(--muted);
                font-size: 11px;
                line-height: 1.55;
                letter-spacing: .05em;
            }

            .stake-card-metric b {
                color: var(--ink);
                font-weight: 400;
                text-align: right;
            }

            .stake-actions {
                min-height: 74px;
                padding: 13px 14px;
                border-top: 1px solid var(--line);
                display: grid;
                grid-template-columns: 1fr;
                gap: 9px;
            }

            .stake-actions.dual {
                grid-template-columns: 1fr 1fr;
            }

            .stake-actions .btn {
                width: 100%;
                min-width: 0;
                padding-inline:10px; }

            .staking-status {
                display: none;
                margin: 0 14px 14px;
                padding: 13px 14px;
                border: 1px solid var(--line);
                color: var(--muted);
                font-size: 12px;
                line-height: 1.7;
                letter-spacing: .04em;
                overflow-wrap: anywhere;
            }

            .staking-status.show {
                display: block;
            }

            .staking-status.error {
                border-color: var(--error);
                color: var(--error);
            }

            .staking-status.success {
                border-color: var(--action);
                color: var(--ink);
            }

            .staking-contracts {
                padding: 15px 18px;
                border-top: 1px solid var(--line-hi);
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 12px 24px;
                color: #777;
                font: 400 14px/1.5 "VT323",monospace;
                letter-spacing: .045em;
                overflow-wrap: anywhere;
            }

            .staking-contracts b {
                color: var(--ink);
                font-weight: 400;
            }

            .launch-state {
                margin-top: 1px;
                padding: 16px 20px;
                border: 1px solid var(--line-hi);
                display: flex;
                justify-content: space-between;
                gap: 24px;
                color: var(--muted);
                font-size: 13px;
                line-height: 1.65;
                letter-spacing: .045em;
            }

            .launch-state strong {
                color: var(--ink);
                font-weight: 400;
            }

            .fee-line {
                margin-top: 38px;
                border: 1px solid var(--line-hi);
                display: grid;
                grid-template-columns: 1fr 1fr;
            }

            .execution-proof {
                border: 1px solid var(--line-hi);
                border-top: 0;
                padding: 24px 28px;
                display: grid;
                grid-template-columns: auto 1fr;
                align-items: center;
                gap: 24px;
            }

            .execution-proof strong {
                color: var(--action);
                font: 400 27px/1 "VT323",monospace;
                white-space: nowrap;
            }

            .execution-proof p {
                margin: 0;
                color: var(--muted);
                font-size: 13px;
                line-height: 1.75;
                letter-spacing: .04em;
            }

            .distribution {
                margin-top: 38px;
                border: 1px solid var(--line-hi);
            }

            .distribution-head {
                padding: 26px 30px;
                border-bottom: 1px solid var(--line);
                display: flex;
                justify-content: space-between;
                align-items: end;
                gap: 28px;
            }

            .distribution-head h3 {
                margin: 0;
                font: 400 37px/1 "VT323",monospace;
                letter-spacing: .035em;
            }

            .distribution-head span {
                color: var(--muted);
                font-size: 12px;
                line-height: 1.55;
                letter-spacing: .07em;
                text-align: right;
            }

            .distribution-grid {
                display: grid;
                grid-template-columns: repeat(4,1fr);
            }

            .allocation {
                min-height: 190px;
                padding: 25px;
                border-right: 1px solid var(--line);
                display: flex;
                flex-direction: column;
            }

            .allocation:last-child {
                border-right: 0;
            }

            .allocation-share {
                color: var(--action);
                font: 400 43px/1 "VT323",monospace;
            }

            .allocation strong {
                display: block;
                margin-top: 16px;
                font-size: 14px;
                line-height: 1.55;
                font-weight: 400;
                letter-spacing: .055em;
            }

            .allocation p {
                margin: 8px 0 0;
                color: var(--muted);
                font-size: 12px;
                line-height: 1.7;
                letter-spacing: .035em;
            }

            .allocation p b {
                color: var(--ink);
                font-weight: 400;
            }

            .distribution-note {
                padding: 21px 25px;
                border-top: 1px solid var(--line);
                color: var(--muted);
                font-size: 13px;
                line-height: 1.8;
                letter-spacing: .035em;
            }

            .distribution-note b {
                color: var(--ink);
                font-weight: 400;
            }

            .fee-half {
                min-height: 176px;
                padding: 34px;
                display: grid;
                grid-template-columns: auto 1fr;
                align-items: center;
                gap: 24px;
            }

            .fee-half:first-child {
                border-right: 1px solid var(--line);
            }

            .fee-half b {
                font: 400 57px/1 "VT323",monospace;
            }

            .fee-half p {
                margin: 0;
                color: #b6b6b6;
                font-size: 14px;
                line-height: 1.8;
                letter-spacing: .04em;
            }

            .protocol-panel {
                border: 1px solid var(--line-hi);
                display: grid;
                grid-template-columns: .8fr 1.2fr;
            }

            .protocol-visual {
                min-height: 350px;
                border-right: 1px solid var(--line);
                display: grid;
                place-items: center;
            }

            .protocol-visual svg {
                width: 180px;
                height: 180px;
                fill: none;
                stroke: var(--ink);
                stroke-width: 1.2;
            }

            .protocol-info {
                padding: 42px;
            }

            .protocol-info h3 {
                margin: 0 0 16px;
                font: 400 40px/1.1 "VT323",monospace;
            }

            .protocol-info p {
                color: var(--muted);
                font-size: 15px;
                line-height: 1.85;
                letter-spacing: .035em;
            }

            .ca {
                margin: 27px 0;
                padding: 16px;
                border: 1px solid var(--line);
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 20px;
                overflow-wrap: anywhere;
                font: 400 18px/1.5 "VT323",monospace;
                letter-spacing: .035em;
            }

            .ca span {
                color: var(--muted);
                font-family: "DotGothic16",monospace;
                font-size: 13px;
                line-height: 1.5;
                letter-spacing: .06em;
                flex: 0 0 auto;
            }

            .token-ca-mask {
                margin: -16px 0 27px;
                min-height: 58px;
                padding: 12px 14px;
                border: 1px solid var(--line);
                display: grid;
                grid-template-columns: auto minmax(0,1fr) auto;
                align-items: center;
                gap: 14px;
                background: #020202;
                overflow: hidden;
            }

            .token-ca-mask > span:first-child {
                color: var(--muted);
                font-size: 13px;
                line-height: 1.5;
                letter-spacing: .06em;
                white-space: nowrap;
            }

            .token-ca-code {
                min-width: 0;
                overflow-wrap: anywhere;
                color: var(--action);
                font: 400 20px/1.4 "VT323",monospace;
                letter-spacing: .055em;
                white-space: normal;
                text-shadow: 0 0 9px rgba(216,255,69,.23);
            }

            .token-ca-code.scrambling {
                color: #aebf72;
            }

            .token-ca-signal {
                width: 9px;
                height: 9px;
                background: var(--action);
                animation: systemBlink .7s steps(1,end) infinite;
            }

            .ca-copy {
                min-height: 34px;
                padding: 0 10px;
                border: 1px solid var(--line-hi);
                background: #070707;
                color: var(--ink);
                cursor: pointer;
                font: 400 16px/1 "VT323",monospace;
                letter-spacing: .08em;
            }

            .ca-copy:hover {
                border-color: var(--action);
                color: var(--action);
            }

            .token-ca-inline {
                display: inline-flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 8px;
            }

            .token-ca-inline .token-ca-code {
                font-size: 15px;
                color: var(--ink);
                text-shadow: none;
            }

            .token-ca-inline .ca-copy {
                min-height: 27px;
                padding-inline:8px; font-size: 13px;
            }

            .gallery {
                display: grid;
                grid-template-columns: repeat(4,1fr);
                gap: 1px;
                background: var(--line);
                border: 1px solid var(--line);
            }

            .nft {
                margin: 0;
                padding: 9px;
                background: #000;
                min-width: 0;
            }

            .nft img {
                width: 100%;
                aspect-ratio: 1;
                object-fit: cover;
                image-rendering: pixelated;
                background: #111;
            }

            .nft figcaption {
                display: flex;
                justify-content: space-between;
                gap: 12px;
                padding: 13px 3px 5px;
                font-size: 13px;
                line-height: 1.5;
                letter-spacing: .05em;
            }

            .nft figcaption span:last-child {
                color: var(--muted);
            }

            .faq {
                border-top: 1px solid var(--line);
                max-width: 920px;
                margin-inline:auto; }

            .faq-item {
                border-bottom: 1px solid var(--line);
            }

            .faq-q {
                width: 100%;
                border: 0;
                background: transparent;
                color: var(--ink);
                padding: 23px 0;
                display: flex;
                justify-content: space-between;
                gap: 20px;
                text-align: left;
                cursor: pointer;
                font-size: 14px;
                line-height: 1.6;
                letter-spacing: .055em;
            }

            .faq-q span:last-child {
                font: 400 23px/1 "VT323",monospace;
                color: var(--muted);
            }

            .faq-a {
                max-height: 0;
                overflow: hidden;
                transition: max-height .22s ease;
            }

            .faq-item.open .faq-a {
                max-height: 240px;
            }

            .faq-a p {
                margin: 0;
                padding: 0 50px 25px 0;
                color: var(--muted);
                font-size: 14px;
                line-height: 1.85;
                letter-spacing: .035em;
            }

            footer {
                padding: 54px 0 max(44px,env(safe-area-inset-bottom));
            }

            .footer-top {
                display: grid;
                grid-template-columns: 1fr auto;
                gap: 42px;
            }

            .footer-brand {
                display: flex;
                align-items: center;
                gap: 16px;
            }

            .footer-logo {
                width: 58px;
                height: 58px;
            }

            .footer-copy {
                max-width: 540px;
                color: var(--muted);
                font-size: 14px;
                line-height: 1.8;
                letter-spacing: .035em;
            }

            .footer-links {
                display: flex;
                flex-wrap: wrap;
                gap: 24px;
                align-items: flex-start;
                font-size: 13px;
                line-height: 1.5;
                letter-spacing: .06em;
                color: var(--muted);
            }

            .footer-links a:hover {
                color: var(--ink);
            }

            .fineprint {
                margin-top: 44px;
                padding-top: 19px;
                border-top: 1px solid var(--line);
                display: flex;
                justify-content: space-between;
                gap: 24px;
                color: #969696;
                font-size: 12px;
                line-height: 1.65;
                letter-spacing: .05em;
            }

            .modal {
                position: fixed;
                inset: 0;
                z-index: 60;
                display: none;
                place-items: center;
                padding: 20px;
                background: rgba(0,0,0,.88);
            }

            .modal.open {
                display: grid;
            }

            .modal-card {
                width: min(520px,100%);
                max-height: min(720px,calc(100vh - 36px));
                overflow-y: auto;
                border: 1px solid var(--line-hi);
                background: #050505;
                padding: 28px;
            }

            .modal-head {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                gap: 20px;
                padding-bottom: 20px;
                border-bottom: 1px solid var(--line);
            }

            .modal h3 {
                margin: 0;
                font: 400 36px/1 "VT323",monospace;
                letter-spacing: .035em;
            }

            .modal p {
                color: var(--muted);
                font-size: 14px;
                line-height: 1.75;
                letter-spacing: .035em;
            }

            .close {
                width: 44px;
                height: 44px;
                border: 1px solid var(--line);
                background: #050505;
                color: var(--ink);
                font-size: 27px;
                line-height: 1;
                cursor: pointer;
            }

            .close:hover {
                border-color: var(--ink);
            }

            .wallet-connected {
                display: grid;
                grid-template-columns: 1fr auto;
                gap: 14px;
                align-items: center;
                margin-top: 20px;
                padding: 16px;
                border: 1px solid var(--action);
                background: #070900;
            }

            .wallet-connected[hidden] {
                display: none;
            }

            .wallet-connected small {
                display: block;
                color: var(--muted);
                font-size: 12px;
                line-height: 1.5;
                letter-spacing: .07em;
            }

            .wallet-connected strong {
                display: block;
                margin-top: 4px;
                font: 400 24px/1 "VT323",monospace;
                letter-spacing: .045em;
            }

            .wallet-connected .btn {
                color: var(--error);
                border-color: #633c3a;
            }

            .wallet-connected .btn:hover {
                border-color: var(--error);
                background: #170707;
            }

            .wallet-list {
                display: grid;
                gap: 9px;
                margin-top: 20px;
            }

            .wallet-option {
                width: 100%;
                min-height: 66px;
                padding: 10px 15px;
                border: 1px solid var(--line);
                background: #080808;
                color: var(--ink);
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 16px;
                text-align: left;
                font-size: 14px;
                line-height: 1.5;
                letter-spacing: .045em;
            }

            .wallet-option:hover {
                border-color: var(--ink);
                background: #0d0d0d;
            }

            .wallet-option small {
                color: var(--muted);
                font-size: 13px;
                line-height: 1.4;
                letter-spacing: .065em;
            }

            .wallet-option-main {
                min-width: 0;
                display: flex;
                align-items: center;
                gap: 13px;
            }

            .wallet-provider-icon {
                width: 34px;
                height: 34px;
                border: 1px solid var(--line-hi);
                background: #111;
                object-fit: contain;
                flex: 0 0 auto;
                image-rendering: auto;
            }

            .wallet-icon {
                width: 34px;
                height: 34px;
                border: 1px solid var(--line-hi);
                display: grid;
                place-items: center;
                flex: 0 0 auto;
            }

            .wallet-icon svg {
                width: 22px;
                height: 22px;
                fill: none;
                stroke: currentColor;
                stroke-width: 1.5;
                stroke-linecap: square;
                stroke-linejoin: miter;
            }

            .wallet-list-status {
                min-height: 74px;
                border: 1px solid var(--line);
                display: flex;
                align-items: center;
                gap: 14px;
                padding: 16px;
                color: var(--muted);
                font-size: 14px;
                line-height: 1.6;
            }

            .scan-mark {
                width: 24px;
                height: 24px;
                border: 1px solid var(--ink);
                position: relative;
                flex: 0 0 auto;
                animation: scan 1s steps(4,end) infinite;
            }

            .scan-mark::before {
                content: "";
                position: absolute;
                width: 6px;
                height: 6px;
                left: 8px;
                top: 8px;
                background: var(--action);
            }

            @keyframes scan {
                50% {
                    transform: rotate(90deg);
                }
            }

            .wallet-empty {
                border: 1px solid var(--line);
                padding: 20px;
            }

            .wallet-empty strong {
                display: block;
                font-size: 15px;
                line-height: 1.5;
                letter-spacing: .055em;
            }

            .wallet-empty p {
                margin: 10px 0 16px;
                font-size: 14px;
                line-height: 1.75;
            }

            .wallet-empty .btn {
                width: 100%;
            }

            .modal-error {
                display: none;
                margin-top: 14px;
                color: var(--error);
                font-size: 13px;
                line-height: 1.75;
                letter-spacing: .035em;
            }

            .modal-error.show {
                display: block;
            }

            @media (max-width: 960px) {
                .hero-grid {
                    grid-template-columns:1fr;
                    gap: 58px;
                }

                .hero-copy {
                    max-width: 760px;
                }

                .art-shell {
                    width: min(680px,88vw);
                    margin-inline:auto; }

                .mint-grid,.protocol-panel {
                    grid-template-columns: 1fr;
                }

                .game-hud {
                    gap: 14px;
                }

                .guide {
                    border-right: 0;
                    border-bottom: 1px solid var(--line);
                    display: grid;
                    grid-template-columns: repeat(3,1fr);
                }

                .guide-step {
                    grid-template-columns: 1fr;
                    border-bottom: 0;
                    border-right: 1px solid var(--line);
                }

                .guide-step:last-child {
                    border-right: 0;
                }

                .protocol-visual {
                    border-right: 0;
                    border-bottom: 1px solid var(--line);
                    min-height: 260px;
                }

                .system-grid {
                    grid-template-columns: repeat(2,1fr);
                }

                .system-console-head {
                    grid-template-columns: 1fr;
                    gap: 14px;
                }

                .system-contracts {
                    grid-template-columns: 1fr;
                    gap: 9px;
                }

                .system-status {
                    white-space: normal;
                }

                .staking-stats,.staking-dashboard,.distribution-grid {
                    grid-template-columns: repeat(2,1fr);
                }

                .staking-dashboard-item:nth-child(2) {
                    border-right: 0;
                }

                .staking-dashboard-item:nth-child(-n+2) {
                    border-bottom: 1px solid var(--line);
                }

                .staking-stat:nth-child(2),.allocation:nth-child(2) {
                    border-right: 0;
                }

                .staking-stat:nth-child(-n+2),.allocation:nth-child(-n+2) {
                    border-bottom: 1px solid var(--line);
                }

                .gallery {
                    grid-template-columns: repeat(3,1fr);
                }
            }

            @media (max-width: 760px) {
                .container {
                    width:min(100% - 28px,1220px);
                }

                .protocol-inner {
                    padding: 8px 0;
                }

                .protocol-links {
                    display: none;
                }

                .nav {
                    gap: 12px;
                }

                .nav-links {
                    position: absolute;
                    display: none;
                    left: 14px;
                    right: 14px;
                    top: calc(100% + 1px);
                    padding: 18px;
                    border: 1px solid var(--line-hi);
                    background: #050505;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 16px;
                }

                .nav-links.open {
                    display: flex;
                }

                .wallet-control {
                    margin-left: auto;
                    min-width: 0;
                }

                .desktop-connect {
                    min-width: 0;
                    padding-inline:12px; }

                .wallet-menu {
                    right: 0;
                    width: min(236px,calc(100vw - 28px));
                }

                .menu-btn {
                    display: inline-flex;
                }

                .hero {
                    min-height: auto;
                }

                .hero-grid {
                    padding: 56px 0 70px;
                }

                h1 {
                    font-size: clamp(65px,23vw,92px);
                }

                .symbols {
                    grid-template-columns: repeat(3,1fr);
                }

                .symbol-cell:nth-child(3) {
                    border-right: 0;
                }

                .symbol-cell:nth-child(-n+3) {
                    border-bottom: 1px solid var(--line);
                }

                .section {
                    padding: 76px 0;
                }

                .section-head {
                    grid-template-columns: 1fr;
                    gap: 24px;
                }

                .guide {
                    grid-template-columns: 1fr;
                }

                .guide-step {
                    min-height: auto;
                    grid-template-columns: 48px 1fr;
                    border-right: 0;
                    border-bottom: 1px solid var(--line);
                }

                .guide-step:last-child {
                    border-bottom: 0;
                }

                .mint-console {
                    padding: 22px;
                }

                .game-top {
                    align-items: flex-start;
                }

                .game-hud {
                    display: grid;
                    grid-template-columns: auto auto;
                    gap: 8px 18px;
                    text-align: right;
                }

                .game-sound {
                    grid-column: 1/-1;
                    justify-self: end;
                }

                .game-controls-note {
                    align-items: flex-start;
                }

                .coding-sequence {
                    width: min(280px,88%);
                }

                .coding-video {
                    width: min(150px,42vw);
                }

                .coding-label {
                    margin: 8px 0 9px;
                    font-size: 19px;
                }

                .coding-bar {
                    height: 13px;
                    padding: 2px;
                }

                .phase-choice {
                    grid-template-columns: 1fr;
                }

                .mint-controls {
                    grid-template-columns: 1fr;
                }

                .mint-main {
                    min-width: 0;
                }

                .utility-grid,.fee-line,.staking-stats,.staking-dashboard,.staking-flow,.distribution-grid {
                    grid-template-columns: 1fr;
                }

                .staking-dashboard-item {
                    min-height: 112px;
                    border-right: 0;
                    border-bottom: 1px solid var(--line);
                }

                .staking-dashboard-item:nth-child(-n+2) {
                    border-bottom: 1px solid var(--line);
                }

                .staking-dashboard-item:last-child {
                    border-bottom: 0;
                }

                .staking-connect {
                    align-items: flex-start;
                    flex-direction: column;
                }

                .staking-connect .btn {
                    width: 100%;
                }

                .staking-watch {
                    grid-template-columns: 1fr;
                }

                .staking-watch .btn {
                    width: 100%;
                }

                .staking-watch-note {
                    grid-column: auto;
                }

                .staking-columns {
                    grid-template-columns: 1fr;
                }

                .staking-pane:first-child {
                    border-right: 0;
                    border-bottom: 1px solid var(--line-hi);
                }

                .stake-grid {
                    min-height: 0;
                }

                .staking-contracts {
                    grid-template-columns: 1fr;
                }

                .staking-stat,.flow-step,.allocation {
                    min-height: auto;
                    border-right: 0;
                    border-bottom: 1px solid var(--line);
                }

                .staking-stat:nth-child(2),.allocation:nth-child(2) {
                    border-right: 0;
                }

                .staking-stat:nth-child(-n+2),.allocation:nth-child(-n+2) {
                    border-bottom: 1px solid var(--line);
                }

                .staking-stat:last-child,.flow-step:last-child,.allocation:last-child {
                    border-bottom: 0;
                }

                .launch-state,.distribution-head {
                    display: grid;
                    align-items: start;
                }

                .distribution-head span {
                    text-align: left;
                }

                .execution-proof {
                    grid-template-columns: 1fr;
                    gap: 10px;
                }

                .execution-proof strong {
                    white-space: normal;
                }

                .system-console-head {
                    padding: 23px 20px;
                }

                .system-message {
                    min-height: 5em;
                    font-size: 13px;
                }

                .system-card {
                    min-height: 190px;
                    padding: 23px 16px 20px;
                }

                .system-icon {
                    width: 52px;
                    height: 52px;
                    margin-bottom: 18px;
                }

                .system-nft {
                    width: 50px;
                    height: 50px;
                }

                .system-contracts {
                    padding: 14px 16px;
                    font-size: 13px;
                }

                .utility-card:first-child,.fee-half:first-child {
                    border-right: 0;
                    border-bottom: 1px solid var(--line);
                }

                .utility-card {
                    min-height: 370px;
                    padding: 28px;
                }

                .fee-half {
                    min-height: auto;
                    padding: 27px;
                }

                .gallery {
                    grid-template-columns: repeat(2,1fr);
                }

                .footer-top,.fineprint {
                    grid-template-columns: 1fr;
                    display: grid;
                }
            }

            @media (max-width: 420px) {
                .wordmark {
                    font-size:23px;
                }

                .brand .mark {
                    width: 30px;
                    height: 30px;
                }

                .desktop-connect {
                    font-size: 13px;
                    letter-spacing: .055em;
                }

                .meta-strip {
                    grid-template-columns: 1fr 1fr;
                }

                .meta-strip > div:last-child {
                    grid-column: 1/-1;
                }

                .art-control {
                    right: -8px;
                    width: 52px;
                    height: 52px;
                }

                .console-top {
                    display: grid;
                }

                .game-top {
                    padding: 14px;
                    gap: 12px;
                }

                .game-title-mark {
                    width: 30px;
                    height: 30px;
                }

                .game-title strong {
                    font-size: 21px;
                }

                .game-hud {
                    gap: 6px 12px;
                    font-size: 11px;
                }

                .game-hud b {
                    font-size: 20px;
                }

                .game-sound {
                    min-height: 34px;
                    font-size: 10px;
                }

                .game-overlay {
                    padding: 10px;
                }

                .game-message h3 {
                    font-size: 31px;
                    line-height: .9;
                }

                .game-message p {
                    margin: 8px auto 10px;
                    font-size: 11px;
                    line-height: 1.45;
                }

                .game-message .btn {
                    min-width: 170px;
                    min-height: 40px;
                }

                .game-controls-note {
                    display: grid;
                    gap: 4px;
                    padding: 10px 14px;
                }

                .game-controls-note span:last-child {
                    text-align: left;
                }

                .network {
                    text-align: left;
                }

                .gallery {
                    grid-template-columns: 1fr 1fr;
                }

                .nft figcaption {
                    display: grid;
                    gap: 2px;
                }

                .ca {
                    display: grid;
                }

                .token-ca-mask {
                    grid-template-columns: minmax(0,1fr) auto auto;
                    gap: 7px 9px;
                }

                .token-ca-mask > span:first-child {
                    grid-column: 1/-1;
                }

                .token-ca-code {
                    font-size: 16px;
                }

                .floor-warning-head {
                    align-items: flex-start;
                    flex-direction: column;
                    gap: 4px;
                    padding: 12px 14px;
                }

                .floor-warning-body {
                    padding: 20px 17px 22px;
                }

                .floor-warning strong {
                    font-size: 29px;
                }

                .stake-scan {
                    min-height: 220px;
                    padding: 24px 16px;
                }

                @keyframes stakeScanLine {
                    from {
                        transform: translateY(0);
                    }

                    to {
                        transform: translateY(218px);
                    }
                }

                .mint-arrival {
                    grid-template-columns: 46px 1fr;
                }

                .mint-arrival-mark {
                    font-size: 28px;
                }

                .mint-arrival-body {
                    padding: 15px;
                }

                .mint-arrival-title {
                    font-size: 23px;
                }

                .modal {
                    padding: 14px;
                }

                .modal-card {
                    padding: 22px;
                    max-height: calc(100vh - 28px);
                }

                .modal-head {
                    gap: 10px;
                }

                .modal h3 {
                    font-size: 30px;
                }

                .modal p,.wallet-empty p {
                    font-size: 13px;
                    line-height: 1.7;
                }

                .wallet-empty {
                    padding: 18px;
                }

                .wallet-connected {
                    grid-template-columns: 1fr;
                }

                .wallet-connected .btn {
                    width: 100%;
                }

                .staking-pane-head {
                    min-height: 92px;
                    padding: 18px;
                }

                .stake-grid {
                    grid-template-columns: 1fr;
                    padding: 10px;
                }

                .stake-empty {
                    min-height: 220px;
                }

                .stake-actions.dual {
                    grid-template-columns: 1fr;
                }

                .staking-contracts {
                    font-size: 12px;
                }
            }

            @media (prefers-reduced-motion:reduce) {
                html {
                    scroll-behavior: auto
                }

                * {
                    transition-duration: .01ms!important;
                    animation-duration: .01ms!important;
                    animation-iteration-count: 1!important
                }
            }