@font-face{font-family:SuperMario;src:url('assets/super-mario-256.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block}
.wordmark{display:inline-flex;flex-direction:column;align-items:center;font-family:SuperMario,sans-serif;font-weight:400;line-height:.9;letter-spacing:0;isolation:isolate;user-select:none;filter:drop-shadow(0 .035em 0 #070a0a);transform:rotate(-3deg)}
.word-line{display:flex;align-items:center;justify-content:center;white-space:nowrap;gap:.015em}
.word-line-pad{font-size:1.48em;margin-top:.01em;gap:.005em}
.logo-letter{display:inline-block;color:#00a5d1!important;-webkit-text-stroke:.115em #070a0a;paint-order:stroke fill;transform:rotate(var(--tilt));transform-origin:50% 100%;text-shadow:none}
.letter-2,.letter-5,.letter-8{color:#ffcf00!important}.letter-3,.letter-6{color:#ef252a!important}.letter-4,.letter-7{color:#42b348!important}
.hero-logo{display:grid;place-items:center;transform:none;animation:none;overflow:visible}
.hero-wordmark{font-size:clamp(68px,7.2vw,95px)}
.hud-wordmark{font-size:24px;filter:drop-shadow(0 2px 0 #000)}
.network-label>img{width:17px;height:15px;object-fit:contain}.network-label small{color:#94ffbc;background:#164a4266;border:1px solid #8effbc42;letter-spacing:.8px;font-size:8px;padding:3px 5px;border-radius:4px}
.edition-label>img{display:block;width:19px;height:17px;object-fit:contain;margin-right:1px}
.intro-center{width:100%;max-width:760px;position:relative}
.intro-center .intro-welcome{color:#9eb8df;font-size:9px;letter-spacing:4px;margin:0 0 42px}
.intro-center h1.intro-wordmark{font-family:SuperMario;margin:0;line-height:1;font-weight:400;font-size:inherit;letter-spacing:0;min-height:315px;display:grid;place-items:center}
.intro-wordmark .wordmark{font-size:clamp(62px,15vw,144px);transform:rotate(-3deg)}
.intro-wordmark .logo-letter{opacity:0;transform:translateY(-110vh) rotate(-25deg)}
.letters-dropping .intro-wordmark .logo-letter{animation:letter-drop .82s calc(.12s + var(--i)*.19s) both cubic-bezier(.3,.02,.78,.48)}
.intro-floor{display:flex;justify-content:center;align-items:center;gap:18px;width:300px;max-width:70vw;margin:28px auto 24px;color:#ffda36;opacity:0}
.intro-floor i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#ffda36,transparent)}
.intro-floor span{font-size:13px}.letters-dropping .intro-floor{animation:floor-reveal .6s 2.2s both}
.intro-center .load-track{width:180px;height:3px;margin:0 auto 15px;background:#688ab728;overflow:hidden}
.intro-center .load-copy{font-size:11px;color:#829cc3;letter-spacing:.6px}
.intro-screen.leaving{transition:opacity .65s ease;pointer-events:none}
.motion-off .character-stage.controlled{transform:translate(var(--player-x,0px),var(--player-y,0px))!important}
@keyframes letter-drop{0%{opacity:0;transform:translateY(-110vh) rotate(-28deg)}12%{opacity:1}60%{transform:translateY(0) rotate(var(--tilt)) scale(1.12,.77)}77%{transform:translateY(-26px) rotate(calc(var(--tilt) + 5deg)) scale(.94,1.05)}91%{transform:translateY(0) rotate(var(--tilt)) scale(1.035,.94)}100%{opacity:1;transform:translateY(0) rotate(var(--tilt)) scale(1)}}
@keyframes floor-reveal{from{opacity:0;transform:scaleX(.5)}to{opacity:1;transform:scaleX(1)}}
@media(min-width:1101px){.lobby-copy{padding-top:32px}.hero-logo{height:250px}}
@media(max-height:850px) and (min-width:901px){.hero-logo{height:210px}.hero-wordmark{font-size:80px}.hud-wordmark{font-size:21px}.lobby-copy{padding-top:24px}}
@media(max-width:1100px){.hero-wordmark{font-size:80px}.hud-wordmark{font-size:20px}.network-label{display:flex}}
@media(max-width:800px){.hero-wordmark{font-size:74px}.hud-wordmark{font-size:19px}}
@media(max-width:560px){.hero-wordmark{font-size:76px}.hud-wordmark{font-size:16px}.hero-logo{height:190px;transform:none}.intro-center h1.intro-wordmark{min-height:195px}.intro-center .intro-welcome{font-size:7px;letter-spacing:2px;margin-bottom:24px}.intro-floor{margin-top:22px}.intro-edition{font-size:7px;letter-spacing:2.4px}.network-label{font-size:0;flex-direction:column;gap:3px}.network-label>img{width:12px;height:10px}.network-label small{font-size:6px;letter-spacing:.3px;padding:2px 3px}}
@media(max-width:360px){.hero-wordmark{font-size:68px}.hero-logo{width:100%}.intro-wordmark .wordmark{font-size:60px}}
@media(prefers-reduced-motion:reduce){.character-stage.controlled{transform:translate(var(--player-x,0px),var(--player-y,0px))!important}.intro-wordmark .logo-letter{opacity:1;transform:rotate(var(--tilt))}}
.contract-bar{display:flex;align-items:center;justify-content:center;gap:18px;position:relative;z-index:7;width:fit-content;max-width:calc(100% - 40px);margin:0 auto 18px;padding:8px 10px 8px 17px;background:#0a2149e8;border:1px solid #ffdc5470;border-radius:10px;box-shadow:0 4px 0 #06163166;backdrop-filter:blur(12px)}
.contract-label{display:flex;align-items:center;gap:8px;color:#ffe168;font-family:Bungee,sans-serif;font-size:12px;flex-shrink:0}.contract-label small{font-family:Nunito,sans-serif;font-size:8px;font-weight:900;letter-spacing:1px;color:#a8c1db}
#token-ca{font-size:12px;font-family:Consolas,monospace;color:#edf5ff;user-select:all;overflow-wrap:anywhere;min-width:0;line-height:1.6}
#copy-ca{display:flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;min-width:91px;min-height:36px;padding:8px 12px;border-radius:6px;background:#ffdb50;color:#3a2b0d;font-family:Nunito,sans-serif;font-size:10px;font-weight:1000;letter-spacing:.4px;box-shadow:0 2px #ad7e24}#copy-ca:hover{background:#ffe98c}#copy-ca:active{transform:translateY(1px)}#copy-ca:disabled{opacity:.8}
@media(max-width:650px){.contract-bar{display:grid;grid-template-columns:1fr auto;gap:7px 12px;width:calc(100% - 40px);padding:10px 12px;margin-bottom:13px}.contract-label{grid-column:1;grid-row:1}#copy-ca{grid-column:2;grid-row:1;min-height:32px}#token-ca{grid-column:1/-1;grid-row:2;font-size:11px}}
