@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-void: #0a0033;--bg-deep: #1a0052;--bg-mid: #2d006b;--panel: #160042;--panel-light: #24006b;--ink: #ffffff;--ink-dim: #b8b0e0;--ink-faint: #7668a8;--magenta: #ff2e93;--magenta-dark: #c41e72;--cyan: #00fff0;--cyan-dark: #00bbb0;--yellow: #ffee00;--yellow-dark: #ccbb00;--orange: #ff6b35;--green: #00ff66;--line: rgba(255, 46, 147, .25);--line-bright: rgba(255, 46, 147, .55);--glow-magenta: rgba(255, 46, 147, .7);--glow-cyan: rgba(0, 255, 240, .6);--glow-yellow: rgba(255, 238, 0, .5);--radius: 0px;--radius-sm: 2px;--pixel: "Press Start 2P", ui-monospace, monospace;--terminal: "VT323", ui-monospace, monospace;--body: "Space Grotesk", ui-sans-serif, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}body{background:radial-gradient(1000px 500px at 50% 100%,var(--magenta) 0%,transparent 45%),radial-gradient(700px 500px at 15% 10%,rgba(0,255,240,.2) 0%,transparent 55%),radial-gradient(700px 500px at 85% 10%,rgba(255,238,0,.15) 0%,transparent 55%),var(--bg-void);background-attachment:fixed;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.18) 2px,rgba(0,0,0,.18) 3px);pointer-events:none;z-index:2}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(10,0,51,.7) 100%);pointer-events:none;z-index:1}.shell{min-height:100vh;display:grid;place-items:center;padding:24px 18px;position:relative;z-index:3}.ambient{display:none}.card{width:100%;max-width:460px;background:var(--panel);border:4px solid var(--magenta);padding:20px;position:relative;animation:cardPowerOn .6s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 0 0 1px var(--bg-void),0 0 0 5px var(--cyan),0 0 40px -5px var(--glow-magenta),0 0 80px -20px var(--glow-cyan),8px 8px #0009}.card:before{content:"";position:absolute;top:-4px;left:-4px;width:12px;height:12px;background:linear-gradient(var(--yellow),var(--yellow)) top left / 12px 4px no-repeat,linear-gradient(var(--yellow),var(--yellow)) top left / 4px 12px no-repeat}.card:after{content:"";position:absolute;bottom:-4px;right:-4px;width:12px;height:12px;background:linear-gradient(var(--yellow),var(--yellow)) bottom right / 12px 4px no-repeat,linear-gradient(var(--yellow),var(--yellow)) bottom right / 4px 12px no-repeat}@keyframes cardPowerOn{0%{opacity:0;transform:scaleY(.01);filter:brightness(3)}40%{opacity:1;transform:scaleY(.01);filter:brightness(3)}60%{transform:scaleY(1);filter:brightness(2)}to{transform:scaleY(1);filter:brightness(1)}}.card--loading,.card--error{text-align:center;padding:40px 22px}.card--error h2{color:var(--magenta);margin:0 0 10px;font-family:var(--pixel);font-size:16px;letter-spacing:1px;text-shadow:3px 3px 0 var(--cyan)}.card--error p{color:var(--ink-dim);margin:0;font-family:var(--body);font-weight:500}.spinner{width:32px;height:32px;border:4px solid var(--magenta);border-top-color:var(--cyan);border-right-color:var(--yellow);border-radius:0;margin:0 auto 14px;animation:spin .8s steps(8,end) infinite}@keyframes spin{to{transform:rotate(360deg)}}.card__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:2px dashed var(--magenta)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand__logo{width:44px;height:44px;background:var(--bg-void);border:3px solid var(--cyan);padding:2px;flex-shrink:0;box-shadow:3px 3px 0 0 var(--magenta),0 0 12px -2px var(--glow-cyan);image-rendering:pixelated}.brand__text{min-width:0}.brand__title{font-family:var(--pixel);font-size:13px;font-weight:400;margin:0;line-height:1.3;letter-spacing:1px;color:var(--yellow);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;text-shadow:2px 2px 0 var(--magenta),0 0 15px var(--glow-yellow)}.wallet-chip{font-family:var(--pixel);font-size:9px;font-weight:400;padding:8px 10px;background:var(--bg-void);border:2px solid var(--cyan);border-radius:0;color:var(--cyan);cursor:pointer;letter-spacing:1px;transition:all .1s;flex-shrink:0;box-shadow:3px 3px 0 0 var(--magenta);text-transform:uppercase}.wallet-chip:hover{background:var(--cyan);color:var(--bg-void);transform:translate(-1px,-1px);box-shadow:4px 4px 0 0 var(--magenta)}.wallet-chip:active{transform:translate(2px,2px);box-shadow:1px 1px 0 0 var(--magenta)}.banner{margin:0 0 14px;border-radius:0;overflow:hidden;position:relative;border:3px solid var(--cyan);aspect-ratio:900 / 540;box-shadow:4px 4px 0 0 var(--magenta),0 0 20px -4px var(--glow-cyan)}.banner img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated}.banner__tag{position:absolute;top:10px;left:10px;font-family:var(--pixel);font-size:9px;font-weight:400;letter-spacing:1px;padding:6px 10px;background:var(--bg-void);color:var(--green);border:2px solid var(--green);border-radius:0;text-transform:uppercase;box-shadow:2px 2px 0 0 var(--magenta);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,70%,to{opacity:1}80%,90%{opacity:.35}}.desc{font-family:var(--body);font-size:14px;line-height:1.55;color:var(--ink-dim);margin:0 0 16px;font-weight:500;padding:10px 12px;background:#0a003380;border-left:3px solid var(--cyan)}.token-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-void);border:2px solid var(--yellow);margin-bottom:14px;box-shadow:3px 3px 0 0 var(--magenta)}.token-row__label{font-family:var(--pixel);font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--yellow);font-weight:400}.token-row__value{font-family:var(--terminal);font-size:18px;font-weight:400;color:var(--cyan);text-decoration:none;letter-spacing:.05em;transition:all .15s;line-height:1}.token-row__value:hover{color:var(--ink);text-shadow:0 0 10px var(--glow-cyan)}.claim-box{padding:18px 16px;background:linear-gradient(180deg,#ff2e9326,#00fff01a),var(--bg-void);border:3px solid var(--yellow);margin-bottom:16px;text-align:center;position:relative;overflow:hidden;box-shadow:4px 4px 0 0 var(--magenta),inset 0 0 30px #ff2e9333}.claim-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.03) 3px,rgba(255,255,255,.03) 4px);pointer-events:none}.claim-box__label{font-family:var(--pixel);font-size:10px;text-transform:uppercase;letter-spacing:3px;color:var(--cyan);margin-bottom:10px;font-weight:400;position:relative;text-shadow:0 0 8px var(--glow-cyan)}.claim-box__label:before,.claim-box__label:after{content:"◆";margin:0 8px;color:var(--yellow)}.claim-box__amount{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:8px;position:relative}.claim-box__num{font-family:var(--pixel);font-size:44px;font-weight:400;color:var(--yellow);line-height:1;letter-spacing:2px;text-shadow:3px 3px 0 var(--magenta),-1px -1px 0 var(--cyan),0 0 20px var(--glow-yellow);animation:scoreGlow 2s ease-in-out infinite}@keyframes scoreGlow{0%,to{text-shadow:3px 3px 0 var(--magenta),-1px -1px 0 var(--cyan),0 0 20px var(--glow-yellow)}50%{text-shadow:3px 3px 0 var(--magenta),-1px -1px 0 var(--cyan),0 0 30px var(--glow-yellow),0 0 50px var(--glow-yellow)}}.claim-box__sym{font-family:var(--pixel);font-size:16px;font-weight:400;color:var(--magenta);letter-spacing:2px;text-shadow:2px 2px 0 var(--bg-void)}.claim-box__fee{font-family:var(--terminal);font-size:17px;color:var(--ink-dim);letter-spacing:1px;line-height:1;position:relative}.status{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:0;font-family:var(--body);font-size:13px;font-weight:600;line-height:1.5;margin-bottom:14px;border:2px solid;animation:statusIn .25s ease-out;box-shadow:3px 3px #00000080}@keyframes statusIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.status--info,.status--pending{background:var(--bg-void);border-color:var(--cyan);color:var(--cyan)}.status--success{background:var(--bg-void);border-color:var(--green);color:var(--green)}.status--error{background:var(--bg-void);border-color:var(--magenta);color:var(--magenta)}.status__dot{width:8px;height:8px;background:currentColor;flex-shrink:0;box-shadow:0 0 6px currentColor}.status--pending .status__dot{animation:arcade-blink .5s steps(2,end) infinite}@keyframes arcade-blink{50%{opacity:0}}.status__msg{flex:1;word-break:break-word;font-family:var(--body)}.status__close{background:transparent;border:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;padding:0 4px;opacity:.7;font-weight:700}.status__close:hover{opacity:1}.actions{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:0;font-family:var(--pixel);font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:3px solid;transition:all .1s;position:relative;box-shadow:4px 4px 0 0 var(--bg-void)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--bg-void)}.btn:not(:disabled):active{transform:translate(2px,2px);box-shadow:1px 1px 0 0 var(--bg-void)}.btn--primary{background:var(--magenta);color:var(--ink);border-color:var(--yellow);text-shadow:2px 2px 0 var(--bg-void)}.btn--primary:not(:disabled):hover{background:var(--yellow);color:var(--bg-void);border-color:var(--magenta);text-shadow:none}.btn--primary:after{content:"";position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 2.5s infinite;pointer-events:none}@keyframes shine{0%{left:-100%}30%,to{left:200%}}.btn--warn{background:var(--bg-void);color:var(--yellow);border-color:var(--yellow)}.btn--warn:not(:disabled):hover{background:var(--yellow);color:var(--bg-void)}.btn--ghost{background:var(--bg-void);color:var(--cyan);border-color:var(--cyan)}.btn--ghost:not(:disabled):hover{background:var(--cyan);color:var(--bg-void)}.btn--link{background:transparent;color:var(--ink-faint);border:2px dashed var(--ink-faint);font-size:9px;letter-spacing:2px;padding:8px 14px;box-shadow:none}.btn--link:hover{color:var(--magenta);border-color:var(--magenta);transform:none!important;box-shadow:none!important}.btn__spinner{width:10px;height:10px;border:2px solid currentColor;border-top-color:transparent;border-radius:0;animation:spin .7s steps(8,end) infinite}.card__foot{display:flex;justify-content:center;align-items:center;gap:12px;padding-top:14px;margin-top:4px;border-top:2px dashed var(--cyan)}.social{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:0;border:2px solid;text-decoration:none;transition:all .1s;box-shadow:3px 3px 0 0 var(--bg-void)}.social:nth-child(1){background:var(--bg-void);color:var(--cyan);border-color:var(--cyan)}.social:nth-child(2){background:var(--bg-void);color:var(--yellow);border-color:var(--yellow)}.social:nth-child(3){background:var(--bg-void);color:var(--magenta);border-color:var(--magenta)}.social:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 0 var(--bg-void)}.social:nth-child(1):hover{background:var(--cyan);color:var(--bg-void)}.social:nth-child(2):hover{background:var(--yellow);color:var(--bg-void)}.social:nth-child(3):hover{background:var(--magenta);color:var(--ink)}.social:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--bg-void)}.social svg{display:block}@media(max-width:480px){.card{padding:16px;box-shadow:0 0 0 1px var(--bg-void),0 0 0 4px var(--cyan),0 0 30px -4px var(--glow-magenta),6px 6px #0009}.brand__title{font-size:11px;max-width:160px}.claim-box__num{font-size:34px}.claim-box__sym{font-size:13px}.btn{font-size:10px;padding:12px 16px;letter-spacing:1.5px}.shell{padding:16px 12px}}
