:root{color-scheme:dark;--surface-base: #060314;--surface-bright: #2b1858;--surface-container: #0c112b;--surface-container-high: #151342;--surface-container-low: #0c0723;--surface-container-lowest: #020008;--surface-variant: #21174a;--primary: #a855f7;--primary-2: #351f8b;--gold: #f8c84b;--gold-2: #b86a08;--accent: #38bdf8;--mot-blue: #0041d3;--teal: #10b981;--danger: #ff6b6b;--background: var(--surface-container-lowest);--surface: rgba(12, 7, 35, .72);--surface-strong: rgba(12, 17, 43, .94);--surface-soft: rgba(168, 85, 247, .08);--text: #f8fbff;--muted: rgba(218, 226, 255, .74);--faint: rgba(218, 226, 255, .48);--line: rgba(168, 85, 247, .24);--line-hot: rgba(248, 200, 75, .42);--shadow: 0 24px 70px rgba(0, 0, 0, .42);--page-bg: #020008;--panel-bg: rgba(6, 3, 20, .96);--card-bg: rgba(12, 7, 35, .86);--cta-bg: #f8c84b}*{box-sizing:border-box}html{min-height:100%;background:var(--background)}body{margin:0;min-height:100vh;min-height:100dvh;overflow-x:hidden;background:var(--page-bg);color:var(--text);font-family:Lato,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body:before{content:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 0 38px}.brand-bar,.brand-lockup,.top-actions,.ticket-head,.asset-row,.wallet-dock,.quote-bar,.rail-title,.route-line{display:flex;align-items:center}.brand-bar{justify-content:space-between;gap:16px;margin-bottom:18px}.brand-lockup{min-width:0;gap:14px}.brand-logo{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.5))}.brand-title{margin:0;font-family:Rubik One,Impact,sans-serif;font-size:clamp(1.08rem,2.1vw,1.48rem);line-height:1;text-transform:uppercase}.brand-title span{opacity:.72}.brand-subtitle,.eyebrow{margin:0;color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.top-actions{flex-shrink:0;gap:10px}.icon-button,.wallet-dock button{border:1px solid var(--line);border-radius:8px;background:#fff1;color:var(--text)}.icon-button{display:grid;width:40px;height:40px;place-items:center}.status-pill{display:inline-flex;min-height:40px;align-items:center;border:1px solid rgba(248,200,75,.24);border-radius:8px;background:#f8c84b1a;padding:0 13px;color:var(--gold);font-size:.78rem;font-weight:900;text-transform:uppercase}.status-pill.good{border-color:#10b98152;background:#10b9811f;color:var(--teal)}.status-pill.bad{border-color:#ff6b6b57;background:#ff6b6b1f;color:var(--danger)}.bridge-layout{display:grid;grid-template-columns:minmax(420px,.92fr) minmax(320px,.58fr);grid-template-areas:"ticket rail" "art rail";gap:14px}.bridge-ticket,.side-rail,.brand-art,.rail-card{border:1px solid var(--line);border-radius:8px;background:var(--panel-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bridge-ticket{grid-area:ticket;padding:clamp(18px,2.5vw,26px)}.ticket-head{justify-content:space-between;gap:12px;margin-bottom:16px}h1,h2{margin:0;font-family:Rubik One,Impact,sans-serif;line-height:1;text-transform:uppercase}.ticket-head h2{margin-top:5px;font-size:clamp(1.55rem,3.6vw,2.4rem)}.chain-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--card-bg);padding:14px}.chain-card:after{content:none}.source-card,.destination-card{background:#0c0723e0}.chain-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.chain-meta span,.field-label,.amount-input span,.address-field span{color:var(--faint);font-size:.74rem;font-weight:900;text-transform:uppercase}.chain-meta strong{font-size:.96rem}.asset-row{justify-content:space-between;gap:14px}.asset-row.compact{min-height:58px}.asset-row.compact strong{display:block;margin-top:6px;font-size:1.16rem}.amount-input{min-width:0;flex:1}.amount-input input,.address-field input{width:100%;border:0;outline:none;background:transparent;color:var(--text)}.amount-input input{margin-top:2px;font-family:Rubik One,Impact,sans-serif;font-size:clamp(2rem,5.3vw,3.7rem);line-height:1}.token-chip{display:inline-grid;min-width:86px;min-height:44px;align-content:center;justify-items:start;border:1px solid rgba(168,85,247,.28);border-radius:8px;background:#060314b8;padding:7px 10px;color:var(--text);text-align:left}.token-chip span{font-family:Rubik One,Impact,sans-serif;font-size:.9rem}.token-chip small{color:var(--faint);font-size:.62rem;font-weight:900;text-transform:uppercase}.address-field{display:block;margin-top:14px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b;padding:10px 12px}.address-field input{display:block;margin-top:4px;color:#fbfbffe0;overflow:hidden;text-overflow:ellipsis}.bridge-arrow{display:grid;width:38px;height:38px;place-items:center;margin:-5px auto;border:1px solid rgba(248,200,75,.32);border-radius:8px;background:var(--surface-container-low);color:var(--gold);box-shadow:0 10px 28px #00000052}.wallet-dock{flex-wrap:wrap;gap:8px;margin-top:14px}.wallet-dock button{display:inline-flex;min-height:38px;align-items:center;gap:7px;padding:0 11px;color:#fbfbffd1;font-size:.78rem;font-weight:900}.quote-bar{flex-wrap:wrap;gap:8px;margin-top:14px}.quote-bar span{display:inline-flex;min-height:34px;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:#ffffff0e;padding:0 10px;color:var(--muted);font-size:.78rem;font-weight:900}.submit-button{display:inline-flex;width:100%;min-height:56px;align-items:center;justify-content:center;gap:10px;margin-top:16px;border:0;border-radius:8px;background:var(--cta-bg);color:#160900;font-family:Rubik One,Impact,sans-serif;font-size:.94rem;text-transform:uppercase}.submit-button:disabled{border:1px solid rgba(255,255,255,.095);background:#ffffff12;color:#fbfbff7a}.notice{min-height:38px;margin:12px 0 0;color:var(--muted);font-size:.86rem;line-height:1.45}.side-rail{grid-area:rail;display:grid;align-content:start;gap:12px;padding:12px}.status-dock,.rail-card{border:1px solid var(--line);border-radius:8px;background:#0c0723b8;padding:14px}.status-dock{display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:12px}.status-dock.good{border-color:#10b98152}.status-dock.warn{border-color:#f8c84b47}.status-dock.bad{border-color:#ff6b6b57}.state-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:#f8c84b21;color:var(--gold)}.good .state-mark{background:#10b98121;color:var(--teal)}.bad .state-mark{background:#ff6b6b21;color:var(--danger)}.state-copy{min-width:0}.state-copy span{color:var(--gold);font-size:.66rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.state-copy strong,.state-copy em{display:block}.state-copy strong{margin-top:3px;overflow-wrap:anywhere;font-family:Rubik One,Impact,sans-serif;font-size:.9rem;line-height:1.05;text-transform:uppercase}.state-copy em{margin-top:6px;color:var(--muted);font-size:.78rem;font-style:normal;line-height:1.35}.diagnostic-chip{display:inline-flex;width:fit-content;margin-top:8px;border:1px solid rgba(248,200,75,.34);border-radius:6px;background:#f8c84b1a;padding:4px 7px;color:var(--gold);font-size:.66rem;font-style:normal;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase}.state-copy .diagnostic-detail{color:#fbfbffc2}.rail-title{justify-content:space-between;gap:10px;margin-bottom:14px;color:var(--muted)}.rail-title strong{margin-right:auto;color:var(--text);font-size:.9rem;text-transform:uppercase}.route-line{gap:8px;margin-bottom:14px}.route-line span{display:grid;width:44px;height:34px;place-items:center;border:1px solid var(--line);border-radius:8px;background:#ffffff0e;font-weight:900}.route-line i{flex:1;height:2px;border-radius:999px;background:var(--accent)}.metric-list{display:grid;gap:8px;margin:0}.metric-list div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.07);padding-top:8px}.metric-list dt,.history-list span,.history-list em{color:var(--muted);font-size:.74rem;font-weight:900}.metric-list dd{margin:0;color:var(--text);font-weight:900}.timeline{display:grid;gap:11px;margin:0;padding:0;list-style:none}.timeline li{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;min-height:30px;color:#fbfbff85}.timeline li span{width:12px;height:12px;border:2px solid rgba(255,255,255,.22);border-radius:50%}.timeline li.done,.timeline li.active{color:var(--text)}.timeline li.done span{border-color:var(--teal);background:var(--teal)}.timeline li.active span{border-color:var(--gold);box-shadow:0 0 0 7px #f8c84b1a}.timeline li strong{font-size:.86rem}.history-list{display:grid;gap:8px}.history-list button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;min-height:46px;border:1px solid var(--line);border-radius:8px;background:#ffffff0d;padding:9px 10px;color:var(--text);text-align:left}.history-list span,.history-list em{overflow-wrap:anywhere}.history-list strong{color:var(--gold);font-size:.82rem}.history-list em{grid-column:1 / -1;font-style:normal}.brand-art{grid-area:art;position:relative;display:grid;min-height:230px;grid-template-columns:minmax(0,.58fr) minmax(260px,.42fr);overflow:hidden;background:var(--card-bg)}.art-copy{align-self:center;padding:24px}.art-copy h2{max-width:520px;margin-top:8px;font-size:clamp(1.35rem,3vw,2.2rem);line-height:1.02}.canvas-wrap{position:relative;min-height:230px}.canvas-wrap canvas{position:absolute;inset:0 -34px auto auto;width:390px;height:250px;opacity:.72}.stage-asset{position:absolute;object-fit:contain;pointer-events:none;filter:drop-shadow(0 22px 30px rgba(0,0,0,.62))}.dart-asset{right:14%;top:10%;width:158px;animation:floatA 5s ease-in-out infinite}.trophy-asset{right:48%;bottom:2%;width:130px;animation:floatB 5.8s ease-in-out infinite}.variant-route .bridge-layout{grid-template-columns:minmax(380px,.72fr) minmax(390px,.68fr)}.variant-route .bridge-ticket,.variant-route .side-rail{background:var(--panel-bg)}.variant-route .brand-art{min-height:180px}.variant-route .canvas-wrap{opacity:.45}.variant-arcade .bridge-layout{grid-template-columns:minmax(410px,.78fr) minmax(330px,.62fr)}.variant-arcade .bridge-ticket,.variant-arcade .brand-art,.variant-arcade .side-rail{border-color:#a855f752;background:var(--card-bg)}.variant-arcade .brand-art{min-height:300px}.variant-arcade .canvas-wrap canvas{width:460px;height:300px;opacity:.92}.variant-arcade .dart-asset{width:220px}.variant-arcade .trophy-asset{width:170px}.app-shell.variant-utility{width:min(1060px,calc(100vw - 32px))}.variant-utility .bridge-layout{grid-template-columns:minmax(440px,520px) minmax(280px,1fr);grid-template-areas:"ticket art" "ticket rail";align-items:start;justify-content:center;gap:12px}.variant-utility .bridge-ticket{background:#060314fa;box-shadow:0 22px 56px #0000005c}.variant-utility .ticket-head h2{font-size:clamp(1.7rem,3.4vw,2.25rem)}.variant-utility .chain-card{border-color:#a855f738;background:#0c0723c7}.variant-utility .chain-card:after{opacity:.42}.variant-utility .amount-input input{font-size:clamp(2.25rem,4.8vw,3.25rem)}.variant-utility .side-rail{background:#060314d1;box-shadow:0 18px 42px #00000047}.variant-utility .rail-card,.variant-utility .status-dock{background:#0c07238f}.variant-utility .brand-art{min-height:268px;background:#0c112bf0;box-shadow:0 18px 42px #00000047}.variant-utility .art-copy{position:relative;z-index:2;align-self:start;padding:20px}.variant-utility .art-copy .eyebrow{font-size:.64rem;white-space:nowrap}.variant-utility .art-copy h2{max-width:230px;font-size:clamp(1.2rem,2.4vw,1.68rem)}.variant-utility .canvas-wrap{min-height:268px}.variant-utility .canvas-wrap canvas{inset:16px -118px auto auto;width:440px;height:280px;opacity:.52}.variant-utility .dart-asset{right:10%;top:16%;width:180px;opacity:.96}.variant-utility .trophy-asset{right:54%;bottom:8%;width:132px;opacity:.9}.variant-utility .submit-button:disabled{background:#ffffff10}@keyframes floatA{50%{transform:translate3d(0,-10px,0) rotate(2deg)}}@keyframes floatB{50%{transform:translate3d(0,8px,0) rotate(-1deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:980px){.bridge-layout,.variant-route .bridge-layout,.variant-arcade .bridge-layout,.variant-utility .bridge-layout{grid-template-columns:1fr;grid-template-areas:"ticket" "rail" "art"}.side-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.status-dock,.route-card{grid-column:1 / -1}}@media(max-width:660px){.app-shell{width:min(100vw - 20px,560px);padding-top:12px}.app-shell.variant-utility{width:min(100vw - 20px,560px)}.brand-logo{width:52px;height:52px}.brand-title{font-size:1rem}.brand-subtitle{font-size:.56rem}.status-pill{display:none}.ticket-head h2{font-size:1.65rem}.amount-input input{font-size:2.3rem}.asset-row{align-items:stretch}.wallet-dock button{flex:1 1 calc(50% - 8px)}.quote-bar span{flex:1 1 100%}.side-rail{grid-template-columns:1fr}.status-dock{grid-template-columns:36px minmax(0,1fr)}.history-list button{grid-template-columns:1fr}.status-dock>svg,.history-list button em{display:none}.history-list button{justify-items:start}.brand-art{grid-template-columns:1fr;min-height:230px}.art-copy{padding:20px 20px 0}.canvas-wrap{min-height:210px;margin-top:-20px}.canvas-wrap canvas{inset:0 -120px auto auto;width:500px}.dart-asset{right:4%;width:148px}.trophy-asset{right:42%;width:118px}}@media(max-width:420px){.brand-lockup{gap:10px}.bridge-ticket,.side-rail,.brand-art{box-shadow:0 18px 44px #0000005c}.chain-card{padding:14px}.token-chip{min-width:76px}}