:host,:root{color-scheme:dark;--hub-text:#edf5fa;--hub-muted:#94a9ba;--hub-ice:#b2e0fc;--hub-line:#293b4a;font-family:Inter,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#070b10;color:var(--hub-text);font-family:Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--hub-ice);outline-offset:4px}[hidden]{display:none!important}.hub-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(#070b1033,#070b10e5),url('/draw/assets/v2/background.webp') center top/cover no-repeat;opacity:.6}.hub-shell,.hub-stake .site-shell,.hub-draw .shell{max-width:1480px;padding:0 48px;margin:auto}
.hub-header{height:104px;display:flex;align-items:center;gap:36px;border-bottom:1px solid #accfff19}.hub-brand{display:flex;flex-shrink:0}.hub-brand img{width:155px;height:auto;mix-blend-mode:screen}.hub-header nav{display:flex;gap:30px;align-items:center;margin-left:auto;font-size:12px}.hub-header nav a{color:var(--hub-muted);white-space:nowrap}.hub-header nav a:hover,.hub-header nav a[aria-current]{color:var(--hub-text)}.hub-header nav a[aria-current]{position:relative}.hub-header nav a[aria-current]:after{position:absolute;content:'';bottom:-12px;left:0;right:0;height:1px;background:#b2e0fc90}.hub-network{font-size:10px;letter-spacing:1px;color:#88a9bd;padding-left:20px}.hub-header .button{border-radius:9px;border:1px solid #40566a;background:#12202b66;color:#dcecf6;font-size:12px;padding:13px 20px;min-width:142px;justify-content:center}.hub-header .header-actions,.hub-header .wallet-controls{display:flex;gap:12px;align-items:center}.hub-header .text-button{font-size:10px}.hub-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0 36px;margin-top:52px;border-top:1px solid #a1ccff1a;font-size:11px;color:var(--hub-muted)}.hub-footer>span{letter-spacing:2px;font-size:10px}.hub-footer p{margin:0}
.hub-intro{padding:65px 0 43px}.hub-eyebrow{font-size:10px;letter-spacing:2px;color:#8fb0c7;margin:0 0 21px}.hub-intro h1{font-size:clamp(48px,5.5vw,78px);font-weight:450;letter-spacing:-4px;line-height:1.06;margin:0}.hub-intro h1 span{color:#badff7}.hub-intro>p:last-child{font-size:13px;color:#819eaf;margin:25px 0 0}.hub-apps{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hub-app{position:relative;overflow:hidden;border:1px solid #355065;border-radius:20px;min-height:470px;isolation:isolate;background:#0a131c}.app-art{position:absolute;inset:0;z-index:-2}.app-art img{height:100%;width:100%;object-fit:cover;transition:transform 1s ease;opacity:.83}.hub-app:hover .app-art img{transform:scale(1.035)}.hub-app--stake .app-art img{object-position:center 44%}.hub-app--draw .app-art img{object-position:83% center}.hub-app:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#07111c 0%,#07111cbf 24%,#07111c00 82%),linear-gradient(90deg,#07111caa,transparent 90%);pointer-events:none}.app-copy{padding:29px 30px;display:flex;min-height:470px;flex-direction:column}.app-overline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:auto;font-size:9px;letter-spacing:1.3px;color:#c6dfef}.app-overline button{background:#081420a6;color:#c9e6f8;border:1px solid #6b9abb66;border-radius:20px;padding:8px 11px;font-size:10px;white-space:nowrap;backdrop-filter:blur(12px)}.app-overline em{font-style:normal;font-size:7px;letter-spacing:.7px;color:#95bdd7;display:inline-block;margin-left:7px}.app-copy h2{font-size:38px;font-weight:450;line-height:1.2;letter-spacing:-1.8px;margin:75px 0 13px}.app-copy>p{font-size:14px;line-height:1.6;color:#adc3d2;margin:0 0 27px}.hub-home .button{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border:1px solid #a9d9f590;border-radius:9px;background:#abd9f1;color:#0a2232;font-size:12px;font-weight:600;transition:background .2s}.hub-home .button:hover{background:#d2eeff}.app-open span{font-size:21px;font-weight:400}.hub-connection{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:29px 0;border-bottom:1px solid #a1ccff19;color:#87a2b4;font-size:11px}.hub-connection p{margin:0;color:#c6dce9}.hub-connection>span{font-size:10px;white-space:nowrap}
.hub-draw #draw{padding-top:30px}.hub-draw .panel-title{flex-wrap:wrap;row-gap:12px}.purchase-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.help-button{background:transparent;border:0;padding:0;color:#add7f1;font-size:11px;white-space:nowrap;font-weight:400}.help-button:hover{text-decoration:underline}.hub-draw .small-ticket{border:0;padding:0;color:#7f9db1;font-size:10px}.hub-draw .page-atmosphere{background-image:linear-gradient(#070b1040,#070b10c9 85%),url('/draw/assets/v2/background.webp')}
.hub-stake .title-row{padding:29px 0 24px;align-items:center;gap:20px}.hub-stake #page-title{font-size:31px;letter-spacing:-1.2px;font-weight:450;margin:0}.hub-stake .page-intro{margin:7px 0 0;font-size:12px;color:#8ca8bc}.stake-tabs{display:flex;gap:7px;padding:4px;background:#101d28;border:1px solid #344a5a;border-radius:9px}.stake-tabs .nav-link{font-size:11px;border:0;padding:9px 15px;border-radius:6px}.stake-tabs .nav-link.active{background:#263f52;color:#dcf1ff}.stake-tabs .nav-link:after{display:none}.hub-stake .vault-grid{grid-template-columns:minmax(0,1.4fr) minmax(355px,1fr);gap:22px;align-items:stretch}.hub-stake .feature-panel.feature-panel--claim{border:1px solid #355065;border-radius:18px;overflow:hidden;background:#050a0e;min-height:580px}.hub-stake .feature-panel--claim .feature-art{height:100%;width:100%;object-fit:cover;object-position:center;position:absolute;inset:0;animation:hub-breathe 14s ease-in-out infinite}.hub-stake .planner{border:1px solid #354d60;border-radius:18px;background:linear-gradient(135deg,#182a38e8,#0d1723f2);color:#e0edf6;padding:30px;min-width:0;backdrop-filter:blur(12px)}.hub-stake .planner:after{display:none}.hub-stake .panel-heading{align-items:center;gap:12px;margin-bottom:32px}.hub-stake .panel-heading h2{font-size:22px;font-weight:450;letter-spacing:-.7px;margin:0}.hub-stake .planner-label{font-size:11px;color:#9bb4c7;margin-top:0}.hub-stake .planner-label>span:last-child{font-size:9px;color:#7f9aad}.hub-stake .duration-grid{gap:8px;margin-top:12px}.hub-stake .duration{border:1px solid #3e5668;border-radius:8px;background:#0a1520;color:#b7cedf;padding:15px 9px;min-height:81px}.hub-stake .duration>span{font-size:23px;line-height:1.2;color:#e4f3fd;display:block}.hub-stake .duration small{font-size:10px;color:#92aec1}.hub-stake .duration strong{font-size:10px;color:#9dc2dc;font-weight:400;margin-top:8px;display:block}.hub-stake .duration.selected{border-color:#a4dbfd;background:#29475f6b;color:#e3f5ff;box-shadow:inset 0 0 20px #a3dcff06}.hub-stake .selection-summary{border-top:1px solid #40576a66;border-bottom:1px solid #40576a66;padding:19px 0;color:#9db5c6;gap:10px;margin-top:24px;flex-wrap:wrap}.hub-stake .selection-summary>span{font-size:11px}.hub-stake .selection-summary strong{font-size:12px;color:#cee5f4}.hub-stake .selection-summary .text-button{font-size:11px;color:#b8def5}.hub-stake .quantity-bonus{color:#9db5c6;font-size:11px;margin-top:21px}.hub-stake .quantity-bonus strong{color:#c2e6fc}.hub-stake .bonus-tiers{gap:8px;margin-top:11px}.hub-stake .bonus-tiers>span{border:1px solid #365163;border-radius:7px;color:#8cabbf;font-size:9px;padding:9px 4px}.hub-stake .bonus-tiers strong{color:#b5d2e5;font-size:11px}.hub-stake .bonus-tiers .earned{background:#345b724f;border-color:#a4d6f3;color:#cee8f8}.hub-stake .position-total{border-color:#3b536866;padding:21px 0 0;margin-top:20px}.hub-stake .position-total>div>span{font-size:10px;letter-spacing:.3px;color:#97b2c5}.hub-stake #position-weight{color:#e1f1fc;font-size:45px;font-weight:400;line-height:1.3;letter-spacing:-2px}.hub-stake #position-weight span{color:#8faec3;font-size:10px;letter-spacing:.6px;margin-left:7px}.hub-stake .planner-explanation{font-size:10px;color:#9cb8cc;line-height:1.7}.hub-stake .stake-button{width:100%;border-radius:9px;background:linear-gradient(110deg,#c2e7fd,#a5d9fc);color:#102332;font-size:12px;margin-top:20px;padding:14px 17px}.hub-stake .planner-note{color:#849fb1;font-size:10px;line-height:1.7;margin:13px 0 0}.hub-stake .button{border-radius:8px}.hub-stake .my-stakes{margin-top:35px}.hub-stake .stake-account,.hub-stake .position-row,.hub-stake .live-metric,.hub-stake .live-secondary article,.hub-stake .chart-panel,.hub-stake .ledger-panel{border-radius:12px;border-color:#304759}.hub-stake .section-heading h2{font-size:24px;font-weight:450;letter-spacing:-.7px}.hub-stake dialog{border-radius:14px}.hub-stake .launch-notice{border-radius:8px;font-size:11px}.hub-stake .feature-panel .stake-art-label{position:absolute;left:25px;bottom:24px;font-size:9px;letter-spacing:1.6px;color:#d4edff;background:#08121bd9;padding:10px 14px;border:1px solid #527a9866;border-radius:30px;backdrop-filter:blur(8px)}
.hub-guide{width:min(550px,calc(100% - 28px));max-height:88dvh;padding:28px;background:linear-gradient(140deg,#162735,#0b151f);color:#e6f2fa;border:1px solid #527793;border-radius:18px;box-shadow:0 30px 100px #0009;overscroll-behavior:contain}.hub-guide::backdrop{background:#03080ecd;backdrop-filter:blur(8px)}html:has(.hub-guide[open]){overflow:hidden}.guide-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.guide-kicker{font-size:9px;letter-spacing:2px;color:#81abc6}.guide-close{background:none;border:0;color:#a0bdcf;font-size:25px;line-height:1;padding:0 0 0 15px}.hub-guide h2{font-size:29px;font-weight:450;letter-spacing:-1px;margin:0;line-height:1.2}.guide-context{font-size:12px;color:#9dbbd0;margin:12px 0 24px;line-height:1.7}.guide-content section{border-top:1px solid #54779133;padding-top:15px;margin-top:16px}.guide-content h3{font-size:13px;font-weight:500;letter-spacing:0;margin:0 0 7px;color:#dfedf6}.guide-content p{font-size:12px;line-height:1.8;color:#a1b9ca;margin:0}.guide-table{width:100%;border-collapse:collapse;white-space:normal;font-size:12px}.guide-table caption{text-align:left;font-size:12px;color:#dfedf6;padding:0 0 12px}.guide-table th,.guide-table td{padding:10px 13px!important;border-bottom:1px solid #42607755;text-align:left!important;font-size:11px;background:none}.guide-table th{font-weight:400;color:#88aac2}.guide-table .chosen{background:#36567055;color:#cff0ff}.guide-ack{display:flex;align-items:flex-start;gap:12px;background:#203e535c;padding:14px;border-radius:8px;margin:22px 0 0;border:1px solid #4c78966b;font-size:12px;line-height:1.7;color:#d8eaf7;cursor:pointer}.guide-ack input{accent-color:#a8daff;width:16px;height:16px;margin:3px 0 0;flex-shrink:0}.hub-guide .guide-continue{display:block;width:100%;text-align:center;margin-top:20px;padding:14px 15px;font-size:12px;font-weight:600;color:#0b2436;background:#b4dff9;border:0;border-radius:8px}.hub-guide .guide-continue:hover:not(:disabled){background:#d9f0ff}
@keyframes hub-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@media(max-width:1100px){.hub-shell,.hub-stake .site-shell,.hub-draw .shell{padding:0 28px}.hub-header{height:96px;gap:25px}.hub-header nav{gap:22px}.hub-network{padding-left:0}.hub-stake .vault-grid{grid-template-columns:minmax(0,1.2fr) minmax(330px,1fr);gap:18px}.hub-stake .planner{padding:25px}.hub-stake .panel-heading{flex-wrap:wrap}.app-copy{padding:25px}.hub-stake .feature-panel.feature-panel--claim{min-height:580px}.app-overline{flex-wrap:wrap}}
@media(max-width:760px){.hub-shell,.hub-stake .site-shell,.hub-draw .shell{padding:0 20px}.hub-header{height:auto;min-height:98px;flex-wrap:wrap;padding:23px 0 20px;gap:23px 16px}.hub-brand img{width:139px}.hub-header nav{order:3;justify-content:space-between;width:100%;gap:22px;margin:0;font-size:11px}.hub-header nav a[aria-current]:after{bottom:-7px}.hub-network,.hub-header>.button,.hub-header>.header-actions{margin-left:auto}.hub-header .button{min-width:0;padding:11px 13px;font-size:11px}.hub-network{font-size:9px}.hub-intro{padding:39px 0 30px}.hub-intro h1{font-size:clamp(39px,8vw,58px);letter-spacing:-2.5px}.hub-intro>p:last-child{font-size:11px;line-height:1.7}.hub-eyebrow{font-size:9px;margin-bottom:17px}.hub-apps{grid-template-columns:1fr;gap:20px}.hub-app,.app-copy{min-height:440px}.app-copy h2{font-size:35px}.app-copy>p{font-size:13px}.app-overline{font-size:8px;gap:10px}.hub-connection{flex-wrap:wrap;font-size:11px;line-height:1.8;gap:13px}.hub-connection p{order:3;flex-basis:100%;font-size:11px}.hub-footer{margin-top:35px;flex-wrap:wrap;font-size:10px}.hub-footer p{display:none}.hub-draw #draw{padding-top:22px}.hub-stake .title-row{padding:24px 0;flex-wrap:wrap;gap:17px}.hub-stake #page-title{font-size:28px}.hub-stake .page-intro{font-size:11px}.stake-tabs{width:100%}.stake-tabs .nav-link{flex:1;text-align:center}.hub-stake .vault-grid{display:grid;grid-template-columns:1fr}.hub-stake .feature-panel.feature-panel--claim{min-height:0;aspect-ratio:1.1}.hub-stake .planner{padding:26px}.hub-stake .panel-heading{flex-wrap:nowrap;margin-bottom:26px}.hub-stake .panel-heading h2{font-size:21px}.hub-stake .duration strong{font-size:9px}.hub-stake .feature-panel .stake-art-label{left:19px;bottom:18px;font-size:8px}.hub-guide{padding:23px}.hub-guide h2{font-size:26px}.guide-context{font-size:11px}.guide-content p{font-size:11px}.hub-stake .table-wrap{max-width:100%;position:relative}}
@media(max-width:390px){.hub-shell,.hub-stake .site-shell,.hub-draw .shell{padding:0 15px}.hub-brand img{width:120px}.hub-header .button{padding:10px;font-size:10px}.hub-stake .planner{padding:23px 20px}.hub-stake .panel-heading{flex-wrap:wrap;gap:9px}.hub-stake .duration{padding:13px 5px}.hub-stake .duration>span{font-size:20px}.hub-stake .duration small{font-size:8px}.hub-stake .duration strong{font-size:8px}.hub-guide{padding:22px 18px}.guide-table th,.guide-table td{padding:10px!important}.guide-ack{padding:12px;font-size:11px}.app-copy{padding:23px}.hub-intro h1{font-size:37px;letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.hub-stake .selection-summary>span{color:#9db5c6}.hub-stake #position-weight span{font-family:Inter,'Segoe UI',Arial,sans-serif}

/* Persistent shell: dimensions never depend on the active app or wallet label. */
html{scrollbar-gutter:stable;overflow-y:scroll;scroll-behavior:auto}body.bookies-hub{font-size:14px;line-height:1.5;min-height:100dvh}.bookies-hub .hub-header{height:104px}.hub-view{display:block;min-width:0}.hub-view[hidden]{display:none!important}#hub-stage{min-height:760px}.hub-wallet{width:190px;flex:0 0 190px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.hub-wallet .button{height:44px;width:154px;min-width:0;padding:10px 12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:600}.hub-wallet .hub-network{padding:0;font-size:10px}.hub-disconnect{border:1px solid #304959;border-radius:7px;width:28px;height:28px;padding:0;background:#14202b;color:#a0c5de;font-size:17px;flex-shrink:0}.hub-disconnect.unavailable{visibility:hidden}.hub-route-status{font-size:12px;color:#edbfac;border:1px solid #604c41;background:#241d18;padding:12px 16px;border-radius:8px}.hub-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bookies-hub .hub-header nav a{padding:9px 0}.bookies-hub .hub-header nav a[aria-current]:after{bottom:0}.bookies-hub .hub-brand img{display:block;height:auto}.hub-home h1:focus{outline:none}
@media(max-width:1100px){.bookies-hub .hub-header{height:96px}}
@media(max-width:760px){.bookies-hub .hub-header{height:130px;min-height:130px;padding:20px 0 17px;gap:15px 8px}.hub-wallet{margin-left:auto;width:174px;flex-basis:174px;gap:6px}.hub-wallet .button{width:142px;height:38px;font-size:11px}.hub-wallet .hub-network{font-size:9px}.hub-header nav{height:29px}.hub-header nav a[aria-current]:after{bottom:0}#hub-stage{min-height:760px}}
@media(max-width:390px){.hub-brand img{width:111px}.hub-wallet{width:158px;flex-basis:158px}.hub-wallet .button{width:126px;font-size:10px;padding:9px 8px}.hub-header nav{gap:16px}}

.bookies-hub>.hub-shell{padding-top:16px}
.bookies-hub>.hub-shell>.hub-header{position:sticky;top:16px;z-index:10;height:88px;padding:0 22px;border:1px solid #9bc9e32b;border-radius:20px;background:linear-gradient(115deg,#19304191,#0b1822a8 65%);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);box-shadow:inset 0 1px 0 #d7efff0a,0 12px 38px #02070c40}
.bookies-hub>.hub-shell>.hub-header nav{gap:4px}
.bookies-hub>.hub-shell>.hub-header nav a{padding:10px 14px;border:1px solid transparent;border-radius:10px;transition:color .2s,background .2s,border-color .2s}
.bookies-hub>.hub-shell>.hub-header nav a:hover{background:#a6d8fa09}
.bookies-hub>.hub-shell>.hub-header nav a[aria-current]{background:#a6d8fa10;border-color:#abdfff26;color:#e5f5ff}
.bookies-hub>.hub-shell>.hub-header nav a[aria-current]:after{display:none}
.bookies-hub>.hub-shell>.hub-header .button{background:#bbdfff09;border-color:#b2dfff35;border-radius:11px}
.bookies-hub>.hub-shell>.hub-header .hub-disconnect{background:#bbdfff08;border-color:#b2dfff26}
@media(max-width:1100px){.bookies-hub>.hub-shell>.hub-header{height:80px;gap:18px;padding:0 18px}}
@media(max-width:760px){.bookies-hub>.hub-shell>.hub-header{top:10px;height:114px;min-height:114px;padding:13px 16px;gap:10px 8px;align-content:center;border-radius:17px}.bookies-hub>.hub-shell>.hub-header nav{height:32px;gap:4px}.bookies-hub>.hub-shell>.hub-header nav a{padding:6px 10px;text-align:center;flex:1;border-radius:8px}.bookies-hub>.hub-shell>.hub-header .hub-brand img{width:120px}.hub-wallet{width:158px;flex-basis:158px}.hub-wallet .button{width:126px}}
@media(max-width:390px){.bookies-hub>.hub-shell>.hub-header{padding:12px}.bookies-hub>.hub-shell>.hub-header .hub-brand img{width:100px}.hub-wallet{width:142px;flex-basis:142px}.hub-wallet .button{width:114px}.hub-disconnect{width:22px;height:26px;font-size:15px}}
@media(max-width:360px){.bookies-hub>.hub-shell>.hub-header{gap:10px 6px}.bookies-hub>.hub-shell>.hub-header .hub-brand img{width:80px}.bookies-hub .hub-wallet{width:130px;flex-basis:130px;gap:4px}.bookies-hub .hub-wallet .button{width:104px}.bookies-hub>.hub-shell>.hub-header nav a{padding:6px}}

@media(max-width:390px){.bookies-hub .hub-brand img{width:105px}}

/* Compact hub introduction and unobtrusive, still-scrollable dialogs. */
.hub-home .hub-intro{padding:44px 0 34px}.hub-home .hub-intro h1{font-size:clamp(18px,4.65vw,62px);font-weight:450;line-height:1.2;letter-spacing:-.045em;white-space:nowrap}
dialog{scrollbar-width:none;-ms-overflow-style:none}dialog::-webkit-scrollbar{display:none;width:0;height:0}
@media(max-width:760px){.hub-home .hub-intro{padding:30px 0 25px}}

@media(max-width:360px){.bookies-hub .hub-brand img{width:90px}.hub-wallet{width:149px;flex-basis:149px;gap:4px}.hub-wallet .button{width:117px}}

/* Remove the dark logo backing without changing the artwork or header. */
.bookies-hub .hub-brand img{filter:url(#hub-logo-alpha);mix-blend-mode:normal}

.hub-logo-filter{position:absolute;width:0;height:0;pointer-events:none}