.study-index{top:var(--db-gutter-top,var(--db-gutter,84px));left:var(--db-gutter,84px);z-index:1;color:var(--db-text,#f3effa);font-family:var(--db-font-body,"Montserrat", system-ui, sans-serif);background:var(--db-glass-tint);transition:left var(--db-rail-dur,.6s) cubic-bezier(.76, 0, .24, 1);flex-direction:column;display:flex;position:absolute;bottom:0;right:0;overflow:hidden}body[data-rail-expanded=true] .study-index{left:var(--db-rail-w,240px)}.study-head{flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:28px;padding:30px 44px 0;display:flex}.study-eyebrow{font-family:var(--db-font-mono,"Roboto Mono", monospace);letter-spacing:.3em;text-transform:uppercase;color:var(--db-accent,#faa916);margin-bottom:13px;font-size:11px}.study-eyebrow .br{color:var(--db-bracket,var(--db-accent,#faa916))}.study-title{font-family:var(--db-font-head,"Zilla Slab", Georgia, serif);letter-spacing:-.02em;color:var(--db-text,#f3effa);font-size:44px;font-weight:700;line-height:1}.study-sub{font-family:var(--db-font-body,"Montserrat", system-ui, sans-serif);font-size:var(--db-text-body,18px);font-weight:300;line-height:var(--db-leading-body,1.7);color:var(--db-text-muted,#b8b0d0);max-width:440px;margin-top:11px}.study-grid-wrap{flex:1;min-height:0;padding:30px 44px 40px;overflow-y:auto}.study-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(186px,1fr);gap:16px;display:grid}.study-lead{flex-direction:column;justify-content:flex-start;min-width:0;padding:4px 16px 4px 2px;display:flex}.study-lead-kicker{font-family:var(--db-font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--db-accent,#faa916);margin-bottom:22px;font-size:21px;font-weight:500;line-height:1}.study-lead-kicker .br{color:var(--db-accent,#faa916)}.study-lead-sub{font-family:var(--db-font-body,"Montserrat", system-ui, sans-serif);font-size:var(--db-text-body,18px);font-weight:300;line-height:var(--db-leading-body,1.7);color:var(--db-text,#f3effa);max-width:32ch}.study-card{border:1px solid var(--db-frame,#3d3b6b);border-radius:6px;min-height:178px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 16px 50px #0000006b}.study-card.is-feature{grid-row:span 2}.study-cover{transition:transform .6s cubic-bezier(.76,0,.24,1);position:absolute;inset:0}.study-card:hover .study-cover{transform:scale(1.04)}.study-cover-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.study-grain{opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.study-scrim{background:linear-gradient(to top, color-mix(in srgb, var(--db-base-deepest,#050409) 92%, transparent) 0%, color-mix(in srgb, var(--db-base-deepest,#050409) 42%, transparent) 42%, transparent 72%);transition:background .4s;position:absolute;inset:0}.study-card:hover .study-scrim{background:linear-gradient(to top, color-mix(in srgb, var(--db-base-deepest,#050409) 94%, transparent) 0%, color-mix(in srgb, var(--db-base-deepest,#050409) 46%, transparent) 48%, color-mix(in srgb, var(--db-base-deepest,#050409) 12%, transparent) 80%)}.study-label{z-index:2;flex-direction:column;align-items:flex-start;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.study-badge{font-family:var(--db-font-mono,"Roboto Mono", monospace);letter-spacing:.12em;text-transform:uppercase;border:1px solid;border-radius:3px;margin-bottom:11px;padding:4px 8px;font-size:11px;line-height:1}.reg-game,.reg-vignette{color:var(--db-accent,#faa916)}.reg-experience,.reg-site,.reg-tool{color:var(--db-text-muted,#b8b0d0)}.reg-system{color:var(--db-text-dim,#6f6a8f)}.reg-prototype{color:var(--db-text-muted,#b8b0d0)}.study-meta{font-family:var(--db-font-mono,"Roboto Mono", monospace);letter-spacing:.15em;text-transform:uppercase;color:var(--db-text-dim,#6f6a8f);flex-wrap:wrap;gap:8px;margin-bottom:8px;font-size:11px;display:flex}.study-status{color:var(--db-accent,#faa916);letter-spacing:.18em}.study-meta-sep{color:var(--db-frame,#3d3b6b)}.study-card-title{font-family:var(--db-font-head,"Zilla Slab", Georgia, serif);color:var(--db-text,#f3effa);letter-spacing:-.01em;font-weight:600;line-height:1}.study-card.is-feature .study-card-title{font-size:34px}.study-card:not(.is-feature) .study-card-title{font-size:21px}.study-dek{font-family:var(--db-font-body,"Montserrat", system-ui, sans-serif);font-weight:300;font-size:var(--db-text-body,18px);line-height:var(--db-leading-body,1.7);color:var(--db-text-muted,#b8b0d0);max-width:380px;margin-top:9px}.study-enter{font-family:var(--db-font-mono,"Roboto Mono", monospace);letter-spacing:.13em;text-transform:uppercase;color:var(--db-accent,#faa916);opacity:0;margin-top:11px;font-size:11px;transition:opacity .25s,transform .25s;transform:translateY(4px)}.study-card:hover .study-enter,.study-card:focus-visible .study-enter{opacity:1;transform:none}.study-empty{font-family:var(--db-font-mono,"Roboto Mono", monospace);letter-spacing:.06em;color:var(--db-text-dim,#6f6a8f);grid-column:1/-1;padding:40px 4px;font-size:12px}.study-foot{border-top:1px solid var(--db-frame,#3d3b6b);font-family:var(--db-font-mono,"Roboto Mono", monospace);letter-spacing:.13em;text-transform:uppercase;color:var(--db-text-dim,#6f6a8f);flex-shrink:0;justify-content:space-between;align-items:center;padding:13px 44px;font-size:11px;display:flex}.study-foot .br{color:var(--db-bracket,var(--db-accent,#faa916))}.study-cover-reaxxion{background:radial-gradient(ellipse 46% 56% at 42% 40%, #faa91680, transparent 60%), radial-gradient(ellipse 44% 50% at 66% 60%, #9668d257, transparent 62%), linear-gradient(155deg, color-mix(in srgb, var(--db-base-deepest,#07060f) 84%, #2c2148), var(--db-base-deepest,#07060f) 66%)}.study-cover-blasteroid{background:radial-gradient(ellipse 50% 56% at 50% 34%, #faa91666, transparent 62%), radial-gradient(ellipse 60% 40% at 50% 96%, #281c1299, transparent 56%), linear-gradient(160deg, color-mix(in srgb, var(--db-base-deepest,#07060f) 84%, #38241e), var(--db-base-deepest,#07060f) 68%)}.study-cover-marblerun{background:radial-gradient(ellipse 50% 56% at 44% 34%, #9668d26b, transparent 64%), linear-gradient(168deg, color-mix(in srgb, var(--db-base-deepest,#07060f) 84%, #20243e), var(--db-base-deepest,#07060f) 68%)}.study-cover-hexcraft{background:radial-gradient(ellipse 42% 50% at 56% 36%, #9668d266, transparent 64%), radial-gradient(ellipse 50% 56% at 16% 14%, #5a468c57, transparent 64%), linear-gradient(155deg, color-mix(in srgb, var(--db-base-deepest,#07060f) 84%, #1e2e3a), var(--db-base-deepest,#07060f) 62%)}.study-cover-hexlevel{background:radial-gradient(ellipse 44% 48% at 38% 32%, #9668d252, transparent 62%), radial-gradient(ellipse 56% 40% at 80% 84%, #070610b3, transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--db-base-deepest,#07060f) 84%, #1a2e32), var(--db-base-deepest,#07060f) 66%)}.study-cover-configurator{background:radial-gradient(ellipse 44% 44% at 36% 30%, #966eb452, transparent 62%), radial-gradient(ellipse 36% 42% at 62% 48%, #c8965047, transparent 62%), linear-gradient(150deg, color-mix(in srgb, var(--db-base-deepest,#07060f) 84%, #262044), var(--db-base-deepest,#07060f) 66%)}.study-cover-entity{background:radial-gradient(ellipse 46% 50% at 50% 44%, #ffb34780, transparent 62%), radial-gradient(ellipse 24% 26% at 50% 42%, #ffd28c8c, transparent 64%), radial-gradient(ellipse 60% 60% at 52% 50%, #9900ff24, transparent 70%), linear-gradient(155deg, color-mix(in srgb, var(--db-base-deepest,#07060f) 86%, #2a1e54), var(--db-base-deepest,#07060f) 64%)}.study-cover-signal{background:radial-gradient(ellipse 50% 58% at 44% 38%, #9668d266, transparent 62%), radial-gradient(ellipse 40% 46% at 70% 64%, #7854b847, transparent 64%), linear-gradient(158deg, color-mix(in srgb, var(--db-base-deepest,#07060f) 84%, #1a3036), var(--db-base-deepest,#07060f) 66%)}.study-cover-vanguard{background:radial-gradient(ellipse 50% 56% at 50% 34%, #9668d266, transparent 64%), linear-gradient(168deg, color-mix(in srgb, var(--db-base-deepest,#07060f) 84%, #1e2840), var(--db-base-deepest,#07060f) 68%)}.study-cover-tome{background:radial-gradient(ellipse 44% 50% at 40% 34%, #966ec85c, transparent 62%), radial-gradient(ellipse 46% 40% at 74% 70%, #9668d233, transparent 62%), linear-gradient(155deg, color-mix(in srgb, var(--db-base-deepest,#07060f) 84%, #2a2348), var(--db-base-deepest,#07060f) 64%)}.study-cover-wabbit{background:radial-gradient(ellipse 48% 52% at 46% 36%, #faa91657, transparent 62%), linear-gradient(160deg, color-mix(in srgb, var(--db-base-deepest,#07060f) 84%, #342818), var(--db-base-deepest,#07060f) 68%)}.study-cover-thissite{background:radial-gradient(ellipse 40% 46% at 64% 52%, #ff7e266b, transparent 60%), radial-gradient(ellipse 30% 26% at 62% 50%, #ffd28c57, transparent 64%), linear-gradient(150deg, color-mix(in srgb, var(--db-base-deepest,#07060f) 84%, #2a2046), var(--db-base-deepest,#07060f) 66%)}.study-cover-breakout{background:radial-gradient(ellipse 44% 48% at 38% 34%, #9668d242, transparent 62%), linear-gradient(160deg, color-mix(in srgb, var(--db-base-deepest,#07060f) 84%, #1e2c3a), var(--db-base-deepest,#07060f) 66%)}html[data-shell=phone] .study-index,html[data-shell=phone] body[data-rail-expanded=true] .study-index{top:var(--db-gutter-top,48px);left:0}html[data-shell=phone] .study-head{text-shadow:0 1px 16px color-mix(in srgb, var(--db-base,#1c1830) 72%, transparent);flex-direction:column;align-items:flex-start;gap:12px;padding:22px 20px 0}html[data-shell=phone] .study-title{font-size:32px}html[data-shell=phone] .study-sub{color:var(--db-text,#f3effa);max-width:none}html[data-shell=phone] .study-grid-wrap{padding:16px 20px 24px}html[data-shell=phone] .study-layout-feature .study-grid,html[data-shell=phone] .study-layout-grid .study-grid{grid-template-columns:1fr;grid-auto-rows:auto}html[data-shell=phone] .study-card,html[data-shell=phone] .study-card.is-feature{grid-row:auto;min-height:200px}html[data-shell=phone] .study-card.is-feature .study-card-title{font-size:28px}html[data-shell=phone] .study-card:not(.is-feature) .study-card-title{font-size:22px}html[data-shell=phone] .study-card{flex-direction:column;justify-content:flex-end;display:flex}html[data-shell=phone] .study-label{padding:40px 22px 20px;position:relative;bottom:auto;left:auto;right:auto}html[data-shell=phone] .study-meta{row-gap:2px}html[data-shell=phone] .study-meta>:last-child{flex-basis:100%}html[data-shell=phone] .study-meta-sep{display:none}html[data-shell=phone] .study-scrim,html[data-shell=phone] .study-card:hover .study-scrim{background:linear-gradient(to top, color-mix(in srgb, var(--db-base-deepest) 94%, transparent) 0%, color-mix(in srgb, var(--db-base-deepest) 86%, transparent) 58%, color-mix(in srgb, var(--db-base-deepest) 56%, transparent) 86%, transparent 100%)}html[data-shell=phone] .study-enter{opacity:1;transform:none}html[data-shell=phone] .study-foot{padding:12px 20px}html[data-shell=touch] .study-grid-wrap{container:sgrid/inline-size}@container sgrid (max-width:700px){html[data-shell=touch] .study-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense}html[data-shell=touch] .study-lead{grid-column:1/-1}html[data-shell=touch] .study-lead-sub{max-width:52ch}}@container sgrid (max-width:420px){html[data-shell=touch] .study-grid{grid-template-columns:minmax(0,1fr)}html[data-shell=touch] .study-card.is-feature{grid-row:auto}}