@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/threeplay.js/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/threeplay.js/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/threeplay.js/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/threeplay.js/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/threeplay.js/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/threeplay.js/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/threeplay.js/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/threeplay.js/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2)format("woff2-variations");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{--paper:#eaf5fd;--paper-line:#cfe4f4;--white:#fff;--ink:#14213d;--ink-soft:#46557a;--navy:#0f1b33;--navy-line:#25365c;--yellow:#ffbe0b;--orange:#fb8500;--orange-ink:#b45309;--blue:#219ebc;--green:#6a994e;--red:#e63946;--border:2.5px solid var(--ink);--shadow:5px 5px 0 var(--ink);--shadow-sm:3px 3px 0 var(--ink);--radius:14px;--font:"Bricolage Grotesque Variable", system-ui, sans-serif;--mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--wrap:72rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body.site{background:var(--paper);color:var(--ink);font:400 1.0625rem / 1.6 var(--font);flex-direction:column;min-height:100dvh;margin:0;display:flex}.site main{flex:1}.site a{color:inherit}.site :focus-visible{outline:3px solid var(--blue);outline-offset:3px}.wrap{width:min(100% - 2.5rem, var(--wrap));margin-inline:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:where(.site) :where(h1,h2,h3){font-family:var(--font);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:800;line-height:1.05}.site h2{font-size:clamp(1.9rem,4.5vw,3rem)}.site h3{letter-spacing:-.015em;font-size:1.25rem}:where(.site) :where(p){text-wrap:pretty;margin:0}.lede{color:var(--ink-soft);max-width:34rem;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.5}.site code,.site kbd{font-family:var(--mono);font-size:.88em}.inline-code{background:var(--white);border:1.5px solid var(--ink);border-radius:6px;padding:.05em .35em}.topbar{border-bottom:var(--border);background:var(--white);z-index:20;position:sticky;top:0}.topbar .wrap{flex-wrap:wrap;align-items:center;gap:.25rem 1.25rem;padding-block:.6rem;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:.55rem;margin-right:auto;font-size:1.35rem;font-weight:800;text-decoration:none;display:flex}.brand img,.brand svg{width:2rem;height:2rem}.nav{flex-wrap:wrap;gap:.15rem .35rem;font-size:.98rem;font-weight:600;display:flex}.nav a{border:2px solid #0000;border-radius:999px;padding:.3rem .7rem;text-decoration:none}.nav a:hover{border-color:var(--ink)}.nav a[aria-current=page]{background:var(--yellow);border-color:var(--ink)}@media (width<=34rem){.topbar{position:static}.topbar .wrap{padding-block:.5rem}.brand{flex:1 0 100%}.nav{gap:0;margin-left:-.4rem;font-size:.9rem}.nav a{padding:.3rem .42rem}}.btn{font:700 1rem / 1 var(--font);cursor:pointer;color:var(--ink);background:var(--white);border:var(--border);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:.5rem;padding:.8rem 1.35rem;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.btn svg{fill:currentColor;width:1.1em;height:1.1em}.btn-primary{background:var(--orange)}.btn-yellow{background:var(--yellow)}.btn-sm{padding:.55rem 1rem;font-size:.92rem}.btn-row{flex-wrap:wrap;gap:.8rem;display:flex}.hero{background-color:var(--paper);background-image:linear-gradient(var(--paper-line) 1.5px, transparent 1.5px), linear-gradient(90deg, var(--paper-line) 1.5px, transparent 1.5px);border-bottom:var(--border);background-position:-1px -1px;background-size:40px 40px;padding-block:clamp(2.5rem,7vw,5.5rem)}.hero .wrap{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,3.5rem);display:grid}@media (width>=64rem){.hero .wrap{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.hero h1{letter-spacing:-.04em;margin-bottom:1.4rem;font-size:clamp(2.7rem,7.4vw,5.4rem);line-height:.95}.hero h1 span{display:block}.hero .lede{margin-bottom:1.8rem}.version-pill{font:600 .85rem / 1 var(--mono);background:var(--yellow);border:2px solid var(--ink);border-radius:999px;margin-bottom:1.4rem;padding:.4rem .8rem;display:inline-block}.window{border:var(--border);border-radius:var(--radius);background:var(--ink);box-shadow:8px 8px 0 var(--ink);overflow:hidden}.window-bar{background:var(--yellow);border-bottom:var(--border);font:600 .82rem / 1 var(--mono);align-items:center;gap:.45rem;padding:.5rem .8rem;display:flex}.window-bar i{border:2px solid var(--ink);background:var(--white);border-radius:50%;width:.7rem;height:.7rem}.window-bar span{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:.4rem;overflow:hidden}.window-bar .spacer{margin-left:auto}.play{aspect-ratio:16/9;background:var(--navy);position:relative;overflow:hidden}.play>img,.play>iframe{object-fit:cover;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.play-btn{cursor:pointer;width:100%;color:var(--white);font:700 1rem / 1 var(--font);background:#0f1b3347;border:0;place-content:center;justify-items:center;gap:.6rem;display:grid;position:absolute;inset:0}.play-btn:hover .play-disc{transform:scale(1.06)}.play-disc{aspect-ratio:1;background:var(--orange);border:var(--border);width:clamp(3.6rem,12%,5.2rem);box-shadow:var(--shadow-sm);color:var(--ink);border-radius:50%;place-items:center;transition:transform .12s;display:grid}.play-disc svg{fill:currentColor;width:45%;margin-left:8%}.play-btn small{font:500 .8rem / 1.2 var(--mono);background:var(--navy);border-radius:6px;padding:.3rem .6rem}.play.is-live>.play-btn{display:none}.play-note{background:var(--white);border-top:var(--border);color:var(--ink-soft);padding:.6rem .9rem;font-size:.92rem}.fs-btn{font:600 .8rem / 1 var(--mono);color:var(--ink);background:var(--white);border:2px solid var(--ink);cursor:pointer;border-radius:6px;padding:.3rem .55rem}.fs-btn:hover{background:var(--paper)}.section{padding-block:clamp(3rem,8vw,6rem)}.section-head{gap:.8rem;margin-bottom:clamp(1.8rem,4vw,3rem);display:grid}.section-dark{background:var(--navy);color:var(--white);border-block:var(--border)}.section-dark .lede{color:#aebbd6}.section-line{border-top:var(--border)}.codebox{border:var(--border);border-radius:var(--radius);background:var(--navy);min-width:0;overflow:hidden}.section-dark .codebox{border-color:var(--yellow);box-shadow:8px 8px 0 var(--yellow)}.codebox-title{font:600 .82rem / 1 var(--mono);color:var(--ink);background:var(--yellow);border-bottom:var(--border);justify-content:space-between;gap:1rem;padding:.6rem .9rem;display:flex}.codebox pre.astro-code{font:400 .88rem / 1.65 var(--mono);tab-size:2;margin:0;padding:1rem 1.1rem;overflow-x:auto;background:var(--navy)!important}.codebox pre.astro-code code{font:inherit}.split{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,2.5rem);display:grid}@media (width>=56rem){.split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}}.window.on-dark{border-color:var(--ink);box-shadow:8px 8px 0 var(--orange)}.tiles{border:var(--border);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:0;display:grid;overflow:hidden}.tile{border-right:var(--border);border-bottom:var(--border);align-content:start;gap:.6rem;margin:0 -2.5px -2.5px 0;padding:1.4rem 1.4rem 1.5rem;display:grid;position:relative}.tile:before{content:"";background:var(--tint,var(--yellow));border:2px solid var(--ink);width:.9rem;height:.9rem;box-shadow:2px 2px 0 var(--ink);margin-bottom:.4rem}.tile:nth-child(4n+1){--tint:var(--yellow)}.tile:nth-child(4n+2){--tint:var(--orange)}.tile:nth-child(4n+3){--tint:var(--blue)}.tile:nth-child(4n){--tint:var(--green)}.tile p{color:var(--ink-soft);font-size:.98rem;line-height:1.5}.tile code{background:var(--paper);white-space:pre;border-radius:6px;align-self:end;margin-top:.3rem;padding:.5rem .65rem;font-size:.78rem;line-height:1.5;display:block;overflow-x:auto}.table-scroll{border:var(--border);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);overflow-x:auto}.compare{border-collapse:collapse;width:100%;min-width:46rem;font-size:.96rem}.compare th,.compare td{text-align:left;vertical-align:top;border-bottom:2px solid var(--paper-line);padding:.9rem 1rem}.compare tbody tr:last-child>*{border-bottom:0}.compare thead th{background:var(--ink);color:var(--white);white-space:nowrap;border-bottom:0;font-weight:700}.compare th[scope=row]{white-space:nowrap;font-weight:700}.compare .us{background:#fff6d6}.compare thead .us{background:var(--orange);color:var(--ink)}.verdict{border:2px solid var(--ink);color:var(--ink);border-radius:999px;margin-bottom:.2rem;margin-right:.45rem;padding:.28rem .5rem;font-size:.78rem;font-weight:700;line-height:1;display:inline-block}.verdict.yes{background:#b7e4a1}.verdict.some{background:var(--yellow)}.verdict.no{background:#f7b5ba}.fine-print{color:var(--ink-soft);max-width:46rem;margin-top:1.2rem;font-size:.95rem}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1.5rem;display:grid}.card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;text-decoration:none;transition:transform .1s,box-shadow .1s;display:flex;overflow:hidden}.card:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.card img{aspect-ratio:16/9;object-fit:cover;border-bottom:var(--border);width:100%;height:auto;display:block}.card-body{gap:.4rem;padding:1rem 1.1rem 1.2rem;display:grid}.card-body p{color:var(--ink-soft);font-size:.96rem;line-height:1.45}.genre{font:600 .75rem / 1 var(--mono);background:var(--yellow);border:2px solid var(--ink);border-radius:999px;justify-self:start;padding:.3rem .6rem}.strip{scroll-snap-type:x proximity;grid-auto-columns:min(78%,17rem);grid-auto-flow:column;gap:1.25rem;margin-inline:-.4rem;padding:.4rem .4rem 1.4rem;display:grid;overflow-x:auto}.strip .card{scroll-snap-align:start}.strip-foot{margin-top:.5rem}.footer{border-top:var(--border);background:var(--ink);color:#c9d3ea;padding-block:2rem;font-size:.95rem}.footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;display:flex}.footer a{color:var(--white)}.footer ul{flex-wrap:wrap;gap:.4rem 1.2rem;margin:0;padding:0;list-style:none;display:flex}.page-head{background-color:var(--paper);background-image:linear-gradient(var(--paper-line) 1.5px, transparent 1.5px), linear-gradient(90deg, var(--paper-line) 1.5px, transparent 1.5px);border-bottom:var(--border);background-size:40px 40px;padding-block:clamp(2rem,5vw,3.5rem)}.page-head h1{margin-bottom:.8rem;font-size:clamp(2.2rem,6vw,3.8rem)}.crumb{font:600 .9rem / 1 var(--mono);margin-bottom:1rem}.crumb a{border-bottom:2px solid var(--ink);text-decoration:none}.example-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:2rem;display:grid}@media (width>=60rem){.example-layout{grid-template-columns:minmax(0,1.7fr) minmax(16rem,1fr)}}.facts{gap:1.4rem;display:grid}.facts h3{margin-bottom:.5rem}.facts ul{gap:.25rem;margin:0;padding-left:1.2rem;display:grid}.facts .chips{flex-wrap:wrap;gap:.4rem;padding:0;list-style:none;display:flex}.chips li{font:500 .78rem / 1 var(--mono);background:var(--white);border:2px solid var(--ink);border-radius:6px;padding:.3rem .5rem}.source-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin:clamp(2.5rem,6vw,4rem) 0 1.2rem;display:flex}.pager{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:clamp(2.5rem,6vw,4rem);display:flex}