/* Bullseye — стиль Quiver: тёмный лес, лаймовые кнопки, Outfit + Cinzel, панели с лаймовыми линиями, радиус 22 */
:root{--bg:#070807;--bg2:#0c100c;--panel:rgba(16,20,15,.82);--solid:#11150f;--line:rgba(198,234,74,.14);--line2:rgba(198,234,74,.32);--lime:#C8F04C;--lime2:#9CCC2E;--brown:#C49A62;--text:#EEF2E4;--muted:#8D9482;--danger:#FF6B6B;--r:22px;
  --sans:'Outfit',system-ui,sans-serif;--serif:'Cinzel',serif}
*{box-sizing:border-box}
html{overflow-x:clip}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:400 15px/1.45 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}[hidden]{display:none!important}
input,select{font:inherit;color:var(--text)}
.muted{color:var(--muted)}.small{font-size:12.5px}

.forest{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#1a2213 0,transparent 55%),radial-gradient(ellipse at 20% 70%,#141a10 0,transparent 50%),linear-gradient(180deg,#0b0e0a,#070807 70%)}
.bigword{position:absolute;left:-30px;top:40%;transform:translateY(-50%);font:500 clamp(90px,14vw,190px)/1 var(--serif);color:rgba(238,242,228,.045);letter-spacing:.04em;white-space:nowrap}
.bigmark{position:absolute;right:6%;top:22%;width:min(380px,32vw);opacity:.16;filter:blur(.5px)}
.trees{position:absolute;left:0;right:0;bottom:0;height:42%;opacity:.55;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200' preserveAspectRatio='none'%3E%3Cpath fill='%23101510' d='M0 200V120l20-40 18 40 14-60 16 60 20-90 18 90 12-50 16 50 22-80 20 80 14-40 16 40 18-70 22 70 16-55 14 55 20-95 20 95 14-45 16 45 22-75 18 75 14-50 18 50 20-85 20 85 16-40 14 40 22-70 18 70 16-60 14 60 20-90 20 90 16-45 14 45 22-65 18 65 20-80 V200Z'/%3E%3C/svg%3E") bottom/1200px 100% repeat-x;mask-image:linear-gradient(180deg,transparent,#000 40%)}

.top{position:relative;z-index:2;display:flex;align-items:center;gap:20px;padding:14px 22px;border-bottom:1px solid rgba(238,242,228,.07)}
.brand{display:flex;align-items:center;gap:10px}.brand b{display:block;font:600 16px var(--serif);letter-spacing:.08em}.brand small{display:block;font-size:11.5px;color:var(--muted);margin-top:-2px}
.tabs{display:flex;gap:6px;margin-left:24px}.tabs a{padding:8px 13px;border-radius:99px;font-size:16px;color:var(--muted)}.tabs a.on{background:var(--lime);color:#10140c;font-weight:500}.tabs a:not(.on):hover{color:var(--text)}
.right{margin-left:auto;display:flex;align-items:center;gap:8px}
.tick{border:1px solid var(--line2);border-radius:99px;padding:6px 11px;font:600 12.5px var(--sans);color:var(--lime)}
.icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(238,242,228,.14)}
.lime{background:var(--lime);color:#10140c;border-radius:99px;padding:10px 16px;font-weight:600;font-size:15.5px;transition:background .15s}.lime:hover{background:#d5f56c}.lime:disabled{opacity:.55;cursor:default}

main{position:relative;z-index:1;max-width:480px;margin:0 auto;padding:44px 16px 60px;text-align:center}
.kicker{font:600 12.5px var(--sans);letter-spacing:.16em;color:var(--lime);margin:0 0 10px}
h1{font:600 clamp(30px,5vw,44px)/1.1 var(--sans);letter-spacing:-.035em;margin:0 0 22px}
.words{display:flex;gap:6px;margin:0 auto 14px;background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:5px 5px 5px 16px}
.words input{flex:1;min-width:0;background:transparent;border:0;outline:none;font-size:14px}.words button{width:34px;height:34px;border-radius:50%;background:rgba(200,240,76,.12);color:var(--lime)}

.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px;text-align:left;box-shadow:0 30px 80px rgba(0,0,0,.45);backdrop-filter:blur(8px);position:relative}
.ctop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.seg{display:flex;gap:4px}.seg button{padding:7px 12px;border-radius:99px;color:var(--muted);font-size:15.5px}.seg button.on{background:var(--lime);color:#10140c;font-weight:500}.seg.sm button{font-size:13px;padding:5px 10px}
.link{color:var(--muted);font-size:13px}.link:hover{color:var(--text)}
.leg{border:1px solid rgba(238,242,228,.08);background:rgba(255,255,255,.03);border-radius:18px;padding:12px 14px}
.lrow{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.lrow b{color:var(--text);font-weight:400}
.lmain{display:flex;align-items:center;gap:10px;margin:6px 0}.lmain input{flex:1;min-width:0;background:transparent;border:0;outline:none;font:400 30px var(--sans);letter-spacing:-.02em}
.lmain input::placeholder{color:rgba(238,242,228,.35)}.lmain.sm input{font-size:20px}
.tok{display:flex;align-items:center;gap:7px;border:1px solid rgba(238,242,228,.14);border-radius:99px;padding:6px 10px 6px 6px;font-weight:600;font-size:16px;white-space:nowrap}
.tok i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2b3326;font:600 11px var(--sans);font-style:normal}.tok i.eth{background:#7C8CF8;color:#fff}
.tok:after{content:'⌄';font-size:14px;margin-top:-6px;color:var(--muted)}
.pcts{display:flex;gap:5px}.pcts button{border:1px solid rgba(238,242,228,.12);border-radius:99px;padding:2px 8px;font-size:11.5px;color:var(--muted)}.pcts button:hover{color:var(--text)}
.flip{display:grid;place-items:center;width:34px;height:34px;margin:-10px auto;position:relative;z-index:1;border-radius:50%;background:var(--solid);border:1px solid var(--line2);font-size:15px}
.badge{border:1px solid rgba(196,154,98,.4);color:var(--brown);border-radius:8px;padding:2px 8px;font-size:12px}
.lim{margin-top:10px}.lim label{font-size:13px;color:var(--muted)}.lim select{background:var(--solid);border:1px solid var(--line);border-radius:8px;padding:3px 6px;font-size:13px}
.lim .lmain{border:1px solid rgba(238,242,228,.08);border-radius:14px;padding:4px 14px;margin:8px 0}
.info{margin:12px 2px;font-size:13px;display:grid;gap:5px}.info div{display:flex;justify-content:space-between;color:var(--muted)}.info b{color:var(--text);font-weight:400}
.lime.big{width:100%;padding:14px;font-size:17px;border-radius:14px;margin-top:4px}
.status{min-height:18px;margin:8px 2px 0;font-size:13px;color:var(--muted);text-align:center}.status a{color:var(--lime);text-decoration:underline}.status.err{color:var(--danger)}
.card h2{font:600 22px var(--sans);margin:4px 4px 6px}.card h3{font:600 16px var(--sans);margin:18px 4px 6px}
.prow{display:grid;grid-template-columns:60px 1fr auto;gap:10px;padding:9px 4px;border-top:1px solid rgba(238,242,228,.07);font-size:14px}.prow b{font-weight:600}
.ptot{display:flex;justify-content:space-between;padding:10px 4px;font-size:15px}.ptot b{font-size:22px;font-weight:600}

.foot{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:22px 16px 34px;border-top:1px solid rgba(238,242,228,.08);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.fl{display:flex;gap:10px;align-items:center}.fl b{display:block;font-weight:600}.fl small{color:var(--muted)}
.fr{display:flex;gap:16px;align-items:center;font-size:14px}.fr a,.fr .link{color:var(--lime);font-size:14px}.fr span{color:var(--muted)}

.modal{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.62);display:grid;place-items:center;padding:16px}
.modal .box{width:min(420px,100%);max-height:80vh;overflow:auto;background:var(--solid);border:1px solid var(--line2);border-radius:var(--r);padding:16px}
.mh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mh b{font-size:17px}.mh button{font-size:22px;color:var(--muted)}
.box input{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:10px 12px;outline:none;margin:6px 0 10px}
.list{display:grid;gap:2px;margin-top:10px}.list button{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;text-align:left;padding:8px;border-radius:12px}.list button:hover{background:rgba(255,255,255,.04)}
.list i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2b3326;font:600 11px var(--sans);font-style:normal}.list i.eth{background:#7C8CF8;color:#fff}
.list b{display:block;font-weight:600}.list small{color:var(--muted);font-size:12px}.list .r{text-align:right;font-size:13px}
.how{padding-left:20px;line-height:1.6;color:var(--text)}.how li{margin:6px 0}
.toast{position:fixed;left:50%;bottom:22px;translate:-50% 0;background:var(--solid);border:1px solid var(--line2);border-radius:12px;padding:10px 16px;z-index:30;font-size:14px;max-width:calc(100% - 32px)}

@media (max-width:760px){.top{padding:10px 12px;gap:8px;flex-wrap:wrap}.tabs{order:5;margin:0;width:100%;justify-content:center}.tick,.icon#xlink{display:none}.brand small{display:none}.bigmark{display:none}main{padding-top:26px}.lmain input{font-size:26px}}
