@import"https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Special+Elite&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-void: #1a1e10;--bg-deep: #262c1a;--bg-mid: #3a4229;--panel: #2d3321;--panel-light: #3d4a2d;--ink: #f0e8cc;--ink-dim: #b8b08c;--ink-faint: #7a7555;--khaki: #d4a82a;--khaki-deep: #a68520;--khaki-light: #e8c860;--camo-light: #5c6644;--camo-mid: #4a5236;--camo-dark: #2d3321;--danger: #c44020;--danger-deep: #8a2d15;--success: #6a8d3a;--line: rgba(212, 168, 42, .2);--line-bright: rgba(212, 168, 42, .5);--radius: 3px;--radius-sm: 2px;--display: "Black Ops One", "Impact", sans-serif;--body: "Special Elite", "JetBrains Mono", ui-monospace, monospace;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;font-family:var(--mono);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{background:radial-gradient(900px 600px at 30% 20%,rgba(74,82,54,.3) 0%,transparent 55%),radial-gradient(800px 500px at 70% 80%,rgba(92,102,68,.2) 0%,transparent 55%),var(--bg-void);background-attachment:fixed;position:relative;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'><g opacity='0.4'><path d='M 30 50 Q 75 25 125 50 Q 150 87 112 125 Q 75 137 37 112 Q 12 87 30 50 Z' fill='%233a4229'/><path d='M 162 25 Q 225 37 250 87 Q 262 137 212 150 Q 175 137 162 100 Q 156 62 162 25 Z' fill='%232d3321'/><path d='M 50 162 Q 112 150 150 187 Q 162 237 112 262 Q 62 268 37 231 Q 25 187 50 162 Z' fill='%234a5236'/><path d='M 187 187 Q 250 175 275 225 Q 281 275 237 287 Q 187 275 175 237 Q 168 206 187 187 Z' fill='%231a1e10'/></g></svg>");background-size:360px 360px;opacity:.5;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.12) 2px 3px);pointer-events:none;z-index:0}.shell{min-height:100vh;display:grid;place-items:center;padding:24px 18px;position:relative;z-index:1}.ambient{display:none}.card{width:100%;max-width:460px;background:linear-gradient(180deg,var(--panel) 0%,var(--bg-deep) 100%);border:2px solid var(--khaki);border-radius:var(--radius);padding:22px;position:relative;box-shadow:inset 0 0 0 1px #d4a82a26,0 0 0 4px var(--bg-void),0 20px 50px -15px #000000d9;animation:cardDeploy .5s cubic-bezier(.2,.8,.2,1) both}@keyframes cardDeploy{0%{opacity:0;transform:translateY(20px) scale(.97);filter:brightness(.3)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}.card:before{content:"";position:absolute;top:8px;left:8px;width:14px;height:14px;border-top:2px solid var(--khaki);border-left:2px solid var(--khaki);pointer-events:none}.card:after{content:"";position:absolute;bottom:8px;right:8px;width:14px;height:14px;border-bottom:2px solid var(--khaki);border-right:2px solid var(--khaki);pointer-events:none}.card--loading,.card--error{text-align:center;padding:44px 22px}.card--error h2{color:var(--danger);margin:0 0 10px;font-family:var(--display);font-size:22px;letter-spacing:3px;text-transform:uppercase}.card--error p{color:var(--ink-dim);margin:0;font-family:var(--mono);font-size:13px}.spinner{width:36px;height:36px;border:2px solid rgba(212,168,42,.2);border-top-color:var(--khaki);border-right-color:var(--camo-light);border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed var(--line-bright);position:relative}.card__head:before{content:"CLASSIFIED // OPERATION";position:absolute;top:-8px;left:0;font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:2px;color:var(--khaki);background:var(--panel);padding:0 6px;opacity:.75}.brand{display:flex;align-items:center;gap:12px;min-width:0;padding-top:6px}.brand__logo{width:46px;height:46px;border-radius:var(--radius);background:var(--bg-void);border:2px solid var(--khaki);padding:2px;flex-shrink:0;box-shadow:0 0 0 1px var(--bg-void),0 3px 6px #00000080}.brand__text{min-width:0;padding-top:6px}.brand__title{font-family:var(--display);font-size:20px;font-weight:400;margin:0;line-height:1.05;letter-spacing:3px;color:var(--khaki);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;text-shadow:2px 2px 0 var(--bg-void)}.wallet-chip{font-family:var(--mono);font-size:11px;font-weight:700;padding:7px 12px;background:var(--bg-void);border:1px solid var(--khaki);border-radius:var(--radius-sm);color:var(--khaki);cursor:pointer;letter-spacing:1px;text-transform:uppercase;transition:all .2s;flex-shrink:0;margin-top:6px}.wallet-chip:hover{background:var(--khaki);color:var(--bg-void);box-shadow:0 0 12px -2px #d4a82a80}.banner{margin:0 0 16px;border-radius:var(--radius-sm);overflow:hidden;position:relative;border:2px solid var(--khaki);aspect-ratio:900 / 540;box-shadow:0 0 0 1px var(--bg-void),0 6px 16px -6px #000000b3}.banner img{width:100%;height:100%;object-fit:cover;display:block}.banner__tag{position:absolute;top:10px;left:10px;font-family:var(--display);font-size:10px;font-weight:400;letter-spacing:3px;padding:5px 10px;background:var(--bg-void);color:var(--khaki);border:1.5px solid var(--khaki);border-radius:var(--radius-sm);text-transform:uppercase;box-shadow:inset 4px 0 0 var(--khaki),0 2px 0 var(--bg-void)}.desc{font-family:var(--body);font-size:14px;line-height:1.6;color:var(--ink-dim);margin:0 0 16px;font-weight:400;padding:12px 14px 12px 42px;background:#1a1e1099;border-left:3px solid var(--khaki);border-radius:0 var(--radius-sm) var(--radius-sm) 0;position:relative}.desc:before{content:"INTEL";position:absolute;left:10px;top:50%;transform:translateY(-50%) rotate(-90deg);font-family:var(--display);font-size:10px;color:var(--khaki);letter-spacing:3px}.token-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-void);border:1px solid var(--line-bright);border-radius:var(--radius-sm);margin-bottom:14px;position:relative}.token-row:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:4px;background:var(--khaki)}.token-row__label{font-family:var(--display);font-size:11px;text-transform:uppercase;letter-spacing:3px;color:var(--khaki);font-weight:400}.token-row__value{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--ink);text-decoration:none;letter-spacing:1px;transition:all .2s}.token-row__value:hover{color:var(--khaki)}.claim-box{padding:18px 16px;background:var(--bg-void);border:2px solid var(--khaki);border-radius:var(--radius-sm);margin-bottom:16px;text-align:center;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d4a82a26,inset 0 0 30px #00000080}.claim-box:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:repeating-linear-gradient(45deg,var(--khaki) 0 8px,var(--bg-void) 8px 16px);border-bottom:1px solid var(--khaki)}.claim-box:after{content:"";position:absolute;bottom:0;left:0;right:0;height:6px;background:repeating-linear-gradient(45deg,var(--khaki) 0 8px,var(--bg-void) 8px 16px);border-top:1px solid var(--khaki)}.claim-box__label{font-family:var(--display);font-size:11px;text-transform:uppercase;letter-spacing:5px;color:var(--khaki);margin-bottom:8px;margin-top:8px;font-weight:400;position:relative}.claim-box__label:before,.claim-box__label:after{content:"★";margin:0 8px;color:var(--khaki);opacity:.7}.claim-box__amount{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:6px;position:relative}.claim-box__num{font-family:var(--display);font-size:56px;font-weight:400;letter-spacing:4px;color:var(--khaki);line-height:1;text-shadow:3px 3px 0 var(--bg-mid),-1px -1px 0 var(--bg-void)}.claim-box__sym{font-family:var(--display);font-size:18px;font-weight:400;color:var(--ink);letter-spacing:3px}.claim-box__fee{font-family:var(--mono);font-size:10px;color:var(--ink-faint);letter-spacing:2px;text-transform:uppercase;position:relative;margin-bottom:4px}.status{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-family:var(--mono);font-size:12px;font-weight:500;line-height:1.5;margin-bottom:14px;border:1px solid;border-left-width:4px;animation:statusIn .25s ease-out;letter-spacing:1px}@keyframes statusIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.status--info,.status--pending{background:#d4a82a14;border-color:var(--khaki);color:var(--khaki)}.status--success{background:#6a8d3a1f;border-color:var(--success);color:#b8d66a}.status--error{background:#c440201f;border-color:var(--danger);color:#ff6e4a}.status__dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0;box-shadow:0 0 6px currentColor}.status--pending .status__dot{animation:radarPulse 1.2s ease-in-out infinite}@keyframes radarPulse{0%,to{opacity:1;box-shadow:0 0 2px currentColor}50%{opacity:.4;box-shadow:0 0 12px currentColor}}.status__msg{flex:1;word-break:break-word;font-family:var(--mono)}.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:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:var(--radius-sm);font-family:var(--display);font-size:13px;font-weight:400;letter-spacing:3px;text-transform:uppercase;cursor:pointer;border:2px solid;transition:all .15s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 3px 0 0 var(--bg-void)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 0 0 var(--bg-void)}.btn:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 0 var(--bg-void)}.btn--primary{background:var(--khaki);color:var(--bg-void);border-color:var(--khaki-deep)}.btn--primary:not(:disabled):hover{background:var(--khaki-light);border-color:var(--khaki)}.btn--primary:after{content:"";position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(26,30,16,.3),transparent);animation:sweep 3s infinite;pointer-events:none}@keyframes sweep{0%{left:-100%}30%,to{left:200%}}.btn--warn{background:var(--bg-void);color:var(--danger);border-color:var(--danger);background-image:repeating-linear-gradient(45deg,rgba(196,64,32,.1) 0 8px,transparent 8px 16px)}.btn--warn:not(:disabled):hover{background:var(--danger);color:var(--ink);background-image:none}.btn--ghost{background:var(--bg-void);color:var(--ink);border-color:var(--camo-light)}.btn--ghost:not(:disabled):hover{background:var(--camo-mid);border-color:var(--khaki);color:var(--khaki)}.btn--link{background:transparent;color:var(--ink-faint);border:1px dashed var(--ink-faint);font-size:10px;letter-spacing:4px;padding:8px 14px;box-shadow:none;font-family:var(--mono);font-weight:500}.btn--link:hover{color:var(--khaki);border-color:var(--khaki);background:transparent;transform:none!important;box-shadow:none!important}.btn__spinner{width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.card__foot{display:flex;justify-content:center;align-items:center;gap:10px;padding-top:14px;margin-top:4px;border-top:1px dashed var(--line-bright);position:relative}.card__foot:before{content:"COMM CHANNELS";position:absolute;top:-7px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:2px;color:var(--khaki);background:var(--panel);padding:0 8px}.social{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--line-bright);color:var(--ink-dim);background:var(--bg-void);text-decoration:none;transition:all .2s}.social:hover{color:var(--khaki);border-color:var(--khaki);background:#d4a82a1a;box-shadow:0 0 10px -2px #d4a82a80}.social svg{display:block}@media(max-width:480px){.card{padding:18px}.brand__title{font-size:17px;max-width:200px}.claim-box__num{font-size:44px;letter-spacing:3px}.btn{font-size:12px;padding:12px 16px;letter-spacing:2px}.shell{padding:16px 12px}}
