/* Normal flow keeps text and controls separate. */
.social-icon{display:inline-block;width:22px;height:22px;flex:0 0 22px;object-fit:contain;vertical-align:middle}
.button .social-icon{width:24px;height:24px;flex-basis:24px}
a:has(>.social-icon){display:inline-flex;align-items:center;gap:10px}
.social-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0}
.social-channel{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #625180;border-radius:14px;min-height:48px;text-decoration:none;color:#f5f2ff;font-weight:700}
.social-channel:hover{border-color:#16e5da;background:#252045}
.social-channel span{min-width:0}.social-outward{margin-left:auto;color:#22e5d7}
.footer-links{grid-column:1/-1;flex-wrap:wrap;justify-content:flex-start}
.footer-socials{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;padding:0}
.closing{display:grid;grid-template-columns:88px minmax(0,1fr);gap:24px;align-items:center;overflow:visible}
.closing>img{width:88px;height:88px;max-width:100%}
.closing>div{min-width:0;width:auto;flex:none}
.closing .eyebrow{display:block;line-height:1.65;white-space:normal;overflow-wrap:normal;word-break:normal;letter-spacing:2px}
.closing h2{margin:16px 0 0;font-size:clamp(28px,4.5vw,60px);line-height:1.16;word-break:normal;overflow-wrap:normal}
.closing>.button{grid-column:1/-1;justify-self:start;margin:0;position:static;max-width:100%;white-space:normal;text-align:center;line-height:1.4}
.wallet-directory-note{max-width:850px;color:#c6bed9;line-height:1.8;margin-bottom:30px}
.wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.wallet-card{min-width:0;border:1px solid #675386;border-radius:24px;background:#17132f;padding:26px;display:flex;flex-direction:column;align-items:stretch}
.wallet-number{color:#22e5d7;font-size:12px;font-weight:700;letter-spacing:1px}
.wallet-card h3{font-size:24px;color:#f5f2ff;margin:16px 0 8px;overflow-wrap:anywhere}
.wallet-card p{font-size:15px;line-height:1.75;color:#c6bed9}
.wallet-card code{display:block;overflow-wrap:anywhere;word-break:break-all;white-space:normal;color:#eee6ff;font-size:13px;line-height:1.85;background:#0c0b20;padding:14px;border-radius:12px;margin-top:auto}
.wallet-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:18px}
.wallet-actions .button{min-height:44px}
.wallet-card .wallet-status{min-height:26px;margin:10px 0 0;font-size:13px;color:#22e5d7}
.surplus-comic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:32px 0 40px}
.surplus-comic li{min-width:0;border:2px solid #74568f;background:#17132f;border-radius:22px;overflow:hidden}
.surplus-panel{aspect-ratio:3/4;position:relative;background-image:url('/assets/surplus-comic-v1.png');background-size:400% 100%;background-repeat:no-repeat}
.surplus-panel-0{background-position:0 50%}.surplus-panel-1{background-position:33.333333% 50%}.surplus-panel-2{background-position:66.666667% 50%}.surplus-panel-3{background-position:100% 50%}
.surplus-panel .flow-number{position:absolute;top:14px;left:14px;background:#17132f;border:2px solid #21e6da;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:#21e6da;font-weight:800}
.surplus-caption{padding:22px}
.surplus-caption h3{font-size:23px;line-height:1.3;margin:0 0 14px;color:#f5f2ff}
.surplus-caption p{color:#c6bed9;font-size:15px;line-height:1.8;margin:0}
.grid-video-guide{display:block!important}
.grid-video-wrap{position:relative;margin:26px 0 12px;max-width:100%;border:1px solid #705c90;border-radius:18px;overflow:hidden;background:#080922}
.grid-video-wrap video{display:block;width:100%;height:auto;aspect-ratio:16/9}
.video-loading{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#18132ff2;border-radius:14px;pointer-events:none;color:#fff;font-size:14px}
.video-loading[hidden]{display:none}
.video-transcript{margin:24px 0;border-top:1px solid #5b496f;border-bottom:1px solid #5b496f;padding:0 4px}
.video-transcript summary{display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;min-height:56px;color:#f5f2ff;font-weight:700}
.video-transcript ol{padding-left:24px;color:#c6bed9;font-size:16px;line-height:1.8}
.video-transcript li+li{margin-top:12px}
.panda-page-loader{position:fixed;right:24px;bottom:90px;z-index:100;display:flex;align-items:center;gap:16px;padding:16px 22px;max-width:calc(100vw - 32px);border:1px solid #7a6297;border-radius:20px;background:#17132ff5;box-shadow:0 8px 32px #0006;color:#f5f2ff;pointer-events:none;font-size:15px;line-height:1.5}
.panda-page-loader[hidden]{display:none}
.panda-page-loader.page-start{inset:0;max-width:none;border:0;border-radius:0;justify-content:center;background:#080922f2}
.panda-page-loader img{width:64px;height:64px;object-fit:contain}
.panda-page-loader.page-start img{width:88px;height:88px}
.video-loading .panda-spin{width:60px;height:60px;object-fit:contain}
.panda-spin{animation:panda-head-spin 1.3s linear infinite}
@keyframes panda-head-spin{to{transform:rotate(360deg)}}
.chart-loading .panda-spin{display:block;margin:0 auto 16px;width:64px;height:64px;object-fit:contain}
@media(max-width:1100px){.surplus-comic{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .closing{grid-template-columns:60px minmax(0,1fr);gap:18px;padding:28px 22px;margin:28px 20px 60px}
 .closing>img{width:60px;height:60px}
 .closing>.button{justify-self:stretch;width:100%;font-size:16px;padding:18px 14px}
 .closing .eyebrow{font-size:10px;letter-spacing:1.4px}
 .closing h2{font-size:clamp(24px,6vw,34px);line-height:1.2}
 .wallet-grid{grid-template-columns:minmax(0,1fr)}.wallet-card{padding:22px}
 .surplus-comic{grid-template-columns:minmax(0,1fr);gap:24px}.surplus-panel{aspect-ratio:3/4;max-height:440px}
 .surplus-caption{padding:24px}.grid-video-wrap{border-radius:12px}
 .panda-page-loader{right:16px;bottom:82px;padding:12px 16px;font-size:14px;gap:10px}
 .footer-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .social-channel{padding:12px 10px;font-size:14px;gap:8px}
}
@media(prefers-reduced-motion:reduce){.panda-spin{animation:none}}