.creations-hero{container-type:inline-size}.creations-hero__title{font-size:clamp(48px,11vw,176px);font-size:min(176px,12.4cqi);line-height:.88;font-weight:800;font-variation-settings:"wdth" 125;letter-spacing:-.035em;text-transform:uppercase;white-space:nowrap;margin:0 0 20px}.creations-hero__lede{margin:0 0 24px;max-width:34ch;color:var(--muted);font-size:var(--fs-h4);line-height:1.35}.creations-stats{display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--muted)}.creations-stats strong{color:var(--amber);font-weight:500;font-size:var(--fs-sm)}.arcade__list{display:grid;gap:18px}.arcade__card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border:1px solid var(--line-strong);background:var(--panel);text-decoration:none;color:inherit;transition:border-color var(--t-med),box-shadow var(--t-med)}.arcade__card:hover,.arcade__card:focus-visible{border-color:var(--amber);box-shadow:0 26px 70px -30px #f5c54273}.arcade__preview{position:relative;display:block;overflow:hidden;border-right:1px solid var(--line);background:#04070b}.arcade__art{display:block;width:100%;height:100%;aspect-ratio:5 / 3;object-fit:cover}.arcade__art--blank{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:20px 20px}.arcade__play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:72px;height:72px;border:1.5px solid var(--amber);border-radius:50%;background:#04070b99;transform:translate(-50%,-50%) scale(.9);opacity:0;transition:opacity var(--t-med),transform var(--t-med) var(--ease-out)}.arcade__play svg{width:28px;fill:var(--amber);margin-left:4px}.arcade__card:hover .arcade__play,.arcade__card:focus-visible .arcade__play{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(prefers-reduced-motion:no-preference){.arcade__art .warp{transform-origin:262px 92px;animation:art-warp 2.4s ease-in-out infinite}.arcade__art .en{transform-box:fill-box;transform-origin:center;animation:art-spin 4s linear infinite}.arcade__art .e2{animation:art-drift 3s ease-in-out infinite alternate}.arcade__art .shot{stroke-dasharray:12 60;animation:art-shot .5s linear infinite}.arcade__art .s2{animation-delay:-.25s}.arcade__art .ship{animation:art-bob 3s ease-in-out infinite}}@media(prefers-reduced-motion:no-preference){.arcade__art--bloom .burst,.arcade__art--bloom .ring{transform-box:fill-box;transform-origin:center;animation:bloom-burst 3s ease-out infinite}.arcade__art--bloom .b2,.arcade__art--bloom .r2{animation-delay:.45s}.arcade__art--bloom .b3,.arcade__art--bloom .r3{animation-delay:.9s}.arcade__art--bloom .pk{animation:bloom-bob 4s ease-in-out infinite alternate}.arcade__art--bloom .pk:nth-child(2n){animation-duration:5s;animation-direction:alternate-reverse}}@media(prefers-reduced-motion:no-preference){.arcade__art--accretion .shell{transform-origin:200px 120px;animation:art-spin 9s linear infinite}.arcade__art--accretion .s2{animation-duration:14s;animation-direction:reverse}.arcade__art--accretion .mote{animation:bloom-bob 3.5s ease-in-out infinite alternate}.arcade__art--accretion .m2,.arcade__art--accretion .m4{animation-duration:4.5s;animation-direction:alternate-reverse}.arcade__art--accretion .hunter{transform-origin:200px 120px;animation:accretion-orbit 7s ease-in-out infinite alternate}.arcade__art--accretion .dart-line{animation:art-shot 1.2s linear infinite}}@media(prefers-reduced-motion:no-preference){.arcade__art--dragonmarch .wyrm{animation:dm-breathe 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}.arcade__art--dragonmarch .hov,.arcade__art--dragonmarch .hov2{animation:art-bob 2.6s ease-in-out infinite}.arcade__art--dragonmarch .hov2{animation-delay:-1.3s}.arcade__art--timber .fell{transform-origin:150px 192px;animation:timber-fall 4.5s cubic-bezier(.55,0,.9,.6) infinite}.arcade__art--timber .shout{transform-box:fill-box;transform-origin:center;animation:timber-shout 4.5s ease-out infinite}}.arcade__art--timber .fell{transform:rotate(-12deg)}@keyframes dm-breathe{50%{scale:1.04 .97}}@keyframes timber-fall{0%,12%{transform:rotate(0)}62%{transform:rotate(-86deg)}66%{transform:rotate(-82deg)}70%,to{transform:rotate(-84deg)}}@keyframes timber-shout{0%,20%{opacity:0;transform:scale(.6)}28%{opacity:1;transform:scale(1.1)}34%,60%{opacity:1;transform:scale(1)}72%,to{opacity:0}}@keyframes accretion-orbit{to{transform:rotate(38deg)}}@keyframes bloom-burst{0%{transform:scale(.05);opacity:0}12%{transform:scale(1);opacity:1}55%{transform:scale(1);opacity:1}75%,to{transform:scale(.6);opacity:0}}@keyframes bloom-bob{to{transform:translate(8px,-6px)}}@keyframes art-warp{50%{transform:scale(1.06)}}@keyframes art-spin{to{transform:rotate(360deg)}}@keyframes art-drift{to{transform:translate(-30px,-14px)}}@keyframes art-shot{to{stroke-dashoffset:-72}}@keyframes art-bob{50%{transform:translate(150px,134px)}}.arcade__body{display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2.4vw,30px)}.arcade__meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted)}.arcade__title{font-size:var(--fs-h2);line-height:.95;font-weight:800;font-variation-settings:"wdth" 120;text-transform:uppercase;letter-spacing:-.02em}.arcade__blurb{color:var(--muted);font-size:var(--fs-sm)}.arcade__chips{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--fs-label)}.arcade__chips span{padding:3px 8px;border:1px solid var(--line-strong);color:var(--text)}.arcade__foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:auto;padding-top:12px;border-top:1px dashed var(--line)}.arcade__cta{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;gap:8px;background:var(--amber);color:var(--bg)}.arcade__note{color:var(--dim);font-size:var(--fs-sm)}@media(max-width:799.98px){.arcade__card{grid-template-columns:minmax(0,1fr)}.arcade__preview{border-right:0;border-bottom:1px solid var(--line)}}.creations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.creation{display:flex}@media(prefers-reduced-motion:no-preference){.js .creation{animation:creation-in .6s var(--ease-out) both;animation-delay:calc(var(--k) * 60ms)}}@keyframes creation-in{0%{opacity:0;transform:translateY(20px)}}.creation__card{--mx: -400px;--my: -400px;position:relative;display:flex;flex-direction:column;gap:10px;width:100%;padding:22px 22px 18px;border:1px solid var(--line);background:radial-gradient(420px circle at var(--mx) var(--my),rgba(125,211,252,.08),transparent 60%),var(--panel);transition:border-color var(--t-med),box-shadow var(--t-med)}.creation__card:hover,.creation__card:focus-within{border-color:var(--line-strong);box-shadow:0 22px 60px -30px #7dd3fc59}.creation__card .corner{border-color:var(--amber);opacity:0;transition:opacity var(--t-med)}.creation__card:hover .corner,.creation__card:focus-within .corner{opacity:1}.creation__top{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:var(--fs-2xs)}.creation__no{color:var(--cyan)}.creation__type{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid var(--line)}.creation__glyph{width:7px;height:7px;border:1.5px solid var(--cyan);transform:rotate(45deg)}.creation--research .creation__glyph{border-radius:50%;transform:none;border-color:var(--amber)}.creation--code .creation__glyph{background:var(--cyan);transform:none}.creation__title{font-size:var(--fs-h4);line-height:1.15;font-weight:700;font-variation-settings:"wdth" 110;margin:4px 0 0}.creation__org{color:var(--text);font-size:var(--fs-sm);font-weight:500}.creation__org span{color:var(--muted);font-weight:400}.creation__summary{color:var(--muted);font-size:var(--fs-sm)}.creation__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:4px}.creation__metrics li{display:grid;gap:2px;padding:10px 12px;border:1px solid rgba(245,197,66,.3);background:#f5c5420d}.creation__metrics strong{font-size:var(--fs-h4);line-height:1;color:var(--amber);font-variant-numeric:tabular-nums}.creation__metrics span{color:var(--muted);font-size:var(--fs-sm);line-height:1.3}.creation__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:auto;padding-top:12px;border-top:1px dashed var(--line)}.creation__tags{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--cyan);font-size:var(--fs-2xs)}.creation__link{display:inline-flex;align-items:center;min-height:36px;color:var(--amber);text-decoration:none}.creation__link:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:799.98px){.creations{grid-template-columns:minmax(0,1fr)}}.h2.arcade__title{font-size:var(--fs-xl);line-height:1}@media(max-width:759.98px){.h2.arcade__title{font-size:var(--fs-lg)}}.arcade__list{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.arcade__item{display:flex}.arcade__item>.arcade__card{flex:1}.arcade__card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;border-color:transparent;background:none}.arcade__card:hover,.arcade__card:focus-visible{border-color:transparent;box-shadow:none}.arcade__preview{border:1px solid var(--line-strong);transition:border-color var(--t-med)}.arcade__card:hover .arcade__preview,.arcade__card:focus-visible .arcade__preview{border-color:var(--amber)}.arcade__body{gap:8px;padding:14px 2px 0}.arcade__foot{border-top:0}.arcade__title{font-size:clamp(18px,1.6vw,28px)}.arcade__blurb{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.45}.arcade__chips,.arcade__note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.arcade__foot{padding-top:10px}.arcade__cta{min-height:40px;padding:0 14px}.arcade__play{width:56px;height:56px}@media(max-width:1099.98px){.arcade__list{grid-template-columns:repeat(3,minmax(0,1fr))}.arcade__blurb{-webkit-line-clamp:2}}@media(max-width:599.98px){.arcade__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.arcade__body{gap:6px;padding:10px 0 0}.arcade__meta,.arcade__blurb{display:none}.arcade__title{font-size:clamp(16px,4.6vw,20px)}.arcade__foot{padding-top:8px}.arcade__cta{min-height:36px;padding:0 12px;font-size:14px}.arcade__foot{display:none}.arcade__play{inset:auto 6px 6px auto;width:30px;height:30px;opacity:1;transform:none}.arcade__play svg{width:14px;height:14px}.arcade__card:hover .arcade__play,.arcade__card:focus-visible .arcade__play{transform:none}.arcade__title{margin-bottom:4px}}
