@charset "UTF-8";@font-face{font-family:Orbitron;src:url(/assets/fonts/Orbitron-Variable.ttf) format("truetype");font-weight:400 900;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/assets/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/assets/fonts/ChakraPetch-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/assets/fonts/ChakraPetch-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/assets/fonts/ChakraPetch-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:VT323;src:url(/assets/fonts/VT323-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/assets/fonts/IBMPlexSans-Variable.ttf) format("truetype");font-weight:100 700;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/assets/fonts/SchibstedGrotesk-Variable.woff2) format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Martian Mono;src:url(/assets/fonts/MartianMono-Variable.woff2) format("woff2");font-weight:300 600;font-display:swap}[data-ui=pro] app-featured .fg{display:grid;grid-template-columns:1fr 1fr;gap:22px}[data-ui=pro] app-featured .card{background:var(--surf);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden;display:flex;flex-direction:column}[data-ui=pro] app-featured .card.wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"media body" "game body" "strip strip"}[data-ui=pro] app-featured .card.wide .cim{grid-area:media}[data-ui=pro] app-featured .card.wide .rxg{grid-area:game;margin:12px 0 16px 16px}[data-ui=pro] app-featured .card.wide .cb{grid-area:body}[data-ui=pro] app-featured .card.wide .pstrip{grid-area:strip}[data-ui=pro] app-featured .cim{position:relative;margin:14px 14px 0;aspect-ratio:16/9;border-radius:var(--r2);overflow:hidden;background:#000}[data-ui=pro] app-featured .card.wide .cim{margin:16px 0 0 16px}[data-ui=pro] app-featured .cim>img{width:100%;height:100%;object-fit:cover;display:block}[data-ui=pro] app-featured .cim app-yt-embed,[data-ui=pro] app-featured .cim app-inline-video,[data-ui=pro] app-featured .cim app-loop-clip{width:100%;height:100%;aspect-ratio:auto}[data-ui=pro] app-featured .cim.diagram{background:var(--bg);border:1px solid var(--line)}[data-ui=pro] app-featured .cim:has(>img.inv){background:#fff;border:1px solid var(--line);padding:10px}[data-ui=pro] app-featured .cim>img.inv{object-fit:contain}[data-ui=pro] app-featured .badge{position:absolute;left:12px;bottom:12px;z-index:2;pointer-events:none;font-family:var(--f-mono);font-size:10px;letter-spacing:.04em;padding:5px 8px;border-radius:4px;background:#000000a8;color:#fff}[data-ui=pro] app-featured .badge.r{inset:12px 12px auto auto}[data-ui=pro] app-featured .cb{padding:24px 26px 22px;display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}[data-ui=pro] app-featured .card.wide .cb{padding:30px 32px;gap:14px}[data-ui=pro] app-featured h4{font-family:var(--f-head);font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--tx)}[data-ui=pro] app-featured .card.wide h4{font-size:28px}[data-ui=pro] app-featured p{font-size:15px;line-height:1.62;color:var(--tx2)}[data-ui=pro] app-featured .note{font-size:13.5px;color:var(--mut);border-left:2px solid var(--line2);padding-left:10px}[data-ui=pro] app-featured .paperlink{all:unset;cursor:pointer;display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:var(--r2);background:var(--bg);color:var(--mut);transition:border-color .15s}[data-ui=pro] app-featured .paperlink:hover,[data-ui=pro] app-featured .paperlink:focus-visible{border-color:var(--accent)}[data-ui=pro] app-featured .paperlink>span:first-child{font-size:20px;color:var(--accent-t)}[data-ui=pro] app-featured .paperlink b{display:block;font-size:13px;line-height:1.35;color:var(--tx);font-weight:600}[data-ui=pro] app-featured .paperlink small{font-size:12px;color:var(--mut)}[data-ui=pro] app-featured .foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--mut)}[data-ui=pro] app-featured .pstrip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 16px 16px}[data-ui=pro] app-featured .ptile{margin:0;min-width:0}[data-ui=pro] app-featured .ptile app-loop-clip,[data-ui=pro] app-featured .ptile button{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:var(--r2);background:#000}[data-ui=pro] app-featured .ptile button{all:unset;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:var(--r2);cursor:zoom-in;box-sizing:border-box;border:1px solid transparent;transition:border-color .15s}[data-ui=pro] app-featured .ptile button:hover{border-color:var(--mut)}[data-ui=pro] app-featured .ptile button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-ui=pro] app-featured .ptile img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}[data-ui=pro] app-featured .ptile figcaption{font-size:12.5px;color:var(--mut);margin-top:6px}[data-ui=pro] app-featured .paper-in,[data-ui=pro] app-featured .photo-in{all:unset;cursor:zoom-in;position:absolute;bottom:12px;z-index:2;overflow:hidden;border-radius:4px;border:2px solid #fff;box-shadow:0 6px 20px #00000059;transition:border-color .15s}[data-ui=pro] app-featured .paper-in{right:12px;width:96px;height:126px;background:#fff}[data-ui=pro] app-featured .photo-in{left:12px;bottom:12px;width:116px;height:80px;background:#000}[data-ui=pro] app-featured .paper-in:hover,[data-ui=pro] app-featured .photo-in:hover,[data-ui=pro] app-featured .paper-in:focus-visible,[data-ui=pro] app-featured .photo-in:focus-visible{border-color:var(--accent)}[data-ui=pro] app-featured .paper-in:focus-visible,[data-ui=pro] app-featured .photo-in:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-ui=pro] app-featured .paper-in img{width:100%;height:auto;display:block}[data-ui=pro] app-featured .photo-in img{width:100%;height:100%;object-fit:cover;object-position:50% 62%;display:block}[data-ui=pro] app-featured .photo-in span{position:absolute;left:0;right:0;bottom:0;padding:2px 6px;font:500 11px var(--f-mono);color:#fff;background:#000000a8}[data-ui=pro] app-featured .paperdlg,[data-ui=pro] app-featured .photodlg{margin:auto;padding:0;border:1px solid var(--line2);border-radius:var(--r3);background:var(--surf);color:var(--tx);box-shadow:0 24px 64px #00000059;overflow:hidden}[data-ui=pro] app-featured .paperdlg{width:min(900px,94vw);height:min(88vh,1100px)}[data-ui=pro] app-featured .photodlg{width:min(1100px,94vw)}[data-ui=pro] app-featured .paperdlg::backdrop,[data-ui=pro] app-featured .photodlg::backdrop{background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}[data-ui=pro] app-featured .photodlg img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain;-webkit-user-select:none;user-select:none;background:#000}[data-ui=pro] app-featured .dlgbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);font-family:var(--f-sans);font-size:13px;color:var(--mut)}[data-ui=pro] app-featured .x{all:unset;cursor:pointer;font-size:16px;padding:2px 8px;border-radius:4px;color:var(--tx2)}[data-ui=pro] app-featured .x:hover,[data-ui=pro] app-featured .x:focus-visible{color:var(--accent-t);background:var(--chip)}[data-ui=pro] app-featured .credit{display:block;padding:8px 14px 10px;font-size:11.5px;color:var(--mut)}@media(max-width:1000px){[data-ui=pro] app-featured .card.wide{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"media" "game" "body" "strip"}[data-ui=pro] app-featured .card.wide .cim{margin:16px 16px 0}[data-ui=pro] app-featured .card.wide .rxg{margin:12px 16px 0}[data-ui=pro] app-featured .card.wide .cb{padding:22px}}@media(max-width:800px){[data-ui=pro] app-featured .fg{grid-template-columns:1fr}[data-ui=pro] app-featured .card.wide h4{font-size:23px}[data-ui=pro] app-featured .cb{padding:20px}[data-ui=pro] app-featured .cim.diagram{aspect-ratio:auto;height:291px}[data-ui=pro] app-featured .pstrip{gap:8px}[data-ui=pro] app-featured .ptile figcaption{font-size:11px}[data-ui=pro] app-featured .paper-in{width:62px;height:82px;right:8px;bottom:8px}[data-ui=pro] app-featured .photo-in{width:84px;height:58px;left:8px;bottom:8px}}:root{--ink: #0b0b12;--chrome: #c0c6cf;--blue: #1f51ff;--cyan: #00e5ff;--green: #39ff14;--gold: #d4af37;--purple: #7b2cff;--mute: #8fa0b5;--f-display: "Orbitron", sans-serif;--f-ui: "Chakra Petch", sans-serif;--f-vfd: "VT323", monospace;--f-body: "IBM Plex Sans", sans-serif;--pad: 56px;--max: 1328px}@media(max-width:900px){:root{--pad: 28px}}@media(max-width:600px){:root{--pad: 18px}}[data-ui=pro]{--f-sans: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--f-head: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "Martian Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--r: 8px;--r2: 6px;--r3: 12px;--wrap: 1200px;--gut: 40px}@media(max-width:800px){[data-ui=pro]{--gut: 20px}}[data-theme=light]{color-scheme:light;--bg: #FAFAF8;--surf: #FFFFFF;--hdr: rgba(250, 250, 248, .9);--tx: #0E1116;--tx2: #3A4150;--mut: #6B7280;--line: #E7E5E0;--line2: #D5D2CB;--accent: #1F51FF;--accent-t: #1F44D6;--onacc: #FFFFFF;--chip: #EEF2FF;--pdfbg: #F1F0EC;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .06);--segbg: #F1F0EC;--segon: #FFFFFF;--segonink: #0E1116;--btn2: #FFFFFF}[data-theme=dark]{color-scheme:dark;--bg: #0B0F17;--surf: #111723;--hdr: rgba(11, 15, 23, .85);--tx: #E7EBF1;--tx2: #B3BBC7;--mut: #7C8696;--line: #1D2532;--line2: #2B3545;--accent: #22D3EE;--accent-t: #67E8F9;--onacc: #04131A;--chip: rgba(34, 211, 238, .1);--pdfbg: #0D131D;--shadow: 0 10px 40px rgba(0, 0, 0, .35);--segbg: #0F1520;--segon: #1E2736;--segonink: #E7EBF1;--btn2: #151C29}[data-theme=atomic]{color-scheme:dark;--bg: #0b0b12;--accent: #00e5ff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:72px}body{-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video,canvas{max-width:100%}button.chip-btn{border:0}.tags i{font-style:normal}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}[data-ui=atomic] body{background-color:var(--ink);color:var(--chrome);font-family:var(--f-ui);background-image:linear-gradient(135deg,rgba(255,255,255,.0196078431) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.0196078431) 25%,transparent 25%);background-size:6px 6px}[data-ui=atomic] .sec{padding:60px var(--pad) 20px;max-width:var(--max);margin:0 auto}[data-ui=atomic] .sec-title{font-family:var(--f-display);font-size:26px;font-weight:700;letter-spacing:.5px;color:#fff;margin-bottom:28px;display:flex;align-items:center;gap:14px}[data-ui=atomic] .sec-title:after{content:"";flex:1;order:2;height:1px;background:linear-gradient(90deg,var(--blue),rgba(31,81,255,0))}[data-ui=atomic] .sec-title .sr,[data-ui=atomic] .sec-title .tk{display:none}[data-ui=atomic] .sec-title .more{order:3;font-family:var(--f-ui);font-size:14px;letter-spacing:.3px;color:var(--cyan);font-weight:600;white-space:nowrap}@media(max-width:600px){[data-ui=atomic] .sec{padding-top:44px}[data-ui=atomic] .sec-title{font-size:18px;letter-spacing:.5px}[data-ui=atomic] .sec-title:after{min-width:24px}}[data-ui=atomic] .panel{background:linear-gradient(#171922,#0f1017);border:1px solid rgba(192,198,207,.2);box-shadow:inset 0 1px #fff2}[data-ui=atomic] .chip-btn{display:inline-block;font-family:var(--f-display);font-size:12.5px;font-weight:600;letter-spacing:.5px;padding:11px 20px;background:linear-gradient(#3b6bff,var(--blue));color:#fff;cursor:pointer;transition:filter .15s;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}[data-ui=atomic] .chip-btn:hover{filter:brightness(1.2)}[data-ui=atomic] .chip-btn.chrome{background:linear-gradient(#e9ecf0,#8d95a1);color:var(--ink)}[data-ui=atomic] ::selection{background:var(--blue);color:#fff}[data-ui=atomic] .cut{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}[data-ui=atomic] .chrome{background:linear-gradient(180deg,#fff,#c9ced6 45%,#6f7784 52%,#e8ebef);-webkit-background-clip:text;background-clip:text;color:transparent}[data-ui=atomic] .vfd{font-family:var(--f-vfd);color:var(--cyan)}[data-ui=atomic] .tags{display:flex;flex-wrap:wrap;gap:6px}[data-ui=atomic] .tags i{font-size:11px;padding:3px 8px;border:1px solid var(--blue);color:#9fb4ff}@media(max-width:600px){[data-ui=atomic] .sec-title{font-size:19px;gap:10px;margin-bottom:20px}[data-ui=atomic] .sec-title .more{font-size:12px;letter-spacing:.3px}}[data-ui=pro] body{background:var(--bg);color:var(--tx);font-family:var(--f-sans);font-size:16px;line-height:1.5}[data-ui=pro] ::selection{background:var(--accent);color:var(--onacc)}[data-ui=pro] :focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-ui=pro] .sec{max-width:var(--wrap);margin:0 auto;padding:76px var(--gut) 0}[data-ui=pro] .sec-title{display:flex;align-items:center;margin-bottom:28px;color:var(--mut);font:600 36px/1.15 var(--f-head)}[data-ui=pro] .sec-title:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent)}[data-ui=pro] .sec-title .st{padding:0 14px;color:var(--tx);letter-spacing:-.03em}[data-ui=pro] .sec-title .sr{flex:1;min-width:24px;height:1px;background:var(--line2)}[data-ui=pro] .sec-title .more{padding:0 14px;white-space:nowrap;font:500 14px/1 var(--f-sans);color:var(--accent-t)}[data-ui=pro] .sec-title .more:hover{text-decoration:underline;text-underline-offset:3px}[data-ui=pro] .sec-title .tk{flex:none;display:flex;align-items:center;gap:6px;width:37px;height:10px;padding-left:6px;background:repeating-linear-gradient(90deg,var(--line2) 0 1px,transparent 1px 7px) 6px 50%/19px 9px no-repeat}[data-ui=pro] .sec-title .tk:after{content:"";margin-left:auto;width:10px;height:10px;box-sizing:border-box;border:1px solid var(--tx2)}[data-ui=pro] .chip-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:0;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--onacc);font:550 14.5px/1 var(--f-sans);transition:filter .15s,border-color .15s}[data-ui=pro] .chip-btn:hover{filter:brightness(1.08)}[data-ui=pro] .chip-btn.chrome{background:var(--btn2);border-color:var(--line2);color:var(--tx)}[data-ui=pro] .chip-btn.chrome:hover{filter:none;border-color:var(--mut)}[data-ui=pro] button.chip-btn{border-style:solid;border-width:1px}[data-ui=pro] .tags{display:flex;flex-wrap:wrap;gap:6px}[data-ui=pro] .tags i{font-family:var(--f-mono);font-size:10.5px;letter-spacing:-.01em;padding:4px 8px;border:1px solid var(--line2);border-radius:2px;color:var(--tx2)}@media(max-width:800px){[data-ui=pro] .sec{padding-top:48px}[data-ui=pro] .sec-title{font-size:26px}[data-ui=pro] .sec-title .st{padding:0 12px}[data-ui=pro] .sec-title .more{padding:0 10px}}
