/* Original Frogemarket v2 brand system: mark, Moss and hand-built pond */
.brand-logo{width:38px;height:38px;display:block;filter:drop-shadow(0 0 12px #c8ff2726)}
.brand-mark{display:none}
.hero-visual{background:linear-gradient(180deg,#06100d 0%,#0b291d 57%,#06110d 100%)}
.handmade-scene{position:absolute;inset:0;overflow:hidden;z-index:0;background:radial-gradient(ellipse at 50% 42%,#2a6a3f55 0,transparent 40%),linear-gradient(172deg,transparent 0 69%,#0a2d20 70%,#06110d 100%)}
.moon{position:absolute;width:150px;height:150px;border-radius:50%;right:7%;top:7%;background:#d9ff8466;filter:blur(1px);box-shadow:0 0 70px #bfff3f44}.moon:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;left:-32px;top:-20px;background:#07130f}
.mist{position:absolute;width:115%;height:90px;left:-8%;border-radius:50%;background:#b4ffd110;filter:blur(22px);transform:rotate(-7deg)}.m1{top:31%}.m2{top:63%;transform:rotate(5deg)}
.water-lines{position:absolute;left:-20%;right:-20%;bottom:-9%;height:38%;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 12px,#8bff8f21 13px 14px,transparent 15px 27px);transform:scaleY(.35);filter:drop-shadow(0 0 7px #7aff8d55)}
.lilypad{position:absolute;width:150px;height:44px;border-radius:50%;bottom:5%;background:linear-gradient(180deg,#376e31,#102a18);box-shadow:0 8px 18px #0009}.lilypad:after{content:"";position:absolute;left:50%;top:0;border-width:10px 16px;border-style:solid;border-color:#06110d transparent transparent transparent}.l1{left:2%;transform:rotate(7deg)}.l2{right:-3%;bottom:12%;transform:scale(.72) rotate(-8deg)}
.reed{position:absolute;bottom:2%;width:9px;height:230px;background:linear-gradient(90deg,#152d16,#568c3a,#172f17);border-radius:100% 20% 0 0;transform-origin:bottom;z-index:1}.reed:before,.reed:after{content:"";position:absolute;width:55px;height:18px;background:#315c27;border-radius:100% 0 100% 0}.reed:before{top:65px;right:2px;transform:rotate(-25deg)}.reed:after{top:125px;left:3px;transform:scaleX(-1) rotate(-20deg)}.r1{left:7%;transform:rotate(-8deg)}.r2{right:9%;height:180px;transform:rotate(11deg)}
.portal{width:430px;height:565px;padding:15px}.portal-inner{background:radial-gradient(circle at 50% 38%,#b5ff4838,transparent 52%);justify-content:flex-end;overflow:hidden}.portal small{font:500 9px DM Mono;letter-spacing:2px;margin:0 0 18px;position:absolute;bottom:0;z-index:4;text-shadow:0 2px 8px #000}.moss{width:auto;max-width:none;height:100%;object-fit:contain;margin:0;mix-blend-mode:screen;filter:contrast(1.09) saturate(1.05) drop-shadow(0 24px 25px #000);animation:moss-float 5s ease-in-out infinite}@keyframes moss-float{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-9px) rotate(.5deg)}}
.feed-status{text-align:right}.feed-status span{font:500 10px DM Mono;letter-spacing:1px;color:var(--green)}.feed-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 1.5s infinite}.feed-status small{display:block;color:var(--muted);margin-top:8px}@keyframes pulse{50%{opacity:.35}}
.token-icon img{width:24px;height:24px;object-fit:contain}.token-icon.brand-dark{background:#101b15;border:1px solid var(--line)}
.quote-changed{animation:quote-tick 1.1s ease-out}.quote-changed .metric b{color:var(--lime)}@keyframes quote-tick{0%{background:#c8ff2728;box-shadow:inset 3px 0 var(--lime)}100%{background:transparent;box-shadow:inset 0 0 transparent}}.metric small{white-space:nowrap}
@media(max-width:850px){.portal{width:315px;height:455px}.moss{width:auto;height:100%;margin:0}.moon{width:100px;height:100px}.moon:after{width:100px;height:100px}.feed-status{text-align:left;margin-top:20px}.section-heading>p{max-width:none}}

/* On-chain creation */
#token-image{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-preview{display:flex;align-items:center;gap:14px;padding:16px;border:1px dashed #52665a;background:#07110d;cursor:pointer;margin-top:-5px}.upload-preview:hover{border-color:var(--lime)}.upload-preview>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#16261d;color:var(--lime);font-size:24px}.upload-preview div{flex:1}.upload-preview strong,.upload-preview small{display:block}.upload-preview small{color:var(--muted);font-size:11px;margin-top:4px}.upload-preview.ready{border-style:solid;border-color:var(--green)}.upload-preview.ready>span{background-size:cover;background-position:center;color:transparent}
.chain-notice{display:flex;align-items:center;gap:13px;margin-top:24px;padding:14px;background:#11241a;border:1px solid #294c37}.chain-notice i{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px var(--lime)}.chain-notice strong,.chain-notice small{display:block}.chain-notice small{margin-top:3px;color:var(--muted);font-size:11px}.deploy-status{display:none;margin-top:18px;padding:14px;border:1px solid var(--line);font-size:12px;line-height:1.6}.deploy-status.visible{display:block}.deploy-status.pending{border-color:#806d25;color:#ffe483}.deploy-status.success{border-color:#246d46;color:#89ffb5}.deploy-status.error{border-color:#7c3035;color:#ff9299}.deploy-status a{color:inherit}.btn[disabled]{opacity:.55;cursor:wait}
.wallet-options{display:grid;gap:10px;margin:22px 0}.wallet-option{cursor:pointer}.wallet-option img{width:28px;height:28px;border-radius:8px}.wallet-loading{color:var(--muted);font-size:13px;padding:12px}.network-card{border-top:1px solid var(--line);padding-top:18px}.network-card b,.network-card small{display:block}.network-card small{color:var(--muted);margin-top:5px}.wallet-connected{color:var(--green);font-size:12px;margin-top:10px}.token-orb.has-image{background-size:cover;background-position:center;color:transparent;border:3px solid var(--lime)}.onchain-badge{color:var(--lime);font-size:9px}.contract-link{color:var(--lime);text-decoration:none}