@font-face{font-family:Fraunces;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fraunces-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fraunces-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hanken-grotesk-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/hanken-grotesk-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0b0d10;--card:#12151a;--card-hover:#171b21;--border:#262b33;--line:#1c2027;--text:#e8ebf0;--heading:#f5f7fa;--muted:#a3aab5;--faint:#7f8794;--sep:#3a404a;--accent:#86efac;--accent-fill:#6ee7a0;--accent-ink:#06150c;--focus:#86efac;--serif:"Fraunces", Georgia, serif;--sans:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--wrap:628px;--wrap-wide:1180px;--gutter:20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{background:var(--bg);color:var(--text);font:400 15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--serif);color:var(--heading);margin:0;font-weight:500}p{margin:0}a{color:inherit;text-decoration:none;transition:color .15s}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}.wrap{width:100%;max-width:calc(var(--wrap) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.wrap--wide{max-width:calc(var(--wrap-wide) + var(--gutter) * 2)}.accent{color:var(--accent)}.skip-link{z-index:20;background:var(--accent-fill);color:var(--accent-ink);font:500 12px/1 var(--mono);border-radius:7px;padding:.5rem .8rem;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px;padding-top:26px;padding-bottom:8px;display:flex}.wordmark{font:500 14px/1 var(--mono);color:var(--text);white-space:nowrap;padding-block:8px}.nav{flex-wrap:wrap;gap:0 26px;margin:0;padding:0;list-style:none;display:flex}.nav a{font:400 13px/1 var(--mono);color:var(--faint);padding-block:8px;display:inline-block}.nav a:hover,.nav a[aria-current]{color:var(--text)}.hero{padding-top:64px}.hero h1{letter-spacing:-.035em;font-size:clamp(48px,11vw,70px);font-weight:500;line-height:1.1}.hero__meta{font:400 13.5px/1.4 var(--mono);letter-spacing:-.015em;color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:18px;display:flex}.hero__meta .accent{font:600 16.5px/1.4 var(--serif);letter-spacing:-.012em}.sep{color:var(--sep);font-size:12.5px}.icons{gap:2px;display:inline-flex}.icons a{width:30px;height:30px;color:var(--muted);border-radius:7px;place-items:center;display:inline-grid}.icons a:hover{color:var(--text)}.icons svg{fill:currentColor;width:15px;height:15px}.tagline{color:var(--muted);margin-top:22px;font-size:14.5px}.tagline a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-underline-offset:3px}.tagline a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.section{border-top:1px solid var(--line);margin-top:28px;padding-top:14px}.label{font:400 11.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 14px}.items{gap:14px;margin:0;padding:0;list-style:none;display:grid}.item{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.logo{border-radius:9px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.logo img{object-fit:cover;width:100%;height:100%}.logo:has(img){outline-offset:-1px;outline:1px solid #ffffff1a}.logo--mono{background:var(--card);border:1px solid var(--border);font:500 12px/1 var(--mono);color:var(--accent)}.item__text{min-width:0;display:grid}.item__title{font-size:16px;font-weight:600;line-height:1.35}.item__sub{color:var(--muted);font-size:14px}.item__when{font:400 12px/1.4 var(--mono);color:var(--faint);text-align:right;white-space:nowrap}.card-link{background:var(--card);border:1px solid var(--border);border-radius:11px;justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;transition:background .15s,border-color .15s;display:flex}.card-link+.card-link{margin-top:10px}.card-link:hover{background:var(--card-hover)}.card-link__title{font:500 20px/1.3 var(--serif);color:#edf0f4;display:block}.card-link__sub{color:var(--faint);margin-top:2px;font-size:12.5px;display:block}.pill{background:var(--accent-fill);color:var(--accent-ink);font:500 11px/1 var(--mono);white-space:nowrap;cursor:pointer;border:0;border-radius:7px;align-items:center;gap:4px;padding:8px 10px;display:inline-flex}.pill--ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.pill--ghost:hover{color:var(--text)}.putting{margin:0}html:not(.js) .game{display:none}.putting__frame{border:1px solid var(--border);aspect-ratio:16/10;background:#3f7a3a;border-radius:11px;overflow:hidden}.putting canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.putting canvas:focus-visible{outline-offset:-3px}.putting__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:10px;display:flex}.putting__status{font:400 12px/1.4 var(--mono);color:var(--muted)}.putting__actions{gap:8px;display:flex}.putting__help{color:var(--faint);margin-top:8px;font-size:12.5px}.site-footer{border-top:1px solid var(--line);margin-top:56px}.site-footer__inner{font:400 12px/1.4 var(--mono);color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:18px 28px;display:flex}.footer-links{gap:16px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{padding-block:4px;display:inline-block}.footer-links a:hover{color:var(--text)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;padding-top:56px;display:flex}.page-head h1{letter-spacing:-.03em;font-size:clamp(36px,8vw,44px);line-height:1.1}.page-head p{color:var(--faint);margin-top:8px;font-size:14px}.page-head__actions{gap:8px;display:flex}.page-head__actions .pill{padding:10px 14px;font-size:12px}.projects{gap:18px;margin:0;padding:0;list-style:none;display:grid}.project{background:var(--card);border:1px solid var(--border);border-radius:13px;transition:background .15s;position:relative;overflow:hidden}.project:hover{background:var(--card-hover)}.project__shot{aspect-ratio:16/9;border-bottom:1px solid var(--border);overflow:hidden}.project__shot img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .5s}.project:hover .project__shot img{transform:scale(1.015)}.project__body{justify-content:space-between;gap:16px;padding:16px 16px 18px;display:flex}.project__kicker{letter-spacing:.08em;text-transform:uppercase;font:400 11px/1.4 var(--mono)!important;color:var(--accent)!important;margin:0 0 6px!important}.project h2{letter-spacing:-.02em;font-size:24px}.project h2 a:after{content:"";position:absolute;inset:0}.project p{max-width:30rem;color:var(--muted);margin-top:6px;font-size:14px}.project__stack{font:400 11.5px/1.6 var(--mono)!important;color:var(--faint)!important;margin-top:10px!important}.project__icons{z-index:1;gap:2px;height:fit-content;display:flex;position:relative}.project__icons a{width:30px;height:30px;color:var(--muted);border-radius:7px;place-items:center;display:grid}.project__icons a:hover{color:var(--text)}.project__icons svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.project__icons svg.fill{fill:currentColor;stroke:none}.entries{gap:30px;margin:0;padding:0;list-style:none;display:grid}.entry{grid-template-columns:38px minmax(0,1fr);gap:14px;display:grid}.entry__title{font:600 16px/1.35 var(--sans);color:var(--text)}.entry__sub{color:var(--muted);margin-top:2px;font-size:14px}.entry__desc{max-width:32rem;color:var(--faint);margin-top:8px;font-size:14px}.pdf{background:var(--card);border:1px solid var(--border);border-radius:13px;overflow:hidden}.pdf__bar{border-bottom:1px solid var(--border);font:400 12px/1.4 var(--mono);color:var(--faint);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.pdf__bar span:before{content:"";background:var(--accent);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.pdf object{background:#fff;width:100%;height:min(1000px,130vw);display:block}.pdf__fallback{color:var(--muted);padding:28px 16px;font-size:14px}.pdf__fallback a{color:var(--accent)}.mosaic{grid-template-columns:1fr;grid-auto-rows:260px;gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.mosaic{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:360px;gap:18px}.tile--w2{grid-column:span 2}.tile--w3{grid-column:span 3}}.tile{min-width:0;position:relative}.tile__open{border:1px solid var(--border);background:var(--card);color:#fff;text-align:left;width:100%;height:100%;font:inherit;cursor:zoom-in;border-radius:13px;padding:0;display:block;position:relative;overflow:hidden}.tile__open img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.tile__open:hover img{transform:scale(1.03)}.tile__open:after{content:"";pointer-events:none;background:linear-gradient(#0000,#000000a6);position:absolute;inset:50% 0 0}.tile__cap{z-index:1;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.tile__title{font-size:13px;font-weight:600}.tile__sub{opacity:.85;font-size:12px}.tile__blank{background:repeating-linear-gradient(90deg,#22402e 0 56px,#27492f 56px 112px);place-items:center;padding:24px;transition:filter .3s;display:grid;position:absolute;inset:0}.tile__open:hover .tile__blank{filter:brightness(1.1)}.tile__blank span{max-width:16ch;font:500 clamp(22px, 3vw, 30px)/1.15 var(--serif);text-align:center;color:#ffffffe6}.tile--empty .tile__title,.tile__story{display:none}html:not(.js) .tile__story{color:#fff;background:#000000bf;border-radius:0 0 13px 13px;padding:10px 12px;font-size:13px;display:block;position:absolute;inset:auto 0 0}.lightbox{border:1px solid var(--border);background:var(--card);width:min(600px,100% - 32px);max-height:calc(100% - 32px);color:var(--text);border-radius:13px;padding:0;overflow:auto}.lightbox::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050709b8}.lightbox[open]{animation:.22s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)scale(.98)}}.lightbox__media img{object-fit:cover;width:100%;max-height:60vh}.lightbox__body{padding:20px 20px 18px}.lightbox h2{letter-spacing:-.02em;font-size:24px}.lightbox__when{font:400 12px/1.5 var(--mono);color:var(--faint);margin-top:4px}.lightbox__story{color:var(--muted);margin:12px 0 16px;font-size:14px}.lightbox form{margin:0}@media (prefers-reduced-motion:reduce){.lightbox[open]{animation:none}.tile__open img,.project__shot img{transition:none}}.crumb{font:400 12px/1 var(--mono);color:var(--faint);margin-top:48px;padding-block:4px;display:inline-block}.crumb:hover{color:var(--text)}.study-head h1{letter-spacing:-.03em;margin-top:12px;font-size:clamp(36px,8vw,44px)}.study-head .tagline{margin-top:12px}.link-row{flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.meta{border-top:1px solid var(--line);gap:12px 24px;margin:24px 0 0;padding-top:14px;display:grid}@media (width>=560px){.meta{grid-template-columns:1fr 1fr}.meta div:last-child{grid-column:1/-1}}.meta dt,.problem dt{font:400 11px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.meta dd{color:var(--muted);margin:2px 0 0;font-size:14px}.shot{margin:28px 0 0}.shot+.shot{margin-top:18px}.shot img{border:1px solid var(--border);border-radius:11px}.shot figcaption{color:var(--faint);margin-top:8px;font-size:12.5px}.prose h2{letter-spacing:-.015em;margin-bottom:10px;font-size:22px}.prose p,.prose li{color:var(--muted);font-size:14.5px}.prose p+p{margin-top:10px}.prose ul{margin:0;padding-left:18px}.prose li{margin-bottom:6px}.prose li::marker{color:var(--accent)}.prose strong{color:var(--text);font-weight:600}.problem{border-top:1px solid var(--line);padding-block:18px}.problem:first-of-type{border-top:0;padding-top:4px}.problem__num{font:400 12px/1 var(--mono);color:var(--accent)}.problem h3{letter-spacing:-.01em;margin-top:8px;font-size:19px}.problem dl{margin:0}.problem dt{margin-top:12px}.problem dd{color:var(--muted);margin:2px 0 0;font-size:14.5px}.lost{padding-top:64px}.lost h1{letter-spacing:-.035em;font-size:clamp(44px,10vw,64px)}.lost svg{border-radius:13px;width:100%;height:auto;margin-top:28px}@media (width<=520px){.nav{justify-content:space-between;gap:0 10px;width:100%}.nav a{font-size:12px}.item{grid-template-columns:38px minmax(0,1fr)}.item__when{text-align:left;grid-column:2;margin-top:-10px}.hero__meta .sep--icons{display:none}}.item--plain{grid-template-columns:minmax(0,1fr)}::selection{color:#fff;background:#86efac47}html{scrollbar-color:#2a3038 transparent}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:#232830;border-radius:99px}body{isolation:isolate;min-height:100vh;position:relative}html:before{content:"";z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(300px circle at var(--cx,50%) var(--cy,-120px), #000, transparent 75%);-webkit-mask-image:radial-gradient(300px circle at var(--cx,50%) var(--cy,-120px), #000, transparent 75%);mask-image:radial-gradient(300px circle at var(--cx,50%) var(--cy,-120px), #000, transparent 75%);background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff0f 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(520px circle at var(--cx,50%) var(--cy,-160px), #34d3991c, transparent 65%), radial-gradient(900px circle at var(--cx,50%) var(--cy,-160px), #2dd4bf0a, transparent 70%);transition:opacity .6s;position:fixed;inset:0}html.no-cursor body:before,html.no-cursor:before{--cx:50%;--cy:-160px}body:after{content:"";z-index:50;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}main,.site-footer{z-index:1;position:relative}.site-header{z-index:30;border-bottom:1px solid #0000;transition:background .25s,border-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:sticky;top:0}.site-header.is-stuck{-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);background:#0b0d10d1;border-bottom-color:#ffffff0f}.site-header.is-stuck .site-header__inner{padding-top:12px;padding-bottom:12px}.site-header__inner{transition:padding .25s}.nav a{position:relative}.nav a:after{content:"";background:var(--accent);width:4px;height:4px;box-shadow:0 0 10px var(--accent);border-radius:50%;transition:transform .2s;position:absolute;bottom:1px;left:50%;transform:translate(-50%)scale(0)}.nav a[aria-current]:after{transform:translate(-50%)scale(1)}.nav a:hover:after{transform:translate(-50%)scale(.7)}.status{font:400 12px/1 var(--mono);color:#c5f5d6;background:#86efac0f;border:1px solid #86efac38;border-radius:99px;align-items:center;gap:9px;margin-bottom:22px;padding:6px 12px 6px 10px;display:inline-flex}.status__dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:relative}.status__dot:after{content:"";background:var(--accent);border-radius:50%;animation:2.2s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}@keyframes ping{75%,to{opacity:0;transform:scale(2.6)}}.hero h1,.page-head h1,.study-head h1{background:linear-gradient(#fff 30%,#b8c4d1 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero h1{text-shadow:0 0 40px #86efac14}.accent{text-shadow:0 0 18px #86efac40}.hero>*{animation:.7s cubic-bezier(.2,.7,.2,1) both rise-in}.hero>:nth-child(2){animation-delay:60ms}.hero>:nth-child(3){animation-delay:.12s}.hero>:nth-child(4){animation-delay:.18s}@keyframes rise-in{0%{opacity:.25;filter:blur(4px);transform:translateY(14px)}}.icons a{transition:color .15s,background .15s,transform .15s}.icons a:hover{background:#ffffff0f;transform:translateY(-1px)}.label:before{content:"";vertical-align:.3em;background:var(--accent);width:12px;height:1px;box-shadow:0 0 6px var(--accent);margin-right:10px;display:inline-block}.section{border-top-color:#0000;border-image:linear-gradient(90deg,#ffffff1a,#ffffff08 70%,#0000) 1}.item,.entry{border-radius:12px;transition:transform .2s;position:relative}.item:before,.entry:before{content:"";z-index:-1;opacity:0;background:#ffffff08;border-radius:12px;transition:opacity .2s;position:absolute;inset:-8px -10px}.item:hover:before,.entry:hover:before{opacity:1}.logo{transition:transform .2s,box-shadow .2s}.item:hover .logo,.entry:hover .logo{transform:translateY(-2px)scale(1.04);box-shadow:0 8px 18px -8px #000c,0 0 0 1px #ffffff14}.spotlight{isolation:isolate;--mx:50%;--my:50%;position:relative}.spotlight:before,.spotlight:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:0}.spotlight:before{z-index:-1;background:radial-gradient(420px circle at var(--mx) var(--my), #86efac14, transparent 45%)}.spotlight:after{z-index:2;background:radial-gradient(260px circle at var(--mx) var(--my), #86efac8c, transparent 60%);-webkit-mask-composite:xor;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.spotlight:hover:before,.spotlight:hover:after{opacity:1}.card-link,.project,.pdf{box-shadow:inset 0 1px #ffffff0a,0 20px 40px -24px #000000b3}.card-link{transition:background .2s,border-color .2s,transform .2s}.card-link:hover{transform:translateY(-2px)}.card-link .pill{transition:transform .2s,box-shadow .2s}.card-link:hover .pill{transform:translate(2px)}.pill{transition:transform .15s,box-shadow .2s,border-color .15s,color .15s}.pill:not(.pill--ghost):hover{box-shadow:0 0 0 3px #86efac24,0 8px 24px -8px #86efac99}.pill:active{transform:translateY(1px)}.pill--ghost{background:#ffffff08}.pill--ghost:hover{border-color:#86efac66}.putting__frame{box-shadow:0 30px 60px -30px #000000e6,0 0 0 1px #ffffff0a}.site-footer{border-top:0}.site-footer:before{content:"";background:linear-gradient(90deg,#0000,#86efac59,#0000);height:1px;display:block}.pre-reveal{opacity:0;transform:translateY(18px)}.revealed{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}@media (prefers-reduced-motion:reduce){.status__dot:after,.hero>*{animation:none}.pre-reveal{opacity:1;transform:none}.card-link:hover,.item:hover .logo,.entry:hover .logo{transform:none}}@media (hover:none){.spotlight:before,.spotlight:after{display:none}}.game__card{cursor:pointer;background:var(--card);border:1px solid var(--border);border-radius:13px;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 14px 12px 12px;list-style:none;transition:border-color .2s,transform .2s;display:grid;box-shadow:inset 0 1px #ffffff0a,0 20px 40px -24px #000000b3}.game__card::-webkit-details-marker{display:none}.game__card:hover{transform:translateY(-2px)}.game[open] .game__card{border-color:#86efac59}.game__thumb{border-radius:9px;width:120px;height:76px;transition:transform .3s}.game__card:hover .game__thumb{transform:scale(1.04)rotate(-1deg)}.game__text{gap:3px;min-width:0;display:grid}.game__title{font:500 19px/1.25 var(--serif);color:#edf0f4}.game__sub{color:var(--muted);font-size:13px;line-height:1.45}.game__play{padding:9px 12px;font-size:12px}.game__play-close,.game[open] .game__play-open{display:none}.game[open] .game__play-close{display:inline}.game:not([open]) .game__play{animation:2.8s ease-in-out infinite nudge}@keyframes nudge{0%,70%,to{box-shadow:0 0 #86efac00}80%{box-shadow:0 0 0 6px #86efac2e}}.game__note{color:var(--muted);margin:16px 0 12px;font-size:14px}@media (width<=520px){.game__card{grid-template-columns:84px minmax(0,1fr);gap:12px}.game__thumb{width:84px;height:54px}.game__play{grid-column:1/-1;justify-content:center;justify-self:stretch}}@media (prefers-reduced-motion:reduce){.game:not([open]) .game__play{animation:none}.game__card:hover,.game__card:hover .game__thumb{transform:none}}