*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}html{background:#000}button{font:inherit;background:none;border:none;padding:0;cursor:pointer;color:inherit;text-align:left}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}:root{--cream: #f4f1e8;--neon: #ff6b00;--acid: #b8ff00;--goldfish: #ffe14a;--top-h: 2.4rem;--side-w: min(18.5rem, 42vw);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}body{background:#000;color:var(--cream);font-family:Space Mono,monospace;overflow:hidden;height:100dvh}.shell{position:fixed;inset:0;height:100dvh;overflow:hidden}.okina-bg{position:absolute;top:calc(var(--top-h) + var(--safe-top));left:0;right:0;bottom:var(--safe-bottom);z-index:0;pointer-events:none;background:#000 url(/okina-bg.png) center center / contain no-repeat}.topbar{position:absolute;top:0;left:0;right:0;height:calc(var(--top-h) + var(--safe-top));padding-top:var(--safe-top);z-index:40;border-bottom:1px solid rgba(255,107,0,.45);background:#000000c7;backdrop-filter:blur(10px)}.marquee{height:var(--top-h);overflow:hidden;white-space:nowrap;display:flex;align-items:center}.marquee-track{display:inline-flex;gap:1.75rem;animation:scroll 48s linear infinite;will-change:transform}.marquee-item{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acid)}.marquee-sep{margin-left:1.75rem;color:var(--neon);opacity:.75}@keyframes scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.glitch-title{position:absolute;top:calc(var(--top-h) + var(--safe-top) + .45rem);left:.7rem;z-index:45;max-width:min(28rem,calc(100% - 5rem));padding:0;background:none;border:0;line-height:0;filter:drop-shadow(0 0 10px rgba(255,225,74,.35)) drop-shadow(0 2px 8px rgba(0,0,0,.85))}.glitch-title:hover{filter:drop-shadow(0 0 14px rgba(255,225,74,.55)) drop-shadow(0 2px 8px rgba(0,0,0,.9))}.glitch-title-img{display:block;width:100%;height:auto;max-height:clamp(2.1rem,5.5vw,3.1rem);object-fit:contain;object-position:left center;user-select:none;pointer-events:none}.sound-toggle{position:absolute;top:calc(var(--top-h) + var(--safe-top) + .7rem);right:.85rem;z-index:46;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .75rem;border:1px solid rgba(255,107,0,.55);border-radius:999px;background:#000000b8;backdrop-filter:blur(10px);color:var(--cream);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 16px #ff6b002e;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease}.sound-toggle:hover{border-color:var(--acid);box-shadow:0 0 20px #b4ff0038}.sound-toggle.is-on{border-color:var(--acid);color:var(--acid);box-shadow:0 0 18px #b4ff0047}.sound-toggle-icon{font-size:.95rem;line-height:1}.sound-toggle-label{font-family:Space Grotesk,system-ui,sans-serif;font-weight:600}@media (max-width: 520px){.sound-toggle-label{display:none}.sound-toggle{padding:.5rem .65rem}.glitch-title{max-width:calc(100% - 4.5rem)}.glitch-title-img{max-height:2.15rem}}.workspace{position:absolute;top:calc(var(--top-h) + var(--safe-top));left:0;right:0;bottom:var(--safe-bottom);z-index:20;display:grid;grid-template-columns:var(--side-w) 1fr;grid-template-rows:1fr;pointer-events:none}.workspace>*{pointer-events:auto}.stage{grid-column:2;grid-row:1;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:3.5rem 1rem 1rem;background:#00000047}.stage-empty{background:transparent!important;pointer-events:none}.stage-head{display:flex;flex-wrap:wrap;gap:.55rem 1rem;align-items:baseline;margin-bottom:1rem;position:sticky;top:0;padding:.35rem 0 .65rem;background:linear-gradient(180deg,rgba(0,0,0,.75),rgba(0,0,0,.35) 70%,transparent);z-index:2}.stage-back{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--acid)}.stage-title{margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(1.05rem,2.2vw,1.55rem);text-transform:uppercase}.stage-state{padding:1.5rem 0;color:#f4f1e8a6;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.55rem}.token-card{border:1px solid rgba(255,107,0,.35);background:#000000b3;overflow:hidden;border-radius:2px;transition:transform .12s ease,border-color .12s ease}.token-card:hover{transform:translateY(-2px);border-color:var(--acid)}.token-img{width:100%;aspect-ratio:1;object-fit:cover}.token-cap{padding:.3rem .35rem;font-size:.6rem;letter-spacing:.04em;color:#f4f1e8bf}.load-more{margin:1rem 0 .5rem;padding:.6rem .9rem;border:1px solid var(--neon);color:var(--cream);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;background:#0000008c;border-radius:2px}.load-more:hover{border-color:var(--acid);color:var(--acid)}.halftone{width:100%;height:100%;min-height:2.85rem;background-image:radial-gradient(circle,rgba(255,107,0,.35) 1px,transparent 1px);background-size:6px 6px;background-color:#111}.rail{grid-column:1;grid-row:1;height:100%;min-height:0;display:flex;flex-direction:column;gap:.55rem;padding:3.35rem .7rem .75rem;overflow:hidden;background:linear-gradient(90deg,#000000e0,#000000b8 78%,#00000047);border-right:1px solid rgba(255,107,0,.4);backdrop-filter:blur(12px)}.rail-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .15rem .35rem;border-bottom:1px solid rgba(255,107,0,.28)}.rail-kicker{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--goldfish)}.rail-count{font-size:.62rem;letter-spacing:.08em;color:var(--acid);border:1px solid rgba(184,255,0,.35);border-radius:999px;padding:.12rem .45rem}.rail-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:.4rem;padding-right:.15rem;scrollbar-width:thin;scrollbar-color:var(--neon) transparent}.rail-card{display:grid;grid-template-columns:3.15rem 1fr auto;gap:.55rem;align-items:center;width:100%;padding:.4rem .45rem;border:1px solid rgba(255,107,0,.45);border-radius:3px;background:#0000008c;transition:border-color .15s ease,background .15s ease,transform .15s ease}.rail-card:hover{border-color:var(--acid);transform:translate(2px);background:#0c1004bf}.rail-card.is-active{border-color:var(--acid);background:#141c08e6;box-shadow:inset 2px 0 0 var(--acid)}.rail-card-media{width:3.15rem;height:3.15rem;border-radius:2px;overflow:hidden;background:#111;border:1px solid rgba(255,107,0,.25)}.rail-card-img{width:100%;height:100%;object-fit:cover}.rail-card-meta{min-width:0}.rail-card-name{font-family:Archivo Black,sans-serif;font-size:.72rem;line-height:1.15;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-card-chain{margin-top:.18rem;font-size:.55rem;letter-spacing:.12em;color:var(--neon)}.rail-card-chev{color:#f4f1e873;font-size:1.1rem;line-height:1;padding-right:.1rem}.rail-card.is-active .rail-card-chev{color:var(--acid)}@media (max-width: 900px){:root{--side-w: 100%;--dock-h: 7.6rem}.workspace{grid-template-columns:1fr;grid-template-rows:1fr}.glitch-title{max-width:calc(100% - 4.75rem)}.glitch-title-img{max-height:clamp(1.9rem,8vw,2.6rem)}.okina-bg{top:calc(var(--top-h) + var(--safe-top));bottom:calc(var(--dock-h) + var(--safe-bottom));background-position:center center;background-size:min(88vw,440px) auto}.rail{grid-column:1;grid-row:1;align-self:end;height:auto;width:100%;max-width:none;z-index:25;border-right:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;flex-direction:column;gap:0;padding:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 35%,rgba(0,0,0,.82) 100%);border-top:1px solid rgba(255,107,0,.4)}.rail-head{display:none}.rail-list{flex:none;flex-direction:row;align-items:flex-end;gap:.55rem;overflow-x:auto;overflow-y:hidden;max-height:none;margin:0;padding:.7rem .75rem calc(.7rem + var(--safe-bottom));border:none;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;scrollbar-width:none}.rail-list::-webkit-scrollbar{display:none}.rail-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:0 0 auto;width:4.4rem;gap:.35rem;padding:.2rem .1rem;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}.rail-card:hover{transform:none;background:transparent;border-color:transparent}.rail-card.is-active{background:transparent;box-shadow:none;border:0}.rail-card-media{width:3.55rem;height:3.55rem;border-radius:999px;border:2px solid rgba(255,107,0,.7);box-shadow:0 0 14px #ff6b0040}.rail-card.is-active .rail-card-media{border-color:var(--acid);box-shadow:0 0 16px #b8ff0059}.rail-card-meta{width:100%;text-align:center}.rail-card-name{font-size:.52rem;line-height:1.15;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.rail-card-chain,.rail-card-chev{display:none}.stage{grid-column:1;grid-row:1;z-index:22;padding:3.25rem .75rem calc(.85rem + var(--safe-bottom));background:#0000008c}.shell.is-open .rail{display:none}.shell.is-open .okina-bg{bottom:var(--safe-bottom);opacity:.22}.shell:not(.is-open) .stage-empty{display:none}.shell:not(.is-open) .stage{background:transparent}.token-grid{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.45rem}}@media (prefers-reduced-motion: reduce){.marquee-track{animation:none!important}}.about-overlay{position:absolute;inset:0;z-index:80;display:grid;place-items:center;padding:1rem}.about-backdrop{position:absolute;inset:0;background:#000000b8;backdrop-filter:blur(6px);border:0;cursor:pointer}.about-panel{position:relative;z-index:1;width:min(920px,100%);max-height:min(88dvh,960px);overflow:auto;background:#0c0c0c8c;border:1px solid rgba(255,107,0,.4);box-shadow:0 18px 60px #0000008c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.about-close{position:absolute;top:.65rem;right:.75rem;z-index:2;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#0d0d0d;background:#f4f1e8eb;border:1px solid rgba(13,13,13,.15);padding:.35rem .55rem}.about-close:hover{color:#ff6b00;border-color:#ff6b00}.about-banner{background:#f4f1e8}.about-banner-img{width:100%;height:auto;display:block}.about-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:.85rem}.about-social-tile{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:3rem;padding:.7rem .85rem;border-radius:14px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(160deg,#ffffff2e,#ffffff0f);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:inset 0 1px #ffffff47,0 8px 24px #00000040;color:var(--cream);transition:transform .15s ease,border-color .15s ease,background .15s ease}.about-social-tile:hover{transform:translateY(-2px);border-color:#b8ff008c;background:linear-gradient(160deg,#ff6b0038,#ffffff14)}.about-social-x{font-size:.95rem;opacity:.9}.about-social-handle{font-size:clamp(.72rem,1.8vw,.9rem);letter-spacing:.03em}@media (max-width: 820px){.about-overlay{padding:.55rem;align-items:end}.about-panel{max-height:84dvh}.about-socials{grid-template-columns:1fr 1fr;gap:.5rem;padding:.65rem}.about-social-tile{min-height:2.75rem;padding:.6rem .55rem;border-radius:12px}.about-social-handle{font-size:.72rem}}@media (min-width: 720px){.about-socials{grid-template-columns:repeat(4,minmax(0,1fr))}}