/* Deepwater Swap — Rogue Isles visual layer. Chain and transaction hooks stay in the original app. */
:root {
  --dw-bg:#04131f; --dw-panel:rgba(5,25,39,.89); --dw-inset:rgba(3,18,29,.94);
  --dw-text:#ecf8fa; --dw-muted:#9bb5bf; --dw-dim:#71939f;
  --dw-cyan:#76e4e7; --dw-cyan-bright:#b4fcf5; --dw-gold:#e6bd72; --dw-gold-light:#fae0a0;
  --dw-line:rgba(134,213,224,.22); --dw-line-soft:rgba(134,213,224,.12);
  --dw-danger:#ff9a96; --dw-success:#9ce4c5; --dw-sans:Inter,"Segoe UI",Arial,sans-serif;
  --dw-heading:Georgia,"Times New Roman",serif; --sans:var(--dw-sans); --head:var(--dw-heading);
  --dw-header:76px; --dw-sidebar:218px;
}
html { color-scheme:dark; scroll-padding-top:96px; }
body { font-family:var(--dw-sans); color:var(--dw-text); background:var(--dw-bg); min-height:100vh; line-height:1.45; }
body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,rgba(2,15,25,.12),rgba(2,15,25,.12) 55%,rgba(2,15,25,.22)),linear-gradient(0deg,rgba(2,12,20,.62),transparent 55%); }
#bgvideo { opacity:1; z-index:-3; object-position:center; }
body.dw-ocean-ready #bgvideo,#bgvideo.dw-ocean-ready { opacity:1; }
#bgveil { z-index:-2; background:linear-gradient(180deg,rgba(2,14,23,.34),rgba(3,22,33,.08) 40%,rgba(2,16,27,.30)); }
#embers { display:none!important; }
button,input,select { font:inherit; }
button,a,input,select,.toggle,.tcard,.pool-item,.lkcard { -webkit-tap-highlight-color:transparent; }
a { color:var(--dw-cyan); }
button { touch-action:manipulation; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible,[role="button"]:focus-visible { outline:2px solid var(--dw-cyan-bright); outline-offset:4px; }
::selection { background:rgba(118,228,231,.25); color:#fff; }
::-webkit-scrollbar { width:6px; height:6px; }
::-webkit-scrollbar-track { background:rgba(3,18,29,.45); }
::-webkit-scrollbar-thumb { background:rgba(118,228,231,.28); border-radius:9px; }

/* Header and navigation */
nav:not(.dw-mobile-nav) { height:var(--dw-header); padding:0 28px; gap:22px; border-bottom:1px solid var(--dw-line); background:rgba(3,18,29,.85); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); box-shadow:0 10px 40px rgba(0,0,0,.09); animation:none; }
nav:not(.dw-mobile-nav)::after { height:1px; background:linear-gradient(90deg,transparent,rgba(230,189,114,.5) 20%,rgba(118,228,231,.3) 55%,transparent); }
.nav-brand { font-family:var(--dw-heading); font-size:22px; line-height:1.15; color:var(--dw-text); letter-spacing:-.6px; gap:12px; cursor:pointer; }
.nav-brand b { color:var(--dw-gold); font-weight:400; }
.brand-logo { width:48px; height:48px; filter:drop-shadow(0 3px 9px rgba(0,0,0,.28)); }
.nav-right { gap:9px; }
.nav-ticker { font:11px var(--dw-sans); letter-spacing:.3px; color:var(--dw-muted); }
.nav-ticker span { color:var(--dw-gold); font-weight:600; }
.pools-btn { height:38px; padding:0 13px; background:rgba(13,49,64,.38); border:1px solid var(--dw-line); color:var(--dw-muted); border-radius:8px; font-family:var(--dw-sans); font-size:11px; font-weight:600; letter-spacing:.25px; text-transform:none; transition:background .2s,border-color .2s,color .2s,transform .2s; }
.pools-btn:hover,.pools-btn.on { color:var(--dw-cyan-bright); background:rgba(118,228,231,.08); border-color:rgba(118,228,231,.48); transform:translateY(-1px); }
.navbtn-ico { width:18px; height:18px; object-fit:contain; }
.wallet-nav-btn { height:40px; padding:0 19px; border:1px solid rgba(250,224,160,.65); border-radius:8px; font:600 11px var(--dw-sans); letter-spacing:.3px; color:#17232c; background:linear-gradient(120deg,var(--dw-gold-light),var(--dw-gold)); box-shadow:0 3px 13px rgba(230,189,114,.10); animation:none!important; transition:transform .2s,box-shadow .2s,filter .2s; }
.wallet-nav-btn:not(.connected)::after { display:none; }
.wallet-nav-btn:not(.connected):hover { transform:translateY(-1px); filter:brightness(1.04); box-shadow:0 5px 18px rgba(230,189,114,.18); }
.wallet-nav-btn.connected { color:var(--dw-cyan-bright); background:rgba(118,228,231,.08); border-color:rgba(118,228,231,.35); }
.dw-menu-btn { display:none; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid var(--dw-line); border-radius:8px; color:var(--dw-text); background:rgba(118,228,231,.04); cursor:pointer; }
.dw-menu-btn svg { width:20px; height:20px; }
.dw-sidebar { position:fixed; top:var(--dw-header); bottom:0; left:0; width:var(--dw-sidebar); z-index:90; display:flex; flex-direction:column; padding:31px 17px 20px; background:linear-gradient(180deg,rgba(3,20,32,.83),rgba(3,19,31,.61)); border-right:1px solid var(--dw-line-soft); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
.dw-sidebar-label { font:600 9px var(--dw-sans); letter-spacing:2px; text-transform:uppercase; color:var(--dw-dim); padding:0 13px; margin:0 0 13px; }
.dw-sidebar-label:not(:first-child) { margin-top:30px; }
.dw-sidebar-brand { display:flex; align-items:center; gap:10px; margin:0 10px 28px; font:17px var(--dw-heading); }
.dw-sidebar-brand img { width:42px; height:42px; object-fit:contain; }
.dw-nav-item { display:flex; align-items:center; gap:11px; min-height:43px; margin:4px 0; padding:11px 13px; border:1px solid transparent; border-radius:8px; text-decoration:none; color:var(--dw-muted); font-size:12px; font-weight:500; transition:background .2s,color .2s,border-color .2s,transform .2s; }
.dw-nav-item svg { width:17px; height:17px; flex:none; opacity:.85; }
.dw-nav-item small { margin-left:auto; color:var(--dw-dim); font-size:8px; letter-spacing:.6px; text-transform:uppercase; }
.dw-nav-item:hover { color:var(--dw-text); background:rgba(118,228,231,.05); transform:translateX(2px); }
.dw-nav-item.active,.dw-nav-item[aria-current="page"] { color:var(--dw-cyan-bright); border-color:rgba(118,228,231,.17); background:linear-gradient(90deg,rgba(118,228,231,.10),rgba(118,228,231,.025)); box-shadow:inset 2px 0 rgba(118,228,231,.75); }
.dw-sidebar-bottom { margin-top:auto; padding:20px 13px 0; border-top:1px solid var(--dw-line-soft); color:var(--dw-dim); font-size:10px; line-height:1.8; }
.dw-sidebar-bottom a { color:var(--dw-muted); text-decoration:none; }
.dw-sidebar-bottom strong { color:var(--dw-gold); font-weight:500; }
.dw-mobile-nav { display:none; }

/* The trading stage */
.dw-content { margin-left:var(--dw-sidebar); padding-top:var(--dw-header); flex:1; min-width:0; position:relative; }
.dw-content .wrap,.wrap { padding:42px 34px 44px; justify-content:flex-start; width:100%; }
.dw-intro { text-align:center; max-width:860px; margin:0 auto 22px; position:relative; z-index:3; }
.dw-hero-badge { display:inline-flex; align-items:center; gap:8px; color:var(--dw-gold-light); font-size:10px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; }
.dw-hero-badge img { width:25px; height:25px; object-fit:contain; }
.dw-hero-badge::before,.dw-hero-badge::after { content:""; height:1px; width:25px; background:linear-gradient(90deg,transparent,var(--dw-gold)); opacity:.55; }
.dw-hero-badge::after { transform:rotate(180deg); }
.dw-intro-art { width:80px; height:80px; object-fit:contain; display:block; margin:0 auto 14px; filter:drop-shadow(0 8px 22px rgba(0,11,22,.35)); }
.dw-overline { font-size:9px; letter-spacing:2.6px; text-transform:uppercase; color:var(--dw-gold); margin:0 0 13px; }
.dw-title { font-family:var(--dw-heading); color:#f4fbf9; font-size:clamp(36px,4vw,54px); font-weight:400; line-height:1.08; letter-spacing:-1.6px; margin:13px 0 12px; text-shadow:0 4px 25px rgba(0,9,18,.3); }
.dw-title em { color:var(--dw-gold-light); font-style:italic; }
.dw-intro-copy { color:#b8cfd5; font-size:12px; font-weight:400; line-height:1.75; max-width:440px; margin:0 auto; text-shadow:0 1px 5px rgba(0,9,18,.5); }
.dw-quicklinks { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin:17px auto 24px; max-width:680px; }
.dw-quicklinks a { display:inline-flex; align-items:center; gap:7px; min-height:32px; padding:7px 11px; border:1px solid rgba(174,226,228,.20); border-radius:6px; text-decoration:none; font-size:10px; color:#d0e5e7; background:rgba(3,24,37,.42); backdrop-filter:blur(10px); transition:background .2s,border-color .2s,transform .2s; }
.dw-quicklinks a:hover { background:rgba(9,42,56,.78); border-color:rgba(230,189,114,.50); transform:translateY(-2px); color:var(--dw-gold-light); }
.dw-quicklinks svg { width:12px; height:12px; }
.dw-quicklinks small { color:var(--dw-muted); font-size:9px; }
.stage { gap:12px; max-width:1280px; margin:0 auto; }
.stage::before { background:radial-gradient(ellipse 50% 44% at 50% 50%,rgba(69,177,194,.08),transparent 72%); width:min(90vw,800px); height:640px; filter:blur(26px); animation:none; }
.powered-badge { padding:4px 10px 4px 5px; gap:7px; border:1px solid rgba(118,228,231,.19); font:9px var(--dw-sans); letter-spacing:.5px; color:var(--dw-muted); background:rgba(3,24,37,.58); box-shadow:none; }
.powered-badge img { width:18px; height:18px; border:none; border-radius:50%; object-fit:contain; }
.powered-badge b { color:var(--dw-cyan); font-weight:500; }
.card-row { max-width:1220px; }
.card { max-width:480px; flex:0 1 480px; position:relative; border-radius:17px; animation:dwAppear .55s ease both; filter:drop-shadow(0 20px 35px rgba(0,10,19,.18)); }
.tabs { background:rgba(5,27,41,.94); border:1px solid rgba(134,213,224,.34); border-bottom:none; border-radius:17px 17px 0 0; padding:7px 8px 0; gap:4px; }
.tab { height:40px; border-radius:8px 8px 0 0; font:500 11px var(--dw-sans); color:var(--dw-muted); letter-spacing:.25px; text-transform:none; }
.tab:hover { color:var(--dw-text); background:rgba(118,228,231,.04); }
.tab.active { color:var(--dw-cyan-bright); background:linear-gradient(180deg,rgba(118,228,231,.1),rgba(118,228,231,.025)); border-bottom:2px solid var(--dw-cyan); }
.body { background:linear-gradient(145deg,rgba(8,35,50,.96),rgba(4,23,37,.96)); border:1px solid rgba(134,213,224,.34); border-top:1px solid rgba(134,213,224,.13); border-radius:0 0 17px 17px; padding:22px; box-shadow:inset 0 1px rgba(255,255,255,.02),0 12px 42px rgba(0,12,22,.22); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.screen { gap:16px; animation:dwAppear .3s ease; }
.shead { gap:12px; margin-bottom:3px; }
.shead h2 { font-family:var(--dw-heading); color:var(--dw-text); font-size:25px; font-weight:400; text-transform:none; letter-spacing:-.4px; }
.tools { gap:5px; }
.iconbtn { width:30px; height:30px; border:1px solid var(--dw-line-soft); border-radius:7px; color:var(--dw-muted); background:rgba(118,228,231,.03); transition:color .2s,background .2s,border-color .2s,transform .2s; }
.iconbtn svg { width:14px; height:14px; }
.iconbtn:hover { color:var(--dw-cyan-bright); background:rgba(118,228,231,.08); border-color:var(--dw-line); transform:translateY(-1px); }
.field { background:linear-gradient(120deg,rgba(3,20,32,.98),rgba(5,25,38,.90)); border:1px solid rgba(134,213,224,.18); border-radius:12px; min-height:100px; padding:17px 17px 13px; gap:12px; box-shadow:inset 0 2px 6px rgba(0,0,0,.16); transition:border-color .2s,box-shadow .2s; }
.field:focus-within { border-color:rgba(118,228,231,.6); box-shadow:0 0 0 3px rgba(118,228,231,.04); }
.field-left { gap:4px; }
.amount { color:var(--dw-text); font-family:var(--dw-sans); font-size:30px; font-weight:400; line-height:1.2; letter-spacing:-1px; }
.amount::placeholder { color:#5e818d; opacity:1; }
.amount:focus { color:#fff; }
.amount:disabled { opacity:1; -webkit-text-fill-color:var(--dw-text); }
.field-bal { color:var(--dw-dim); font-size:10px; letter-spacing:0; }
.field-bal:hover { color:var(--dw-cyan); }
.bal-row { gap:7px; margin-top:6px; }
.pill,body .brpill { min-width:96px; height:40px; padding:0 10px 0 6px; gap:7px; border:1px solid rgba(134,213,224,.28); border-radius:9px; background:rgba(14,46,61,.8); color:var(--dw-text); font:600 12px var(--dw-sans); letter-spacing:.2px; text-transform:none; }
.pill:hover,body .brpill:hover { border-color:var(--dw-cyan); background:rgba(26,66,79,.8); }
.coin { width:25px; height:25px; box-shadow:none!important; }
.coin.dw-native,.coin.dw-rge { background:url("assets/rge-mark.svg") center/contain no-repeat!important; border-radius:50%; }
.dw-native-coin { background-image:url("assets/rge-mark.svg")!important; background-size:contain!important; background-repeat:no-repeat!important; background-position:center!important; background-color:transparent!important; object-fit:contain; border-radius:50%; }
.chev { width:11px; height:11px; color:var(--dw-muted); }
.flipwrap { margin:-27px 0; position:relative; z-index:2; }
.flip { width:35px; height:35px; border:4px solid #082233; background:#123548; color:var(--dw-cyan); border-radius:10px; box-shadow:none; }
.flip:hover { border-color:#082233; color:var(--dw-cyan-bright); background:#1b4a5e; transform:translateY(1px); }
.flip svg { width:16px; height:16px; }
.meta { font-size:10px; letter-spacing:.1px; color:var(--dw-muted); padding:0 2px; }
.impact-ok { color:var(--dw-muted); } .impact-warn { color:var(--dw-gold); } .impact-danger { color:var(--dw-danger); }
.cta { height:48px; border:1px solid rgba(250,224,160,.65); border-radius:9px; background:linear-gradient(110deg,#f1d492,#ddb369); color:#122c39; font:700 12px var(--dw-sans); text-transform:none; letter-spacing:.3px; box-shadow:inset 0 1px rgba(255,255,255,.25),0 4px 16px rgba(230,189,114,.07); transition:transform .2s,filter .2s,box-shadow .2s; }
.cta:hover:not(:disabled),.cta.connect-pulse:hover:not(:disabled) { transform:translateY(-2px); filter:brightness(1.05); box-shadow:0 6px 20px rgba(230,189,114,.15); }
.cta:active:not(:disabled) { transform:translateY(0); }
.cta:disabled { opacity:.46; box-shadow:none; }
.cta.outline { background:rgba(118,228,231,.05); border:1px solid rgba(118,228,231,.3); color:var(--dw-cyan); box-shadow:none; }
.cta.connect-pulse { animation:none; }
.cta.connect-pulse::after { display:none; }
.spinner { border-color:rgba(18,44,57,.25); border-top-color:#122c39; width:16px; height:16px; }
.soon-badge { font:600 8px var(--dw-sans); color:var(--dw-gold); background:rgba(230,189,114,.12); border:1px solid rgba(230,189,114,.2); border-radius:5px; vertical-align:middle; padding:3px 6px; letter-spacing:.5px; }
.dw-footer-note { font-size:9px; color:var(--dw-muted); text-align:center; margin:14px auto 0; line-height:1.7; letter-spacing:.15px; }
.dw-footer-note svg { width:11px; height:11px; vertical-align:-2px; margin-right:4px; }
.dw-network-details { font:9px/1.7 var(--dw-sans); color:var(--dw-dim); margin:13px 0 0; border-top:1px solid var(--dw-line-soft); padding-top:11px; text-align:left; }
.dw-network-details summary { cursor:pointer; color:var(--dw-muted); display:list-item; list-style-position:inside; }
.dw-network-details summary:hover { color:var(--dw-cyan); }
.dw-network-details p,.dw-network-details dl { margin:8px 0; }
.dw-network-details dt { color:var(--dw-dim); font-weight:500; margin-top:8px; }
.dw-network-details dd { color:var(--dw-muted); overflow-wrap:anywhere; margin:2px 0; }
.dw-network-details code { font:9px/1.7 ui-monospace,Consolas,monospace; color:var(--dw-muted); overflow-wrap:anywhere; }
#dwMotion { display:inline-flex; align-items:center; justify-content:center; gap:6px; color:var(--dw-muted); background:rgba(118,228,231,.035); border:1px solid var(--dw-line); border-radius:7px; padding:7px 10px; font:10px var(--dw-sans); cursor:pointer; transition:color .2s,border-color .2s,background .2s; }
#dwMotion svg { width:12px; height:12px; }
#dwMotion:hover,#dwMotion[aria-pressed="true"] { color:var(--dw-cyan); border-color:rgba(118,228,231,.45); background:rgba(118,228,231,.08); }
body.dw-market-view .dw-intro,body.dw-market-view .dw-quicklinks { display:none; }
body.dw-market-view .dw-content .wrap { padding-top:29px; }
body.dw-motion-paused .card,body.dw-motion-paused .screen,body.dw-motion-paused .modal,body.dw-motion-paused .dw-intro-art { animation:none!important; }
body.dw-motion-paused .wallet-nav-btn::after,body.dw-motion-paused .cta::after,body.dw-motion-paused .stage::before { animation-play-state:paused!important; }

/* Token discovery and shared fields */
.search-box { height:43px; border:1px solid var(--dw-line); border-radius:9px; background:var(--dw-inset); padding:0 13px; box-shadow:none; gap:9px; }
.search-box input { min-width:0; font:12px var(--dw-sans); color:var(--dw-text); letter-spacing:0; }
.search-box input::placeholder { color:var(--dw-dim); }
.search-box svg { width:15px; height:15px; stroke:var(--dw-muted); }
.tlist { gap:6px; max-height:310px; }
.tlist::-webkit-scrollbar-thumb { background:rgba(118,228,231,.28); }
.trow { border:1px solid var(--dw-line-soft); border-radius:9px; background:rgba(5,28,42,.85); padding:11px 12px; gap:10px; }
.trow:hover { border-color:rgba(118,228,231,.4); background:rgba(14,45,60,.95); }
.trow .sym { color:var(--dw-text); font:600 12px var(--dw-sans); letter-spacing:0; }
.trow .nm,.trow .tbal { color:var(--dw-muted); font:10px var(--dw-sans); }
.trow-right { gap:8px; }
.oggscan-btn { color:var(--dw-cyan); background:rgba(118,228,231,.05); border:1px solid rgba(118,228,231,.22); border-radius:6px; font-size:9px; letter-spacing:0; padding:6px 8px; }
.oggscan-btn:hover { color:var(--dw-cyan-bright); border-color:rgba(118,228,231,.5); background:rgba(118,228,231,.1); }
.empty-state { min-height:160px; padding:24px; gap:8px; }
.empty-state .big { font:26px var(--dw-heading); letter-spacing:0; color:var(--dw-text); }
.empty-state .sub { font:11px/1.7 var(--dw-sans); color:var(--dw-muted); max-width:270px; }
.input-field { height:43px; border:1px solid var(--dw-line); border-radius:8px; background:var(--dw-inset); color:var(--dw-text); font:12px var(--dw-sans); letter-spacing:.1px; padding:0 12px; }
.input-field::placeholder { color:var(--dw-dim); }
.input-field:focus { border-color:var(--dw-cyan); }
.lbl { color:var(--dw-muted); font:500 9px var(--dw-sans); letter-spacing:1px; margin:3px 0 5px; }
.chip,.max-btn,.maxbtn,body .br-max { font:600 10px var(--dw-sans); letter-spacing:.25px; border:1px solid var(--dw-line); border-radius:6px; background:rgba(118,228,231,.05); color:var(--dw-muted); padding:7px 12px; }
.max-btn,body .br-max { padding:2px 6px; font-size:8px; color:var(--dw-cyan); }
.maxbtn { padding:10px 13px; color:var(--dw-cyan); }
.chip:hover,.chip.on,.max-btn:hover,.maxbtn:hover,body .br-max:hover { border-color:rgba(118,228,231,.55); color:var(--dw-cyan-bright); background:rgba(118,228,231,.09); }
.divider { background:var(--dw-line-soft); }
.info-box { background:rgba(118,228,231,.035); border:1px solid var(--dw-line-soft); border-radius:9px; color:var(--dw-muted); font:11px/1.75 var(--dw-sans); letter-spacing:0; padding:12px 14px; }
.info-box b { color:var(--dw-text); font-weight:500; }
.badge-known { color:var(--dw-dim); border-color:var(--dw-line); font:10px var(--dw-sans); }
.add-tok-btn { font:600 10px var(--dw-sans); color:var(--dw-cyan); border-color:var(--dw-line); background:rgba(118,228,231,.05); border-radius:7px; }

/* Modals and panels */
.overlay { background:rgba(1,11,19,.73); backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); padding:20px; z-index:220; }
.modal { border:1px solid rgba(134,213,224,.32); border-radius:17px; background:linear-gradient(145deg,#0a293c,#051b2c); box-shadow:0 35px 100px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.04); max-height:calc(100dvh - 40px); animation:dwModal .24s ease both; }
.modal-head { padding:20px 23px; border-bottom:1px solid var(--dw-line-soft); gap:15px; }
.modal-head h3 { font:25px var(--dw-heading); color:var(--dw-text); letter-spacing:-.4px; text-transform:none; }
.modal-body { padding:20px 23px 24px; gap:13px; }
.close-btn { width:29px; height:29px; display:flex; align-items:center; justify-content:center; border-radius:7px; color:var(--dw-muted); font:24px var(--dw-sans); transition:color .2s,background .2s; }
.close-btn:hover { color:var(--dw-text); background:rgba(118,228,231,.06); }
.modal-logo { width:29px; height:29px; object-fit:contain; }
.pools-title { display:flex; align-items:center; gap:10px; }
.subtabs { padding:4px; gap:3px; border:1px solid var(--dw-line); border-radius:8px; background:rgba(2,18,29,.7); }
.subtab { height:34px; color:var(--dw-muted); font:500 10px var(--dw-sans); letter-spacing:.1px; text-transform:none; border-radius:5px; }
.subtab.on { background:rgba(118,228,231,.10); color:var(--dw-cyan-bright); box-shadow:inset 0 0 0 1px rgba(118,228,231,.1); }
.subtab:hover { color:var(--dw-text); }
.pools-modal { width:620px; }
.wallet-card { background:rgba(3,20,32,.62); border:1px solid var(--dw-line); border-radius:10px; padding:14px; gap:12px; }
.wallet-card:hover:not(.not-found) { background:rgba(118,228,231,.055); border-color:rgba(118,228,231,.45); transform:translateY(-1px); }
.wallet-name { color:var(--dw-text); font:600 13px var(--dw-sans); letter-spacing:0; }
.wallet-status,.wallet-note { color:var(--dw-muted); font:10px var(--dw-sans); }
.wallet-dot.on { background:var(--dw-cyan); box-shadow:0 0 8px rgba(118,228,231,.35); }
.wallet-dot.off { background:#42616e; }
.wallet-icon { width:37px; height:37px; border-radius:9px; font-size:20px; }
.preview-field { background:var(--dw-inset); border:1px solid var(--dw-line); border-radius:10px; padding:16px; }
.preview-field .big { font:27px var(--dw-sans); letter-spacing:-.8px; color:var(--dw-text); }
.preview-field .tok { font:600 12px var(--dw-sans); color:var(--dw-text); }
.preview-arrow { color:var(--dw-cyan); font:20px var(--dw-sans); }
.preview-row { font:11px var(--dw-sans); gap:15px; }
.preview-row .pk { color:var(--dw-muted); letter-spacing:0; }
.preview-row .pv { color:var(--dw-text); }
.preview-row .pv.warn { color:var(--dw-gold); } .preview-row .pv.danger { color:var(--dw-danger); }
.route-hop { color:var(--dw-cyan); background:rgba(118,228,231,.06); border:1px solid var(--dw-line); font:9px var(--dw-sans); padding:3px 7px; }
.route-arr { color:var(--dw-dim); }
.impact-bar { background:rgba(118,228,231,.1); }
.hist-item { border-color:var(--dw-line-soft); padding:12px 0; }
.hist-desc { color:var(--dw-text); font:12px/1.65 var(--dw-sans); letter-spacing:0; }
.hist-time,.hist-clear { font:10px var(--dw-sans); color:var(--dw-dim); letter-spacing:0; }
.hist-link { color:var(--dw-cyan); font:10px var(--dw-sans); }
.hist-empty,.pos-empty { font:12px var(--dw-sans); color:var(--dw-muted); padding:34px 10px; }
.hist-icon.ok { background:rgba(156,228,197,.1); } .hist-icon.fail { background:rgba(255,154,150,.1); } .hist-icon.pending { background:rgba(230,189,114,.1); }
.toggle-label { color:var(--dw-text); font:12px var(--dw-sans); letter-spacing:0; }
.toggle-switch { background:#173444; border:1px solid var(--dw-line); }
.toggle-switch::after { background:var(--dw-dim); top:3px; left:3px; width:16px; height:16px; }
.toggle.on .toggle-switch { background:rgba(118,228,231,.18); border-color:var(--dw-cyan); }
.toggle.on .toggle-switch::after { background:var(--dw-cyan); }

/* Liquidity and positions */
#initPriceBox { background:rgba(3,20,32,.66); border:1px solid rgba(230,189,114,.2); border-radius:10px; padding:15px; }
.ip-title { color:var(--dw-text); font:600 12px var(--dw-sans); letter-spacing:0; }
.ip-tag { color:var(--dw-gold); background:rgba(230,189,114,.1); border:1px solid rgba(230,189,114,.18); padding:3px 6px; border-radius:5px; font:500 8px var(--dw-sans); letter-spacing:.3px; }
.ip-modes { border:1px solid var(--dw-line-soft); background:rgba(2,15,26,.7); border-radius:7px; }
.ip-mode { font:500 10px var(--dw-sans); color:var(--dw-muted); }
.ip-mode.on { color:var(--dw-cyan-bright); background:rgba(118,228,231,.13); box-shadow:none; }
.ip-readout { color:var(--dw-muted); font:10px/1.65 var(--dw-sans); letter-spacing:0; }
.ip-readout b { color:var(--dw-text); font-weight:500; }
.ip-chip,.fee-chip { font:10px var(--dw-sans); border:1px solid var(--dw-line); color:var(--dw-muted); background:rgba(118,228,231,.03); border-radius:6px; padding:7px; }
.ip-chip:hover,.ip-chip.on,.fee-chip:hover,.fee-chip.on { color:var(--dw-cyan-bright); border-color:rgba(118,228,231,.4); background:rgba(118,228,231,.07); }
.fee-fixed { color:var(--dw-gold-light); background:rgba(230,189,114,.09); border-color:rgba(230,189,114,.24); border-radius:7px; font:600 16px var(--dw-sans); }
.fee-chip.soon { color:var(--dw-dim); } .soon-tag { color:var(--dw-gold); font-size:7px; }
.burn-opt { color:var(--dw-text); font:11px/1.6 var(--dw-sans); gap:8px; }
.burn-sub { color:var(--dw-muted); font-size:10px; }
.burn-opt .cbx { border:1px solid var(--dw-line); background:rgba(2,16,27,.8); width:18px; height:18px; border-radius:5px; }
.burn-opt input:checked + .cbx { background:#a8514a; border-color:#b16b61; }
.lock-opt input:checked + .cbx { background:#38747a; border-color:var(--dw-cyan); }
.burn-opt:hover .cbx { border-color:var(--dw-danger); } .lock-opt:hover .cbx { border-color:var(--dw-cyan); }
.pool-item,.pos-item { background:rgba(3,20,32,.66); border:1px solid var(--dw-line); border-radius:10px; padding:16px; }
.pool-item:hover,.pos-item:hover { border-color:rgba(118,228,231,.48)!important; background:rgba(7,31,44,.9); transform:translateY(-2px); }
.pool-name,.pos-pair { color:var(--dw-text); font:600 14px var(--dw-sans); letter-spacing:0; }
.pool-liq,.pos-bal,.pool-mine { color:var(--dw-muted); font:10px/1.6 var(--dw-sans); letter-spacing:0; }
.pool-liq b { color:var(--dw-text); } .pool-mine { color:var(--dw-cyan); }
.pos-manage-ico { color:var(--dw-cyan); }
.lock-pill { font:9px var(--dw-sans); padding:4px 7px; letter-spacing:0; }
.lock-hi { background:rgba(156,228,197,.09); border-color:rgba(156,228,197,.3); color:var(--dw-success); }
.lock-mid { background:rgba(230,189,114,.08); border-color:rgba(230,189,114,.3); color:var(--dw-gold); }
.lock-lo { background:rgba(255,154,150,.06); border-color:rgba(255,154,150,.25); color:var(--dw-danger); }
.pd-bar { background:rgba(118,228,231,.1); height:5px; } .pd-bar>span { background:linear-gradient(90deg,#3a9fab,var(--dw-cyan)); }
.pm-stat { color:var(--dw-text); font:11px var(--dw-sans); border-color:var(--dw-line-soft); }
.pm-stat .k { color:var(--dw-muted); } .pm-stat .v { color:var(--dw-text); }
.pm-pct { background:rgba(3,20,32,.8); border:1px solid var(--dw-line); border-radius:6px; color:var(--dw-muted); font:11px var(--dw-sans); }
.pm-pct:hover,.pm-pct.on { border-color:rgba(118,228,231,.45); color:var(--dw-cyan); background:rgba(118,228,231,.07); }
.pm-btn { font:600 11px var(--dw-sans); letter-spacing:.15px; border-radius:8px; height:43px; }
.pm-add,.pm-lock { background:rgba(118,228,231,.05); border:1px solid rgba(118,228,231,.26); color:var(--dw-cyan); }
.pm-add:hover,.pm-lock:hover { background:rgba(118,228,231,.10); }
.pm-remove { background:linear-gradient(110deg,#f1d492,#ddb369); border:1px solid rgba(250,224,160,.5); color:#122c39; }
.pm-burn { color:var(--dw-danger); background:rgba(255,154,150,.065); border:1px solid rgba(255,154,150,.28); }
.pm-burn:hover { background:rgba(255,154,150,.13); box-shadow:none; filter:none; }

/* Price charts and market terminal */
.card-row.chart-open { gap:18px; }
.card-row.chart-open .chart-card { flex:0 1 570px; width:570px; max-width:570px; }
.chart-card-inner { background:rgba(5,25,39,.96); border:1px solid rgba(134,213,224,.3); border-radius:17px; padding:20px; box-shadow:0 15px 35px rgba(0,12,22,.24); }
.cc-head h3 { font:25px var(--dw-heading); color:var(--dw-text); letter-spacing:-.4px; }
.chart-info { gap:18px; padding-bottom:12px; }
.chart-stat .val { color:var(--dw-text); font:18px var(--dw-sans); letter-spacing:-.5px; }
.chart-stat .sub { color:var(--dw-muted); font:9px var(--dw-sans); letter-spacing:.1px; }
.chart-empty { color:var(--dw-muted); font:12px/1.8 var(--dw-sans); letter-spacing:0; }
.tf-btn { border:1px solid var(--dw-line-soft); background:rgba(118,228,231,.025); border-radius:5px; color:var(--dw-muted); font:500 9px var(--dw-sans); padding:6px 0; min-width:31px; }
.tf-btn:hover,.tf-btn.on { color:var(--dw-cyan-bright); background:rgba(118,228,231,.08); border-color:rgba(118,228,231,.32); }
.liqpool-btn { color:var(--dw-gold); background:rgba(230,189,114,.055); border:1px solid rgba(230,189,114,.24); font:10px var(--dw-sans); padding:7px 9px; border-radius:6px; }
.liqpool-btn:hover { color:var(--dw-gold-light); border-color:rgba(230,189,114,.45); background:rgba(230,189,114,.1); }
.chart-foot { border-top:1px solid var(--dw-line-soft); padding-top:12px; gap:12px; font-size:9px; }
.chg-up,.wl-up { color:var(--dw-success); } .chg-down,.wl-down { color:var(--dw-danger); }
.card.watch-wide { max-width:1200px; flex-basis:1200px; }
.watch-wide .tabs { padding:7px 16px 0; }
.watch-wide .body { padding:21px; }
.card.watch-wide .body { border-radius:17px; border-top:1px solid rgba(134,213,224,.34); }
.watch-grid { grid-template-columns:205px minmax(0,1fr) 275px; gap:13px; }
.watch-top { margin-bottom:17px; }
.watch-refresh { width:41px; height:41px; border:1px solid var(--dw-line); border-radius:8px; color:var(--dw-muted); background:rgba(118,228,231,.03); font:18px var(--dw-sans); }
.watch-refresh:hover { color:var(--dw-cyan); border-color:rgba(118,228,231,.45); }
.watch-list { background:rgba(2,18,29,.60); border:1px solid var(--dw-line-soft); border-radius:10px; max-height:580px; padding:5px; }
.watch-left .watch-list { max-height:580px; }
.wl-row { padding:11px 8px; border-radius:7px; gap:8px; }
.wl-row:hover { background:rgba(118,228,231,.04); }
.wl-row.sel { background:rgba(118,228,231,.07); border-color:rgba(118,228,231,.3); }
.wl-coin { width:28px; height:28px; }
.wl-sym { font:600 11px var(--dw-sans); color:var(--dw-text); letter-spacing:0; }
.wl-liq { color:var(--dw-dim); font:8px var(--dw-sans); letter-spacing:0; }
.wl-price { color:var(--dw-text); font:10px var(--dw-sans); }
.wl-chg { font:9px var(--dw-sans); }
.wl-flat { color:var(--dw-dim); }
.watch-chart-card,.watch-data,.watch-txs,.watch-info,.watch-swap { background:rgba(3,20,32,.65); border:1px solid var(--dw-line-soft); border-radius:10px; }
.watch-chart-card { padding:15px; }
.watch-chead { gap:8px; }
.wc-name { font:23px var(--dw-heading); color:var(--dw-text); letter-spacing:-.4px; }
.wc-price { font:500 13px var(--dw-sans); color:var(--dw-cyan); }
.watch-chart-wrap { height:285px; }
.watch-muted { color:var(--dw-dim); font:11px/1.6 var(--dw-sans); letter-spacing:0; }
.watch-dtabs { border-color:var(--dw-line-soft); }
.wd-tab { font:500 9px var(--dw-sans); letter-spacing:0; padding:12px 5px; color:var(--dw-muted); }
.wd-tab:hover { color:var(--dw-text); } .wd-tab.on { color:var(--dw-cyan); border-bottom-color:var(--dw-cyan); background:rgba(118,228,231,.03); }
.wd-head,.wd-row { gap:7px; padding:10px 12px; }
.wd-head { background:#082434; border-color:var(--dw-line-soft); color:var(--dw-dim); font:8px var(--dw-sans); letter-spacing:.5px; }
.wd-row { border-color:var(--dw-line-soft); font:10px var(--dw-sans); }
.wd-trades .wd-head,.wd-trades .wd-row { grid-template-columns:65px 1fr 1fr 80px; }
.wd-holders .wd-head,.wd-holders .wd-row { grid-template-columns:29px 1fr 1fr; }
.wd-traders .wd-head,.wd-traders .wd-row { grid-template-columns:29px 1fr 55px 1fr; }
.wd-val { color:var(--dw-text); } .wd-rank { color:var(--dw-gold); }
.wd-time,.wd-addr a { color:var(--dw-dim); font-size:9px; }
.wd-buy { color:var(--dw-success); } .wd-sell { color:var(--dw-danger); }
.wd-bar { height:3px; background:rgba(118,228,231,.08); } .wd-bar>span { background:linear-gradient(90deg,#3c8e9b,var(--dw-cyan)); }
.watch-txs-head,.wt-row { grid-template-columns:65px 1fr 1fr 80px; padding:10px 12px; }
.watch-txs-head { color:var(--dw-dim); border-color:var(--dw-line-soft); font:8px var(--dw-sans); letter-spacing:.4px; }
.wt-row { font:10px var(--dw-sans); border-color:var(--dw-line-soft); }
.wt-amt,.wt-ogg { color:var(--dw-text); }
.wt-time,.wt-mkr a { color:var(--dw-dim); font-size:9px; }
.wt-buy { color:var(--dw-success); } .wt-sell { color:var(--dw-danger); }
.watch-info { padding:15px; gap:13px; }
.wi-head { gap:10px; }
.wi-logo { width:38px; height:38px; border-color:var(--dw-line); }
.wi-name { font:22px var(--dw-heading); color:var(--dw-text); letter-spacing:-.3px; }
.wi-sym,.wi-desc { color:var(--dw-muted); font:10px/1.65 var(--dw-sans); }
.wi-created { color:var(--dw-dim); font:9px var(--dw-sans); letter-spacing:0; }
.wi-stats { gap:8px; }
.wi-stat { background:rgba(2,16,27,.55); border:1px solid var(--dw-line-soft); border-radius:7px; padding:10px; }
.wi-stat .k { color:var(--dw-dim); font:8px var(--dw-sans); letter-spacing:.4px; }
.wi-stat .v { color:var(--dw-text); font:500 12px var(--dw-sans); margin-top:5px; }
.wi-soc { width:29px; height:29px; color:var(--dw-muted); border-color:var(--dw-line); border-radius:6px; }
.wi-soc:hover { color:var(--dw-cyan); border-color:var(--dw-cyan); }
.wi-lock { font:10px var(--dw-sans); border-radius:7px; letter-spacing:0; }
.wi-lock.on { color:var(--dw-success); border-color:rgba(156,228,197,.3); background:rgba(156,228,197,.05); }
.wi-lock.off { color:var(--dw-danger); border-color:rgba(255,154,150,.3); background:rgba(255,154,150,.04); }
.wi-scan { color:var(--dw-gold); border-color:rgba(230,189,114,.24); font:10px var(--dw-sans); border-radius:7px; letter-spacing:0; }
.wi-scan:hover { background:rgba(230,189,114,.07); }
.watch-swap { padding:15px; }
.ws-side { border-color:var(--dw-line-soft); border-radius:7px; background:rgba(2,18,29,.6); }
.ws-sbtn { color:var(--dw-muted); font:500 10px var(--dw-sans); letter-spacing:.1px; border-radius:5px; }
.ws-sbtn.on { color:var(--dw-cyan); background:rgba(118,228,231,.1); }
.ws-sbtn[data-ws="buy"].on { color:var(--dw-cyan); background:rgba(118,228,231,.1); border-color:rgba(118,228,231,.35); }
.ws-sbtn[data-ws="sell"].on { color:var(--dw-danger); background:rgba(255,154,150,.07); border-color:rgba(255,154,150,.3); }
.ws-field { border:1px solid var(--dw-line); border-radius:8px; background:rgba(2,17,28,.8); padding:12px; }
.ws-field input,#wsOut { color:var(--dw-text); font:24px var(--dw-sans); letter-spacing:-.5px; }
.ws-field input::placeholder { color:var(--dw-dim); }
.ws-cur { color:var(--dw-muted); font:600 10px var(--dw-sans); }
.ws-arrow { color:var(--dw-cyan); font:16px var(--dw-sans); }
.ws-meta { color:var(--dw-muted); font:9px/1.7 var(--dw-sans); }
.ws-cta { height:40px; font-size:11px; }
.watch-vote { border-color:var(--dw-line-soft); background:rgba(3,20,32,.65); border-radius:10px; }
.wv-title { color:var(--dw-muted); font:8px var(--dw-sans); letter-spacing:.8px; }
.wv-bar { height:5px; background:rgba(255,154,150,.15); }
.wv-bar .up { background:linear-gradient(90deg,#418f98,var(--dw-cyan)); }
.wv-pct { color:var(--dw-cyan); font:10px var(--dw-sans); letter-spacing:0; }
.wv-btn { background:rgba(118,228,231,.04); color:var(--dw-muted); border-color:var(--dw-line); font:10px var(--dw-sans); letter-spacing:0; border-radius:6px; }
.wv-btn:hover,.wv-btn.on { background:rgba(118,228,231,.1); color:var(--dw-cyan); border-color:rgba(118,228,231,.4); }
.wv-down:hover,.wv-down.on { background:rgba(255,154,150,.06); color:var(--dw-danger); border-color:rgba(255,154,150,.3); }
.watch-close { color:var(--dw-muted); border-color:var(--dw-line)!important; font-size:20px!important; }
.watch-close:hover { color:var(--dw-text); background:rgba(118,228,231,.07)!important; border-color:rgba(118,228,231,.4)!important; }

/* Lock vaults */
.locks-modal { width:700px; }
.lk-hero { padding:12px 12px 18px; }
.lk-hero img { width:68px; height:68px; object-fit:contain; margin:0 auto 12px; }
.lk-hero h2 { color:var(--dw-text); font:30px var(--dw-heading); letter-spacing:-.7px; }
.lk-hero h2 em { color:var(--dw-gold-light); }
.lk-hero p { color:var(--dw-muted); font:11px/1.8 var(--dw-sans); max-width:470px; margin:12px auto 0; }
.lk-stats { gap:10px; margin-bottom:20px; }
.lk-stat { background:rgba(2,18,29,.6); border:1px solid var(--dw-line-soft); border-radius:9px; padding:16px 10px; }
.lk-stat .n { color:var(--dw-gold-light); font:27px var(--dw-heading); }
.lk-stat .l { color:var(--dw-dim); font:9px var(--dw-sans); letter-spacing:.3px; margin-top:6px; }
.lk-feats { gap:10px; }
.lk-feat { background:rgba(3,20,32,.5); border-color:var(--dw-line-soft); border-radius:9px; padding:14px; }
.lk-feat .ic { background:rgba(118,228,231,.06); border-radius:7px; }
.lk-feat .ic svg { stroke:var(--dw-cyan); }
.lk-feat .t { color:var(--dw-text); font:600 11px var(--dw-sans); letter-spacing:0; }
.lk-feat .d { color:var(--dw-muted); font:10px/1.65 var(--dw-sans); }
.lk-cc { background:rgba(2,18,29,.6); border:1px solid var(--dw-line); border-radius:9px; padding:14px; }
.lk-cc:hover { border-color:rgba(118,228,231,.45); box-shadow:0 5px 15px rgba(0,0,0,.12); }
.lk-cc .cl { color:var(--dw-cyan); font:8px var(--dw-sans); letter-spacing:.9px; }
.lk-cc .cn { color:var(--dw-text); font:600 12px var(--dw-sans); }
.lk-cc .ca { color:var(--dw-dim); font-size:10px; }
.lk-cc .cd { color:var(--dw-muted); font:10px/1.7 var(--dw-sans); }
.lk-cc .cc-ext { color:var(--dw-cyan); font:9px var(--dw-sans); letter-spacing:0; opacity:1; }
.lkf-sec { background:rgba(3,20,32,.6); border:1px solid var(--dw-line-soft); border-radius:9px; padding:16px; margin-bottom:13px; }
.lkf-num { color:var(--dw-cyan-bright); background:rgba(118,228,231,.1); border:1px solid var(--dw-line); font:600 10px var(--dw-sans); }
.lkf-title { color:var(--dw-text); font:600 12px var(--dw-sans); letter-spacing:0; }
.tcard { background:rgba(2,17,28,.6); border:1px solid var(--dw-line); border-radius:8px; padding:13px; }
.tcard:hover { border-color:rgba(118,228,231,.45); }
.tcard.on { border-color:rgba(118,228,231,.45); background:rgba(118,228,231,.06); }
.tcard .tc-t { color:var(--dw-text); font:600 11px var(--dw-sans); }
.tcard .tc-d { color:var(--dw-muted); font:10px/1.6 var(--dw-sans); }
.lk-grouphd { color:var(--dw-muted); font:500 9px var(--dw-sans); letter-spacing:1px; }
.lkcard { background:rgba(3,20,32,.65); border:1px solid var(--dw-line); border-radius:10px; padding:15px; }
.lkcard:hover { border-color:rgba(118,228,231,.45); }
.lkc-id { color:var(--dw-gold); font-size:10px; }
.lkc-type { color:var(--dw-dim); border-color:var(--dw-line); font:9px var(--dw-sans); letter-spacing:0; }
.lkc-st { font:9px var(--dw-sans); letter-spacing:0; }
.st-locked { color:var(--dw-muted); background:rgba(155,181,191,.08); }
.st-claimable { color:var(--dw-success); background:rgba(156,228,197,.08); }
.st-claimed { color:var(--dw-cyan); background:rgba(118,228,231,.08); }
.lkc-name { color:var(--dw-text); font:600 12px var(--dw-sans); letter-spacing:0; }
.lkc-un,.lkc-meta { color:var(--dw-muted); font:10px/1.6 var(--dw-sans); }
.lkc-amt { color:var(--dw-text); font:17px var(--dw-sans); letter-spacing:0; }
.lkc-bar { background:rgba(118,228,231,.08); height:4px; }
.lkc-fill { background:linear-gradient(90deg,#438c98,var(--dw-cyan)); } .lkc-fill.done { background:var(--dw-success); }
.lkc-claim { height:37px; font-size:10px; border-radius:7px; }
.lk-empty { color:var(--dw-muted); font:12px/1.7 var(--dw-sans); }
.lk-empty .em-t { font:23px var(--dw-heading); color:var(--dw-text); letter-spacing:0; }
.ld-amt { color:var(--dw-text); font:27px var(--dw-heading); letter-spacing:0; padding:8px 0; }
.ld-row { border-color:var(--dw-line-soft); font:11px var(--dw-sans); }
.ld-k { color:var(--dw-muted); letter-spacing:0; } .ld-v { color:var(--dw-text); } .ld-link { color:var(--dw-cyan); }

/* The live bridge injects its own styles; higher specificity keeps this theme consistent. */
body #bridge .bridge-sub,body #bridge .br-steps,body #bridge .fee-line { color:var(--dw-muted); font:10px/1.7 var(--dw-sans); letter-spacing:0; }
body #bridge .br-steps b { color:var(--dw-cyan); }
body #bridge .br-note { color:var(--dw-muted); font:10px/1.7 var(--dw-sans)!important; opacity:1; }
body #bridge .br-note b { color:var(--dw-gold); }
body .br-histbtn,body .dr-refresh { background:rgba(118,228,231,.04); border:1px solid var(--dw-line); color:var(--dw-muted); border-radius:7px; font:10px var(--dw-sans); letter-spacing:0; }
body .br-histbtn:hover,body .dr-refresh:hover { border-color:rgba(118,228,231,.45); color:var(--dw-cyan); }
body .br-histbtn .hc { color:#082333; background:var(--dw-gold); font-size:9px; }
body .brmenu { background:#082637; border:1px solid rgba(118,228,231,.35); border-radius:10px; top:46px; min-width:185px; padding:5px; box-shadow:0 12px 35px rgba(0,0,0,.35); }
body .brmenu-item { color:var(--dw-text); font:11px var(--dw-sans); letter-spacing:0; padding:10px; border-radius:6px; }
body .brmenu-item:hover,body .brmenu-item.sel { background:rgba(118,228,231,.08); color:var(--dw-cyan-bright); }
body .brmenu-item.disabled,body .brmenu-item.disabled:hover { color:var(--dw-dim); }
body .brmenu-item .soon { background:rgba(230,189,114,.08); color:var(--dw-gold); font:7px var(--dw-sans); letter-spacing:.3px; border-radius:4px; padding:3px 5px; }
body .cap-row { color:var(--dw-muted); font:10px var(--dw-sans); letter-spacing:0; gap:10px; }
body .cap-row .cap-rem { color:var(--dw-cyan); }
body .cap-bar { background:rgba(118,228,231,.08); height:4px; margin:8px 0 5px; }
body .cap-fill { background:linear-gradient(90deg,#388c98,var(--dw-cyan)); }
body .cap-fill.full { background:linear-gradient(90deg,var(--dw-gold),var(--dw-danger)); }
body .cap-sub { color:var(--dw-dim); font:9px var(--dw-sans); letter-spacing:0; }
body #brHistTab { top:auto; bottom:22px; right:22px; transform:none; writing-mode:horizontal-tb; padding:9px 13px; border-radius:8px; border:1px solid var(--dw-line); background:#103346; color:var(--dw-cyan); font:10px var(--dw-sans); letter-spacing:.25px; box-shadow:0 5px 20px rgba(0,0,0,.2); }
body #brHistTab .dot { color:var(--dw-cyan); background:rgba(118,228,231,.12); font:9px var(--dw-sans); min-width:17px; height:17px; }
body #brHistDrawer { z-index:240; background:linear-gradient(160deg,#0a293c,#051b2c); border-left:1px solid var(--dw-line); box-shadow:-15px 0 60px rgba(0,0,0,.32); }
body #brHistDrawer .dh { padding:23px; border-color:var(--dw-line-soft); }
body #brHistDrawer .dh h3 { font:25px var(--dw-heading); color:var(--dw-text); letter-spacing:-.4px; }
body #brHistDrawer .dx { font:24px var(--dw-sans); color:var(--dw-muted); }
body #brHistBody { padding:20px; }
body .bh-item { background:rgba(3,20,32,.72); border:1px solid var(--dw-line); border-radius:9px; padding:14px; gap:8px; }
body .bh-route { color:var(--dw-text); font:11px var(--dw-sans); letter-spacing:0; }
body .bh-kind { color:var(--dw-muted); background:rgba(155,181,191,.08); font:8px var(--dw-sans); letter-spacing:.4px; border-radius:4px; }
body .bh-kind.br { color:var(--dw-gold); background:rgba(230,189,114,.08); }
body .bh-desc { color:var(--dw-muted); font:10px/1.7 var(--dw-sans); letter-spacing:0; }
body .bh-amt { color:var(--dw-text); font:14px var(--dw-sans); }
body .bh-time,body .bh-links a,body .bh-empty { color:var(--dw-dim); font:9px/1.6 var(--dw-sans); letter-spacing:0; }
body .bh-st { font:8px var(--dw-sans); letter-spacing:.2px; padding:4px 7px; }
body .bh-st.pending { color:var(--dw-gold); background:rgba(230,189,114,.09); }
body .bh-st.landed { color:var(--dw-success); background:rgba(156,228,197,.08); }
body .bh-st.failed { color:var(--dw-danger); background:rgba(255,154,150,.08); }
body .bh-unwrap { color:var(--dw-cyan); background:rgba(118,228,231,.04); border:1px solid var(--dw-line); font:500 10px var(--dw-sans); border-radius:6px; letter-spacing:0; }
body .bh-unwrap:hover { background:rgba(118,228,231,.09); border-color:rgba(118,228,231,.4); }

/* Documents, footer, and feedback */
.dw-guide { max-width:850px; margin:44px auto 0; padding:25px 30px; border:1px solid var(--dw-line-soft); border-radius:13px; background:rgba(3,21,33,.72); backdrop-filter:blur(12px); color:var(--dw-muted); font:11px/1.8 var(--dw-sans); }
.dw-guide h2 { color:var(--dw-text); font:29px var(--dw-heading); letter-spacing:-.7px; margin:0 0 13px; }
.dw-guide h3 { color:var(--dw-text); font:21px var(--dw-heading); letter-spacing:-.3px; margin:19px 0 8px; }
.dw-guide p { margin:0 0 12px; }
.dw-guide a { color:var(--dw-cyan); text-decoration:none; border-bottom:1px solid rgba(118,228,231,.25); }
.dw-guide a:hover { color:var(--dw-cyan-bright); border-color:var(--dw-cyan); }
.dw-guide summary { cursor:pointer; color:var(--dw-text); font:600 11px/1.6 var(--dw-sans); padding:12px 0; }
.dw-guide details { border-top:1px solid var(--dw-line-soft); }
.dw-guide details p { padding-left:17px; color:var(--dw-muted); font-size:10px; }
.dw-guide ul,.dw-guide ol { padding-left:18px; margin:8px 0 15px; }
.dw-guide li { margin:6px 0; }
body.dw-market-view .dw-guide { max-width:1000px; }
.scroll-modal { width:min(680px,94vw); background:linear-gradient(145deg,#0a293c,#051b2c); border:1px solid var(--dw-line); box-shadow:0 30px 90px rgba(0,0,0,.4); padding:0; overflow:visible; }
.scroll-paper { background:none; filter:none; padding:32px; }
.scroll-inner { max-height:65dvh; padding:0 5px 0 0; }
.scroll-x { width:34px; height:34px; top:12px; right:12px; filter:none; }
.scroll-title { color:var(--dw-gold-light); font:30px var(--dw-heading); letter-spacing:-.6px; text-shadow:none; margin-bottom:14px; }
.scroll-intro { color:var(--dw-muted); font:12px/1.8 var(--dw-sans); max-width:100%; text-align:left; margin-bottom:22px; }
.scroll-body h4 { color:var(--dw-text); font:22px var(--dw-heading); text-transform:none; letter-spacing:-.3px; margin:22px 0 8px; }
.scroll-body p { color:var(--dw-muted); font:12px/1.9 var(--dw-sans); }
.scroll-foot { color:var(--dw-dim); border-color:var(--dw-line-soft); font:9px/1.7 var(--dw-sans); margin-top:25px; }
footer { margin-left:var(--dw-sidebar); border-top:1px solid var(--dw-line-soft); background:rgba(3,19,30,.80); padding:19px 35px; backdrop-filter:blur(16px); }
footer::before { display:none; }
.foot { max-width:1050px; gap:25px; grid-template-columns:1fr auto 1fr; }
.foot-col h3 { font:16px var(--dw-heading); color:var(--dw-gold-light); border:0; padding:0; letter-spacing:-.2px; text-transform:none; }
.foot-col p { font:10px var(--dw-sans); color:var(--dw-dim); letter-spacing:0; margin:5px 0 10px; }
.socials { gap:7px; }
.slink { width:28px; height:28px; border:1px solid var(--dw-line); background:rgba(118,228,231,.025); border-radius:6px; color:var(--dw-muted); }
.slink svg,.slink img { width:12px; height:12px; }
.slink:hover { color:var(--dw-cyan); background:rgba(118,228,231,.07); border-color:rgba(118,228,231,.4); transform:translateY(-2px); box-shadow:none; }
.foot-brand { font:20px var(--dw-heading); color:var(--dw-text); letter-spacing:-.5px; }
.foot-brand b { color:var(--dw-gold); }
.foot-brand-bg { width:75px; height:75px; opacity:.13; }
.foot-links { gap:6px; }
.foot-links a { font:10px var(--dw-sans); letter-spacing:0; color:var(--dw-muted); }
.foot-links a:hover { color:var(--dw-cyan); }
#toasts { bottom:75px; right:24px; gap:8px; z-index:400; }
.toast { background:#092738; border:1px solid var(--dw-line); border-radius:10px; color:var(--dw-text); font:11px/1.7 var(--dw-sans); letter-spacing:0; padding:14px 17px; min-width:230px; box-shadow:0 10px 35px rgba(0,0,0,.26); }
.toast.success { border-color:rgba(156,228,197,.4); } .toast.warn { border-color:rgba(230,189,114,.45); } .toast.error { border-color:rgba(255,154,150,.5); }
.toast a { color:var(--dw-cyan); }
/* Replace legacy inline palette in generated views while retaining semantic errors and warnings. */
[style*="color:#8A7A6A"],[style*="color:#9C8466"],[style*="color:#5A4A3A"] { color:var(--dw-muted)!important; }
[style*="color:#D4A574"] { color:var(--dw-text)!important; }
[style*="color:#4ECDC4"] { color:var(--dw-cyan)!important; }
[style*="color:#F3A60F"] { color:var(--dw-gold)!important; }
@keyframes dwAppear { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@keyframes dwModal { from { opacity:0; transform:translateY(10px) scale(.99); } to { opacity:1; transform:none; } }

/* Adapt from the market terminal to pocket screens. */
@media (min-width:1500px) {
  .dw-content .wrap { padding-top:53px; }
  .dw-title { font-size:56px; }
  .dw-intro { margin-bottom:25px; }
}
@media (max-width:1260px) {
  .nav-ticker.show { display:none; }
  .watch-grid { grid-template-columns:185px minmax(0,1fr); }
  .watch-right { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:13px; }
  .watch-list { max-height:580px; }
  .card.watch-wide { max-width:1000px; flex-basis:1000px; }
  .dw-content .wrap { padding-left:25px; padding-right:25px; }
}
@media (max-width:1080px) {
  .card-row { flex-direction:column; align-items:center; }
  .card { flex:1 1 auto; }
  .card-row.chart-open .chart-card { order:2; width:100%; max-width:600px; flex:1 1 auto; }
  .card-row.chart-open .chart-card .chart-wrap { flex:none; height:240px; min-height:240px; }
  .watch-grid { grid-template-columns:1fr; }
  .watch-left { display:grid; grid-template-columns:minmax(0,1fr) 170px; gap:12px; }
  .watch-left .watch-list { max-height:200px; }
  .watch-right { grid-column:auto; }
  .card.watch-wide { max-width:800px; flex-basis:auto; }
}
@media (max-width:820px) {
  :root { --dw-header:65px; --dw-sidebar:0px; }
  nav:not(.dw-mobile-nav) { padding:0 18px; gap:12px; }
  .nav-brand { font-size:21px; gap:8px; }
  .brand-logo { width:38px; height:38px; }
  .nav-right>.pools-btn { display:none; }
  .wallet-nav-btn { padding:0 13px; height:36px; max-width:140px; font-size:10px; }
  .dw-menu-btn { display:inline-flex; }
  #dwMotion { position:fixed; left:15px; bottom:75px; width:34px; height:34px; padding:0; z-index:140; background:rgba(5,28,42,.94); box-shadow:0 4px 16px rgba(0,0,0,.2); }
  #dwMotion span { display:none; }
  #dwMotion svg { width:14px; height:14px; }
  .dw-sidebar { width:240px; transform:translateX(-100%); transition:transform .25s ease; background:rgba(3,20,32,.97); box-shadow:10px 0 50px rgba(0,0,0,.20); padding-top:25px; z-index:120; }
  .dw-sidebar.open,body.dw-menu-open .dw-sidebar { transform:translateX(0); }
  .dw-content { margin-left:0; }
  .dw-content .wrap,.wrap { padding:30px 20px 34px; }
  .dw-title { font-size:42px; letter-spacing:-1.1px; }
  .dw-intro { margin-bottom:19px; }
  .dw-intro-copy { font-size:11px; max-width:345px; }
  .dw-quicklinks { margin-top:14px; margin-bottom:19px; gap:6px; }
  .dw-quicklinks a { font-size:9px; min-height:29px; padding:6px 9px; }
  footer { margin-left:0; padding:22px 25px 90px; }
  .dw-mobile-nav { position:fixed; display:flex; align-items:center; justify-content:space-around; height:61px; left:0; right:0; top:auto; bottom:0; gap:3px; padding:5px 10px max(5px,env(safe-area-inset-bottom)); background:rgba(3,20,32,.96); border-top:1px solid var(--dw-line); z-index:130; backdrop-filter:blur(20px); border-bottom:0; animation:none; }
  .dw-mobile-nav a,.dw-mobile-nav button { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; gap:4px; height:45px; color:var(--dw-muted); text-decoration:none; background:none; border:0; border-radius:7px; font:9px var(--dw-sans); }
  .dw-mobile-nav svg { width:17px; height:17px; }
  .dw-mobile-nav .active,.dw-mobile-nav [aria-current="page"] { color:var(--dw-cyan); background:rgba(118,228,231,.06); }
  .dw-mobile-nav::after { display:none; }
  body #brHistTab { bottom:75px; right:15px; font-size:9px; padding:8px 11px; }
  #toasts { bottom:125px; right:16px; }
  .foot { gap:20px; }
}
@media (max-width:560px) {
  nav:not(.dw-mobile-nav) { padding:0 13px; }
  .nav-brand { font-size:18px; letter-spacing:-.4px; }
  .brand-logo { width:34px; height:34px; }
  .nav-right { gap:7px; }
  .wallet-nav-btn { max-width:125px; padding:0 10px; height:33px; font-size:9px; }
  .dw-menu-btn { height:33px; width:33px; }
  .dw-content .wrap,.wrap { padding:27px 14px 33px; }
  .dw-hero-badge { font-size:8px; letter-spacing:1.2px; gap:7px; }
  .dw-hero-badge img { width:21px; height:21px; }
  .dw-title { font-size:37px; margin:12px 0 11px; letter-spacing:-1.1px; }
  .dw-intro-copy { max-width:292px; line-height:1.75; font-size:10px; }
  .dw-quicklinks a { font-size:8px; padding:6px 8px; gap:5px; }
  .dw-quicklinks svg { width:10px; height:10px; }
  .dw-intro { margin-bottom:17px; }
  .stage { gap:10px; }
  .powered-badge { font-size:8px; }
  .body { padding:19px 16px; }
  .shead h2 { font-size:25px; }
  .field { padding:17px 13px 13px; gap:9px; min-height:94px; }
  .amount { font-size:28px; }
  .pill,body .brpill { min-width:89px; height:36px; font-size:11px; padding-right:8px; gap:5px; }
  .coin { width:23px; height:23px; }
  .field-bal { font-size:9px; }
  .tools { gap:3px; }
  .iconbtn { width:28px; height:28px; }
  .cta { height:46px; font-size:11px; }
  .dw-footer-note { max-width:270px; font-size:8px; }
  .overlay { padding:12px; }
  .modal { max-height:calc(100dvh - 24px); border-radius:13px; }
  .modal-head { padding:18px; }
  .modal-head h3 { font-size:24px; }
  .modal-body { padding:17px 18px 21px; }
  .subtabs { gap:1px; padding:3px; }
  .subtab { font-size:9px; }
  .lk-hero h2 { font-size:27px; }
  .lk-hero p { font-size:10px; }
  .lk-stats { gap:6px; }
  .lk-stat { padding:13px 5px; }
  .lk-stat .n { font-size:25px; }
  .lk-stat .l { font-size:8px; }
  .lk-feats,.lk-ccs { grid-template-columns:1fr; }
  .lkf-cards { gap:7px; }
  .lkf-row>div { min-width:120px; }
  .tcard { padding:11px; }
  .tcard .tc-t { font-size:10px; }
  .tcard .tc-d { font-size:9px; }
  .scroll-paper { padding:27px 21px; }
  .scroll-title { font-size:28px; }
  .scroll-intro,.scroll-body p { font-size:11px; }
  .scroll-body h4 { font-size:21px; }
  .watch-wide .body { padding:14px 11px; }
  .watch-wide .tabs { padding-left:9px; padding-right:9px; }
  .watch-left,.watch-right { display:flex; flex-direction:column; gap:12px; }
  .watch-chart-wrap { height:235px; }
  .watch-list { max-height:220px; }
  .watch-left .watch-list { max-height:220px; }
  .watch-chart-card { padding:12px; }
  .watch-chart-card .wc-name { font-size:22px; }
  .watch-search input { font-size:10px; }
  .watch-refresh { width:35px; height:41px; }
  .watch-top { gap:6px; }
  .watch-txs-head,.wt-row { grid-template-columns:48px 1fr 1fr 65px; gap:5px; padding:9px 8px; }
  .watch-txs-head { font-size:7px; }
  .wt-row { font-size:9px; }
  .wt-time,.wt-mkr a { font-size:8px; }
  .wd-tab { font-size:8px; }
  .wd-head,.wd-row { padding:9px 8px; gap:5px; }
  .wd-head { font-size:7px; } .wd-row { font-size:9px; }
  .wd-trades .wd-head,.wd-trades .wd-row { grid-template-columns:48px 1fr 1fr 65px; }
  .wd-holders .wd-head,.wd-holders .wd-row { grid-template-columns:22px 1fr 1fr; }
  .wd-traders .wd-head,.wd-traders .wd-row { grid-template-columns:22px 1fr 44px 1fr; }
  .wd-time,.wd-addr a { font-size:8px; }
  .dw-guide { margin-top:30px; padding:21px 19px; font-size:10px; }
  .dw-guide h2 { font-size:26px; }
  .trow-right { gap:5px; }
  .oggscan-btn { font-size:8px; padding:5px; }
  .trow .nm { font-size:9px; }
  .foot { grid-template-columns:1fr 1fr; gap:22px 16px; }
  .foot-brand { grid-column:1/-1; grid-row:2; justify-self:center; font-size:19px; margin-top:5px; }
  .foot-links { gap:9px; }
  .foot-col h3 { font-size:16px; }
  .foot-col p { max-width:160px; font-size:9px; line-height:1.6; }
  .foot-links a { font-size:9px; }
  .toast { min-width:210px; max-width:calc(100vw - 32px); }
}
@media (max-width:360px) {
  nav:not(.dw-mobile-nav) { padding:0 10px; gap:7px; }
  .nav-brand { font-size:16px; gap:6px; }
  .brand-logo { width:29px; height:29px; }
  .wallet-nav-btn { padding:0 8px; font-size:8px; max-width:105px; }
  .dw-menu-btn { width:30px; height:33px; }
  .dw-title { font-size:34px; }
  .dw-content .wrap,.wrap { padding-left:11px; padding-right:11px; }
  .body { padding:17px 13px; }
  .amount { font-size:26px; }
  .pill,body .brpill { font-size:10px; min-width:85px; }
  .tools { gap:2px; }
  .iconbtn { width:26px; height:28px; }
  .shead h2 { font-size:23px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
  .card,.modal,.screen { animation:none!important; }
  .spinner,.br-spin { animation:spin 1.2s linear infinite!important; }
}

/* Final integration details for the preserved application shell. */
button.nav-brand{border:0;background:transparent;padding:0;text-align:left;box-shadow:none}
.nav-brand>span{display:block}.nav-brand small{display:block;font:7px/1.8 var(--dw-sans);letter-spacing:2.2px;color:#9cbbc5;margin-top:4px}
.dw-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.nav-right .pools-btn{display:inline-flex;align-items:center;gap:7px}.nav-right .pools-btn svg{width:14px;height:14px}
main.wrap.dw-content{width:calc(100% - var(--dw-sidebar));padding:112px 28px 40px;margin-left:var(--dw-sidebar)}
.dw-sidebar-close{display:none}.dw-sidebar-brand span{font:8px/1.9 var(--dw-sans);letter-spacing:1.3px;color:var(--dw-muted)}
.dw-sidebar-brand{margin-bottom:8px}.dw-sidebar-label:not(:first-child){margin-top:24px}
.dw-sidebar .dw-nav-item>.dw-icon:last-child:not(:first-child){margin-left:auto;width:13px;height:13px}
.dw-network-mark{display:flex;align-items:center;gap:9px;margin-bottom:12px}.dw-network-mark img{width:32px;height:32px;object-fit:contain}
.dw-network-mark span{color:var(--dw-gold);font:11px/1.5 var(--dw-sans)}.dw-network-mark small{display:block;color:var(--dw-dim);font-size:8px;margin-top:3px}
.dw-quicklinks a{padding:9px 14px;gap:10px}.dw-quicklinks a>span{line-height:1.5}.dw-quicklinks small{display:block;font-size:8px;opacity:.75;margin-top:2px}
.dw-screen-caption{display:block;font:9px/1.5 var(--dw-sans);color:var(--dw-dim);letter-spacing:0;margin-top:4px}
.dw-field-label{font:10px/1.5 var(--dw-sans);color:var(--dw-muted);margin-bottom:3px}
.dw-network-details summary{display:flex;align-items:center;justify-content:center;gap:8px}.dw-network-details .dw-icon{width:13px;height:13px}
.dw-footer .foot-links button{padding:0;background:none;border:0;color:var(--dw-muted);text-align:left;font:11px/1.6 var(--dw-sans);cursor:pointer}
.dw-footer .foot-links button:hover{color:var(--dw-cyan)}
.dw-footer-bottom{display:flex;justify-content:space-between;gap:20px;color:var(--dw-dim);font:8px/1.5 var(--dw-sans);letter-spacing:1.2px;padding-top:24px;margin-top:22px;border-top:1px solid var(--dw-line-soft)}
.dw-mobile-nav{z-index:100}.dw-mobile-nav svg{width:18px;height:18px}
.dw-skip-link{position:fixed;top:-100px;left:16px;z-index:300;background:#d8f5f4;color:#0a2230;padding:12px 20px;border-radius:8px;font:13px var(--dw-sans)}.dw-skip-link:focus{top:12px}
.dw-skip-link { border:0; cursor:pointer; }
.dw-guide{width:min(780px,100%)}
html,body{overflow-x:hidden}
.cta{position:relative;overflow:hidden}.cta:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#ffffff3b 50%,transparent 75%);transform:translateX(-140%);pointer-events:none;transition:transform .65s ease}.cta:not(:disabled):hover:after{transform:translateX(140%)}
.dw-guide-number{display:inline-block;margin-right:9px;color:var(--dw-dim);font:8px var(--dw-sans)}.dw-eyebrow{font:8px var(--dw-sans);letter-spacing:1.7px;color:var(--dw-gold);margin-bottom:12px}
.socials .slink{width:auto;min-width:30px;height:30px;padding:0 9px;font:9px var(--dw-sans);border-radius:6px}
.dw-sidebar{overflow-y:auto;scrollbar-width:thin}.dw-sidebar-bottom{flex-shrink:0}
.dw-dialog-open{overflow:hidden}
.overlay{z-index:400}.toasts,#toasts{z-index:500}
.dw-settlement-reference{font:10px/1.7 var(--dw-sans);color:var(--dw-muted);padding:11px 13px;margin-top:12px;background:rgba(118,228,231,.04);border:1px solid var(--dw-line-soft);border-radius:8px}
.dw-footer{width:calc(100% - var(--dw-sidebar));box-sizing:border-box}.dw-footer .foot{width:100%}
body .modal-logo{width:42px;height:42px;object-fit:contain}
body{background:#04131f url('assets/deepwater-poster.webp') center/cover fixed no-repeat}
#bgvideo{opacity:0;transition:opacity .5s ease}body.dw-ocean-ready #bgvideo{opacity:1}
@media(max-width:1080px){main.wrap.dw-content{padding-left:22px;padding-right:22px}}
@media(max-width:820px){.nav-right>.pools-btn{display:none!important}.nav-brand{flex-shrink:0}.nav-right{min-width:0}.wallet-nav-btn{max-width:120px}}
@media(max-width:820px){main.wrap.dw-content{width:100%;margin-left:0;padding:99px 20px 80px}.dw-sidebar-close{display:flex;align-items:center;justify-content:center;position:absolute;right:15px;top:15px;width:30px;height:30px;border:1px solid var(--dw-line);border-radius:8px;background:#0c2c40;color:var(--dw-muted)}.dw-sidebar-brand{margin-top:25px}.dw-footer{margin-left:0;width:100%}.dw-footer-bottom{font-size:7px}.nav-brand small{font-size:6px;letter-spacing:1.8px}.dw-sidebar-bottom{padding-bottom:50px}}
@media(max-width:560px){main.wrap.dw-content{padding:92px 14px 85px}.dw-hero-badge{font-size:8px;letter-spacing:.8px}.dw-hero-badge:before,.dw-hero-badge:after{width:15px}.dw-intro-copy{font-size:11px}.dw-desktop-break{display:none}.dw-quicklinks{gap:6px;margin-bottom:14px}.dw-quicklinks a{padding:8px 9px;gap:6px;font-size:9px}.dw-quicklinks a svg{width:12px;height:12px}.dw-quicklinks small{display:none}.dw-screen-caption{font-size:8px}.shead h2{font-size:25px}.dw-title{margin-top:11px}.dw-network-mark{display:none}.dw-footer-bottom span:last-child{display:none}.dw-guide{margin-top:24px}}
@media(prefers-reduced-motion:reduce){#bgvideo{display:none}body{background:#04131f url('assets/deepwater-poster.webp') center/cover fixed no-repeat}}

/* Second voyage: a focused nautical masthead, concise navigation, and purposeful shortcuts. */
main.wrap.dw-content { padding-top:100px; padding-bottom:31px; }
.dw-sidebar { padding-top:28px; }
.dw-sidebar>.dw-sidebar-label:first-of-type { margin-top:0; }
.dw-sidebar-label { color:#a0bac2; font-size:8px; letter-spacing:1.9px; margin-bottom:11px; }
.dw-sidebar-label:not(:first-child) { margin-top:25px; }
.dw-nav-item { min-height:42px; padding:10px 12px; margin:3px 0; border-radius:7px; font-size:11px; }
.dw-nav-item.active,.dw-nav-item[aria-current="page"] { border-color:rgba(159,224,225,.23); background:linear-gradient(90deg,rgba(127,222,222,.14),rgba(127,222,222,.03)); }
.dw-sidebar-bottom { padding-top:18px; }
.dw-network-mark img { width:29px; height:29px; border-radius:0; }
.dw-network-mark span { color:#cce4e5; font-size:10px; }
.dw-network-mark small { font-size:8px; color:#7898a3; }

.dw-intro { width:min(610px,100%); max-width:610px; margin:0 auto 12px; text-align:center; }
.dw-hero-badge { display:flex; justify-content:center; gap:9px; font:600 8px/1.6 var(--dw-sans); letter-spacing:2.2px; color:var(--dw-gold-light); }
.dw-hero-badge>.dw-icon { width:15px; height:15px; stroke-width:1.5; transform:rotate(-12deg); }
.dw-hero-badge:before,.dw-hero-badge:after { width:38px; opacity:.45; }
.dw-intro-copy { max-width:none; font-size:11px; line-height:1.6; }
.dw-title { margin:9px 0 10px; color:#eff8f5; font-size:51px; line-height:1.06; letter-spacing:-1.8px; font-weight:400; text-shadow:0 4px 18px rgba(0,10,19,.25); }
.dw-title em { display:inline-block; color:#e9cd92; font-style:italic; font-weight:400; }
.dw-intro-copy p { color:#d2e7e8; font:12px/1.65 var(--dw-sans); margin:0; letter-spacing:.15px; }
.dw-intro-copy p>span { color:#9cbec7; font-size:10px; letter-spacing:.05px; }
.dw-quicklinks { width:min(528px,100%); max-width:528px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:17px auto 0; padding:0; }
.dw-quicklinks a.dw-quick-tile { display:grid; grid-template-rows:auto auto auto; align-content:center; justify-items:start; gap:4px; min-width:0; min-height:90px; padding:10px 13px; text-align:left; color:#e6f2f0; background:linear-gradient(140deg,rgba(10,43,57,.88),rgba(3,25,39,.78)); border:1px solid rgba(145,213,221,.26); border-radius:10px; position:relative; overflow:hidden; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow:inset 0 1px rgba(255,255,255,.04),0 6px 19px rgba(0,15,25,.10); transition:transform .22s,border-color .22s,background .22s,box-shadow .22s; }
.dw-quicklinks a.dw-quick-tile:before { content:""; position:absolute; top:0; left:13px; right:13px; height:1px; background:linear-gradient(90deg,transparent,rgba(231,200,137,.55),transparent); opacity:.55; transition:opacity .22s; }
.dw-quicklinks a.dw-quick-tile:after { content:""; pointer-events:none; position:absolute; width:80px; height:110px; top:-30px; left:-110px; background:linear-gradient(90deg,transparent,rgba(170,229,230,.075),transparent); transform:rotate(25deg); transition:left .65s ease; }
.dw-quicklinks a.dw-quick-tile:hover { transform:translateY(-3px); color:#fff; border-color:rgba(172,237,229,.53); background:linear-gradient(140deg,rgba(16,58,70,.95),rgba(7,33,48,.9)); box-shadow:inset 0 1px rgba(255,255,255,.05),0 9px 25px rgba(0,14,24,.22); }
.dw-quicklinks a.dw-quick-tile:hover:before { opacity:1; }
.dw-quicklinks a.dw-quick-tile:hover:after { left:calc(100% + 25px); }
.dw-quicklinks a.dw-quick-tile:active { transform:translateY(-1px); }
.dw-quicklinks .dw-quick-top { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; line-height:1; margin-bottom:3px; }
.dw-quick-icon { width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; background:rgba(224,196,136,.05); border:1px solid rgba(224,196,136,.16); border-radius:6px; color:#e5c995; }
.dw-quicklinks .dw-quick-icon .dw-icon { width:13px; height:13px; }
.dw-quick-number { color:#6b919d; font:8px/1 var(--dw-sans); letter-spacing:1px; }
.dw-quicklinks .dw-quick-title { display:flex; justify-content:space-between; align-items:center; width:100%; gap:7px; color:#e4f3f1; font:15px/1.3 var(--dw-heading); letter-spacing:-.2px; }
.dw-quicklinks .dw-quick-title>.dw-icon { flex:none; width:10px; height:10px; color:#9dcbd0; opacity:.8; transition:transform .22s,color .22s; }
.dw-quicklinks a.dw-quick-tile:hover .dw-quick-title>.dw-icon { color:var(--dw-gold-light); transform:translate(1px,-1px); }
.dw-quicklinks a.dw-quick-tile>small { display:block; margin:0; color:#89adb8; opacity:1; font:8px/1.55 var(--dw-sans); letter-spacing:.05px; }
.dw-intro-tide { display:flex; justify-content:center; align-items:center; gap:10px; width:165px; height:14px; margin:13px auto 0; color:#a9cbd1; opacity:.58; }
.dw-intro-tide>span { height:1px; flex:1; background:linear-gradient(90deg,transparent,rgba(148,203,208,.45)); }
.dw-intro-tide>span:last-child { transform:rotate(180deg); }
.dw-intro-tide>.dw-icon { width:12px; height:12px; }
.stage { gap:9px; }
.powered-badge { background:rgba(4,27,40,.62); border:1px solid rgba(136,206,217,.18); padding:4px 10px 4px 6px; color:#8db0bb; font-size:8px; letter-spacing:.8px; }
.powered-badge img { width:17px; height:17px; object-fit:contain; border-radius:0; }
.powered-badge b { color:#d6c391; font-size:9px; font-weight:500; letter-spacing:.4px; }
.dw-network-details { width:min(480px,100%); font-size:8px; margin-top:12px; padding-top:10px; border-top-color:rgba(140,203,213,.10); }
.dw-network-details summary { font-size:8px; letter-spacing:.15px; color:#789da9; }
.dw-network-details summary:hover { color:#c1e5e8; }
.dw-network-details p,.dw-network-details a { font-size:9px; }
.lk-hero img { width:65px; height:65px; border-radius:0; }
.dw-footer { padding-top:22px; padding-bottom:22px; }
.dw-footer .foot { max-width:1080px; gap:26px; }
.dw-footer .foot-brand { font-size:24px; font-weight:400; letter-spacing:-.9px; }
.dw-footer .foot-brand b { color:#dfc38a; }
.dw-footer .foot-col h3 { font-size:16px; }
.dw-footer .foot-col p { font-size:9px; margin:5px 0 10px; }
.dw-footer .foot-links { align-items:flex-end; gap:7px; }
.dw-footer .foot-links a,.dw-footer .foot-links button { font-size:9px; line-height:1.5; }
.dw-footer .socials .slink { font-size:8px; height:27px; padding:0 8px; border-color:rgba(134,213,224,.16); }
.dw-footer-bottom { margin-top:17px; padding-top:14px; color:#6f929e; font-size:7px; letter-spacing:1.3px; }
body.dw-market-view main.wrap.dw-content { padding-top:101px; }

/* Wallet choices retain installation actions and clear provider identity. */
#walletModal .modal-head { padding:23px 24px 20px; }
#walletModal .modal-head h3 { font:29px/1.15 var(--dw-heading); letter-spacing:-.65px; color:#f0f8f4; }
#walletModal #walletList { padding:18px 24px 25px; gap:10px; }
#walletModal .wallet-card { min-height:78px; padding:15px 16px; gap:14px; background:linear-gradient(125deg,rgba(7,31,46,.95),rgba(3,23,37,.88)); border:1px solid rgba(140,208,218,.22); border-radius:11px; box-shadow:inset 0 1px rgba(255,255,255,.025); cursor:pointer; transition:border-color .22s,background .22s,transform .22s,box-shadow .22s; }
#walletModal .wallet-card.not-found { opacity:1; cursor:pointer; }
#walletModal .wallet-card:hover,#walletModal .wallet-card.not-found:hover { border-color:rgba(171,234,230,.55); background:linear-gradient(125deg,rgba(15,48,63,.97),rgba(6,32,47,.95)); transform:translateY(-2px); box-shadow:inset 0 1px rgba(255,255,255,.04),0 7px 18px rgba(0,0,0,.12); }
#walletModal .wallet-card:active { transform:translateY(0); }
#walletModal .wallet-icon { width:46px; height:46px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(148,214,222,.13); border-radius:10px; background:rgba(3,18,29,.42)!important; flex:none; }
#walletModal .wallet-icon img { display:block; width:30px; height:30px; object-fit:contain; filter:drop-shadow(0 2px 5px rgba(0,0,0,.12)); }
#walletModal .wallet-name { color:#e9f5f3; font:600 14px/1.4 var(--dw-sans); letter-spacing:-.1px; }
#walletModal .wallet-status { margin-top:4px; color:#8fb2bf; font:12px/1.5 var(--dw-sans); }
#walletModal .wallet-dot { width:7px; height:7px; }
#walletModal .wallet-dot.on { background:#b2e6c9; box-shadow:0 0 9px rgba(178,230,201,.22); }
#walletModal .wallet-dot.off { background:#bba273; box-shadow:none; }
#walletModal .wallet-note,#walletModal .dw-wallet-note { display:flex; align-items:center; gap:10px; margin-top:4px; padding:13px 14px; border:1px solid rgba(226,195,136,.15); border-radius:9px; color:#9fb9c1; background:rgba(228,198,140,.025); font:10px/1.75 var(--dw-sans); text-align:left; }
#walletModal .wallet-note img,#walletModal .dw-wallet-note img { width:26px; height:26px; flex:none; object-fit:contain; }
#walletModal .wallet-note strong,#walletModal .dw-wallet-note strong { color:#deceaa; font-weight:500; }

@media (max-width:1080px) {
  .dw-title { font-size:47px; }
  .dw-footer .foot { gap:18px; }
  .dw-footer .foot-brand { font-size:21px; }
}
@media (max-width:820px) {
  main.wrap.dw-content { padding:88px 21px 30px; }
  body.dw-market-view main.wrap.dw-content { padding-top:87px; }
  .dw-sidebar { padding-top:52px; }
  .dw-intro { margin-bottom:10px; }
  .dw-title { font-size:45px; }
  .dw-quicklinks { width:min(480px,100%); margin-top:15px; }
  .dw-quicklinks a.dw-quick-tile { min-height:85px; }
  .dw-footer { padding:23px 25px 87px; }
}
@media (max-width:560px) {
  main.wrap.dw-content { padding:84px 14px 28px; }
  body.dw-market-view main.wrap.dw-content { padding-top:85px; }
  .dw-hero-badge { font-size:7px; letter-spacing:1.6px; gap:7px; }
  .dw-hero-badge:before,.dw-hero-badge:after { width:26px; }
  .dw-hero-badge>.dw-icon { width:13px; height:13px; }
  .dw-title { font-size:38px; line-height:1.08; margin:9px 0 9px; letter-spacing:-1.35px; }
  .dw-intro-copy { max-width:none; }
  .dw-intro-copy p { font-size:10px; line-height:1.7; letter-spacing:0; }
  .dw-intro-copy p>span { font-size:9px; display:inline-block; max-width:285px; }
  .dw-quicklinks { gap:6px; margin:13px auto 0; }
  .dw-quicklinks a.dw-quick-tile { min-height:80px; padding:9px; border-radius:8px; gap:4px; }
  .dw-quicklinks .dw-quick-top { margin-bottom:2px; }
  .dw-quick-icon { width:20px; height:20px; border-radius:5px; }
  .dw-quicklinks .dw-quick-icon .dw-icon { width:12px; height:12px; }
  .dw-quick-number { font-size:7px; letter-spacing:.3px; }
  .dw-quicklinks .dw-quick-title { font-size:11px; letter-spacing:-.1px; gap:3px; }
  .dw-quicklinks .dw-quick-title>.dw-icon { width:8px; height:8px; }
  .dw-quicklinks a.dw-quick-tile>small { display:block; font-size:7px; line-height:1.4; }
  .dw-intro-tide { width:125px; margin-top:11px; height:12px; }
  .dw-intro { margin-bottom:8px; }
  .powered-badge { font-size:7px; padding:3px 8px 3px 5px; }
  .powered-badge img { width:15px; height:15px; }
  .powered-badge b { font-size:8px; }
  .dw-footer .foot { gap:21px 15px; }
  .dw-footer .foot-brand { font-size:23px; margin-top:0; }
  .dw-footer .foot-links a,.dw-footer .foot-links button { font-size:8px; }
  #walletModal .modal-head { padding:21px 19px 17px; }
  #walletModal .modal-head h3 { font-size:27px; }
  #walletModal #walletList { padding:15px 18px 21px; }
  #walletModal .wallet-card { min-height:76px; padding:14px 12px; gap:11px; }
  #walletModal .wallet-status { font-size:11px; }
  #walletModal .wallet-note,#walletModal .dw-wallet-note { padding:12px; font-size:9px; }
}
@media (max-width:360px) {
  .dw-title { font-size:34px; letter-spacing:-1.2px; }
  .dw-quicklinks a.dw-quick-tile { padding:8px 7px; }
  .dw-quicklinks .dw-quick-title { font-size:10px; }
  .dw-quicklinks .dw-quick-title>.dw-icon { display:none; }
  .dw-quicklinks a.dw-quick-tile>small { font-size:6.5px; }
}
@media (prefers-reduced-motion:reduce) {
  .dw-quicklinks a.dw-quick-tile:after { display:none; }
}

/* Explicit chain identity: native RGN, yellow legacy BSC, purple upcoming SPL. */
.brpill[data-asset="BSC"] .coin,.brmenu-item[data-asset="BSC"] .coin{border:2px solid #f5c84c!important;border-radius:50%!important;box-shadow:0 0 0 2px #f5c84c29,0 0 13px #f5c84c26!important;background-image:url('assets/rgn-mark.svg')!important;background-color:#0750db!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
.brpill[data-asset="SPL"] .coin,.brmenu-item[data-asset="SPL"] .coin{border:3px solid #c09aff!important;border-radius:50%!important;box-shadow:0 0 0 2px #b78bff29,0 0 13px #b78bff24!important;background-image:url('assets/rgn-mark.svg')!important;background-color:#0750db!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
.brpill[data-asset="BSC"]>span:not(.coin){font-size:13px;letter-spacing:0;line-height:1.25;white-space:normal;max-width:125px;text-align:left}
.brmenu{min-width:280px!important;max-width:calc(100vw - 44px)!important}
.brmenu-item{gap:11px!important;padding:12px!important;font-size:13px!important;letter-spacing:0!important;min-height:48px}
.brmenu-item .coin{flex:0 0 25px!important;width:25px!important;height:25px!important}
.brmenu-item.disabled{opacity:1!important;color:#bdc7d4!important;cursor:not-allowed!important;background:#a77ae508!important}
.brmenu-item.disabled .soon{background:#ad80ee20!important;color:#d6b6ff!important;border:1px solid #ad80ee55!important;font:600 9px/1.35 system-ui,sans-serif!important;letter-spacing:.03em!important;padding:5px 7px!important;white-space:nowrap}
.dw-network-note{margin:12px 0 20px;padding:13px 15px;border:1px solid #8bafbd2e;border-radius:12px;background:#071e2c80;color:#a9c1ca;font:12px/1.7 system-ui,sans-serif}
.dw-network-note b{color:#f3d68b;font-weight:650}.dw-network-note .spl-note{color:#c6a2f4}
@media(max-width:600px){.brpill[data-asset="BSC"]>span:not(.coin){font-size:11px;max-width:90px}.brmenu{min-width:255px!important}.brmenu-item{font-size:12px!important}.brmenu-item.disabled .soon{font-size:8px!important;padding:4px 5px!important}}