:root{color-scheme:dark;--nav-hover-color: #eeb402}@font-face{font-family:Integral CF;src:url(/assets/IntegralCF-Bold-BKWl2DY1.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:Mono LL;src:url(/assets/MonoLL-Book-B136A24q.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-roman-dsJvBcfU.woff) format("woff");font-weight:100 900;font-display:swap}body.blog-body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at top,rgba(238,180,2,.08),transparent 45%),#0a0a0e;color:#f3f4f6;min-height:100vh;overflow-x:hidden}body.blog-body.menu-open{overflow:hidden}.nav-link{transition:color .15s ease}.nav-link:hover{color:var(--nav-hover-color)}.ticker-badge{background:#cb9900;border:1px solid white;box-shadow:0 3px 4px #00000040;transition:background .5s ease,box-shadow .5s ease}.ticker-game-link{color:#000;text-decoration:none;font-weight:700;transition:text-decoration .2s ease}.ticker-game-link:hover{text-decoration:underline}.ticker-content{animation:ticker 40s linear infinite}.nav-cta:hover{border-color:currentColor!important}.nav.nav-hidden{transform:translateY(-100%)}.nav-get-started .start-icon{display:inline-flex;align-items:center;max-width:0;overflow:hidden;opacity:0;margin-right:0;transition:max-width .25s ease,opacity .25s ease,margin-right .25s ease}.nav-get-started:hover .start-icon{max-width:16px;opacity:1;margin-right:10px}.nav-get-started{transition:border-color .25s ease,padding-left .25s ease}.nav-get-started:hover{padding-left:22px}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;cursor:pointer;z-index:1001}.hamburger span{display:block;width:100%;height:1px;background:#eeb402;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;inset:0;background:#0a0a0efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:998;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu a{font-size:22px;font-weight:400;color:#fff;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease,color .15s ease}.mobile-menu.open a{opacity:1;transform:translateY(0)}.mobile-menu.open a:nth-child(1){transition-delay:.1s}.mobile-menu.open a:nth-child(2){transition-delay:.15s}.mobile-menu.open a:nth-child(3){transition-delay:.2s}.mobile-menu.open a:nth-child(4){transition-delay:.25s}.mobile-menu a:hover{color:#eeb402}.mobile-menu a.bg-\[\#eeb402\]{color:#0a0a0e!important;font-weight:600!important}.mobile-menu a.bg-\[\#eeb402\]:hover{color:#0a0a0e!important}.blog-header{display:flex;align-items:center;justify-content:space-between;padding:28px 48px 12px;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ee0;z-index:10}.blog-brand{font-family:Integral CF,Arial Black,sans-serif;font-size:20px;letter-spacing:.12em;text-transform:uppercase;color:#eeb402;text-decoration:none}.blog-nav{display:flex;gap:20px;font-size:13px;letter-spacing:.18em;text-transform:uppercase}.blog-nav a{color:#f3f4f6b8;text-decoration:none}.blog-nav a.active,.blog-nav a:hover{color:#eeb402}.blog-main{max-width:980px;margin:0 auto;padding:180px 32px 96px}.blog-hero{padding:36px 0 24px}.blog-eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:#f3f4f680;margin:0 0 12px}.blog-hero h1{font-family:Integral CF,Arial Black,sans-serif;font-size:clamp(32px,6vw,64px);margin:0 0 12px;letter-spacing:.04em;color:#eeb402}.blog-hero p{margin:0;font-size:18px;color:#f3f4f6b3;max-width:720px}.blog-list{width:100vw;margin-left:50%;transform:translate(-50%)}.blog-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:32px;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.blog-card{--accent: #eeb402;border-right:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08);border-radius:0;padding:32px;background:linear-gradient(135deg,#0a0a0ef5,#0a0a0ee0);box-shadow:none;display:flex;flex-direction:column;gap:12px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative;min-height:280px;overflow:hidden}.blog-card:hover{transform:translateY(-4px);border-color:#ffffff2e}.blog-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 25%,transparent),transparent 55%);opacity:.8;pointer-events:none}.blog-card:nth-child(4n+1){--accent: #eeb402}.blog-card:nth-child(4n+2){--accent: #ef40ff}.blog-card:nth-child(4n+3){--accent: #63f425}.blog-card:nth-child(4n){--accent: #f97316}.blog-card:nth-child(3n){border-right:none}.blog-card-title{font-family:Integral CF,Arial Black,sans-serif;font-size:22px;margin:0;color:#f9fafb;position:relative;z-index:1}.blog-card-meta{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#f3f4f68c;position:relative;z-index:1}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}.blog-tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:#f3f4f6b8;background:color-mix(in srgb,var(--accent) 12%,transparent)}.blog-card-desc{margin:0;color:#f3f4f6b8;line-height:1.6;position:relative;z-index:1}.blog-card-link{margin-top:auto;color:var(--accent);text-decoration:none;font-weight:600;position:relative;z-index:1}.blog-post-header{margin-bottom:32px}.blog-post-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;align-items:start}.blog-post-title{font-family:Integral CF,Arial Black,sans-serif;font-size:clamp(30px,5vw,52px);margin:0 0 12px;color:#eeb402}.blog-post-meta{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#f3f4f68c;margin-bottom:12px}.blog-post-header .blog-tags{margin-bottom:24px}.blog-post-content{font-size:18px;line-height:1.8;color:#f3f4f6d1}.blog-post-content h2,.blog-post-content h3{font-family:Integral CF,Arial Black,sans-serif;margin-top:36px;color:#f9fafb}.blog-post-content h2{font-size:28px}.blog-post-content h3{font-size:22px}.blog-post-content a{color:#eeb402;text-decoration:underline}.blog-post-content ul{padding-left:22px}.blog-post-content code{font-family:Mono LL,ui-monospace,SFMono-Regular,Menlo,monospace;background:#ffffff14;padding:2px 6px;border-radius:6px}.blog-post-content pre{background:#0f0f14e6;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;overflow-x:auto}.blog-post-content pre code{background:transparent;padding:0}.blog-toc{position:sticky;top:120px;padding:20px;border:1px solid rgba(255,255,255,.08);background:#0a0a0ecc}.blog-toc-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.blog-toc-header p{margin:0;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#f3f4f699}.blog-progress{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#f3f4f6b3}.blog-progress-bar{height:4px;background:#ffffff14;border-radius:999px;overflow:hidden}.blog-progress-bar span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#eeb402,#ef40ff)}.blog-toc-list{display:flex;flex-direction:column;gap:10px}.blog-toc-link{font-size:13px;color:#f3f4f6a6;text-decoration:none;line-height:1.4;border-left:2px solid transparent;padding-left:10px}.blog-toc-link[data-level="3"]{padding-left:18px;font-size:12px}.blog-toc-link.active{color:#eeb402;border-left-color:#eeb402}.blog-related{margin-top:64px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08)}.blog-related-title{font-family:Integral CF,Arial Black,sans-serif;font-size:24px;margin:0 0 20px;color:#f9fafb}.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.blog-related-card{border:1px solid rgba(255,255,255,.08);padding:16px;background:#0a0a0eb3}.blog-related-card h3{margin:0 0 8px;font-size:16px;color:#f9fafb}.blog-related-card p{margin:0 0 12px;color:#f3f4f6b3;font-size:14px;line-height:1.5}.blog-related-card a{color:#eeb402;text-decoration:none;font-weight:600;font-size:13px}.blog-back{display:inline-flex;align-items:center;gap:8px;color:#f3f4f6b3;text-decoration:none;margin-bottom:24px;font-size:14px}.blog-empty{padding:36px;border:1px dashed rgba(255,255,255,.12);border-radius:20px;color:#f3f4f6a6;max-width:720px;margin:32px auto 0}.blog-footer{border-top:1px solid rgba(255,255,255,.08);padding:36px 0 64px;background:#0a0a0ee6}.blog-footer-inner{max-width:1100px;margin:0 auto;padding:0 32px;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}.blog-footer-brand{max-width:320px;display:flex;flex-direction:column;gap:12px}.blog-footer-brand p{margin:0;color:#f3f4f699;line-height:1.6}.blog-footer-links{display:flex;gap:48px;flex-wrap:wrap}.blog-footer-links div{display:flex;flex-direction:column;gap:8px;min-width:140px}.blog-footer-title{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#f3f4f68c;margin:0 0 8px}.blog-footer-links a{color:#f3f4f6b3;text-decoration:none;font-size:13px}.blog-footer-links a:hover{color:#eeb402}@media(max-width:720px){.blog-header{padding:20px 20px 12px;flex-direction:column;align-items:flex-start;gap:12px}.blog-nav{flex-wrap:wrap;gap:12px}.blog-main{padding:32px 20px 72px}.blog-footer-inner{padding:0 20px}}@media(max-width:1100px){.blog-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card:nth-child(3n){border-right:1px solid rgba(255,255,255,.08)}.blog-card:nth-child(2n){border-right:none}.blog-post-layout{grid-template-columns:minmax(0,1fr)}.blog-toc{position:relative;top:0;order:-1;margin-bottom:24px}.blog-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.nav{padding-top:50px}.nav>div{padding:16px}.nav-links{display:none}.hamburger{display:flex;margin-right:12px}.nav>div>a:first-child{margin-left:12px}.blog-main{padding-top:150px}}@media(max-width:720px){.blog-list-grid{grid-template-columns:minmax(0,1fr)}.blog-card{border-right:none}.blog-related-grid{grid-template-columns:minmax(0,1fr)}}