:root{--ou-color-paper: #F8F3E9;--ou-color-surface: #FFFCF5;--ou-color-ink: #231D1A;--ou-color-muted: #6B6058;--ou-color-line: #D9CEC0;--ou-color-control: #887B6F;--ou-color-red: #B22E24;--ou-color-red-hover: #92231C;--ou-color-red-soft: #F4DFD8;--ou-color-blue: #246C95;--ou-color-green: #2F6452;--ou-color-amber: #8B570C;--ou-color-night: #10111B;--ou-color-night-raised: #1B1D2B;--ou-color-night-muted: #B4B7C7;--ou-color-cyan: #64DEF3;--ou-color-coral: #FF708D;--ou-color-gold: #F4C36B;--ou-color-night-line: #333647;--ou-color-night-control: #777D97;--ou-color-cyan-hover: #9BE9F6;--ou-surface: var(--ou-color-paper);--ou-surface-raised: var(--ou-color-surface);--ou-text: var(--ou-color-ink);--ou-text-muted: var(--ou-color-muted);--ou-border-subtle: var(--ou-color-line);--ou-border-control: var(--ou-color-control);--ou-action: var(--ou-color-red);--ou-action-hover: var(--ou-color-red-hover);--ou-focus: var(--ou-color-blue);--ou-success: var(--ou-color-green);--ou-warning: var(--ou-color-amber);--ou-danger: var(--ou-color-red);--ou-font-ui: "DM Sans", system-ui, sans-serif;--ou-font-editorial: "DM Serif Display", Georgia, serif;--ou-font-display: Bangers, Impact, sans-serif;--ou-space-0: 0px;--ou-space-4: 4px;--ou-space-8: 8px;--ou-space-12: 12px;--ou-space-16: 16px;--ou-space-20: 20px;--ou-space-24: 24px;--ou-space-32: 32px;--ou-space-40: 40px;--ou-space-48: 48px;--ou-space-64: 64px;--ou-radius-small: 4px;--ou-radius-control: 8px;--ou-radius-panel: 12px;--ou-radius-media: 8px;--ou-radius-game-control: 18px;--ou-radius-round: 999px;--ou-size-touch: 48px;--ou-size-touch-compact: 44px;--ou-size-icon: 24px;--ou-size-icon-small: 20px;--ou-size-game-move: 64px;--ou-size-game-jump: 76px;--ou-size-header: 56px;--ou-size-bottom-nav: 72px;--ou-size-page-max: 720px;--ou-size-reading-max: 680px;--ou-size-phone-gutter: 20px;--ou-size-compact-gutter: 16px;--ou-breakpoint-compact: 360px;--ou-breakpoint-wide-phone: 480px;--ou-breakpoint-expanded: 760px;--ou-motion-fast: .12s;--ou-motion-standard: .18s;--ou-motion-enter: .24s;--ou-motion-ease: cubic-bezier(.2,.7,.2,1);--ou-layer-base: 0;--ou-layer-sticky: 10;--ou-layer-menu: 20;--ou-layer-modal: 30;--ou-layer-toast: 40;--ou-type-caption-family: var(--ou-font-ui);--ou-type-caption-size: .75rem;--ou-type-caption-weight: 500;--ou-type-caption-leading: 1.4;--ou-type-caption-tracking: 0px;--ou-type-label-family: var(--ou-font-ui);--ou-type-label-size: .875rem;--ou-type-label-weight: 600;--ou-type-label-leading: 1.4;--ou-type-label-tracking: 0px;--ou-type-body-family: var(--ou-font-ui);--ou-type-body-size: 1rem;--ou-type-body-weight: 400;--ou-type-body-leading: 1.55;--ou-type-body-tracking: 0px;--ou-type-reading-family: var(--ou-font-ui);--ou-type-reading-size: 1.125rem;--ou-type-reading-weight: 400;--ou-type-reading-leading: 1.7;--ou-type-reading-tracking: 0px;--ou-type-ui-title-family: var(--ou-font-ui);--ou-type-ui-title-size: 1.5rem;--ou-type-ui-title-weight: 700;--ou-type-ui-title-leading: 1.15;--ou-type-ui-title-tracking: -.4px;--ou-type-section-family: var(--ou-font-editorial);--ou-type-section-size: 1.75rem;--ou-type-section-weight: 400;--ou-type-section-leading: 1.15;--ou-type-section-tracking: -.4px;--ou-type-article-family: var(--ou-font-editorial);--ou-type-article-size: 2.25rem;--ou-type-article-weight: 400;--ou-type-article-leading: 1.1;--ou-type-article-tracking: -.7px;--ou-type-hero-family: var(--ou-font-display);--ou-type-hero-size: 3.25rem;--ou-type-hero-weight: 400;--ou-type-hero-leading: 1;--ou-type-hero-tracking: .3px;--ou-type-wordmark-family: var(--ou-font-display);--ou-type-wordmark-size: 2rem;--ou-type-wordmark-weight: 400;--ou-type-wordmark-leading: 1;--ou-type-wordmark-tracking: .8px;--ou-shadow-float: 0 8px 24px rgb(35 29 26 / .1);--ou-shadow-focus: 0 0 0 3px var(--ou-surface), 0 0 0 6px var(--ou-focus)}[data-ou-theme=night]{--ou-surface: var(--ou-color-night);--ou-surface-raised: var(--ou-color-night-raised);--ou-text: var(--ou-color-paper);--ou-text-muted: var(--ou-color-night-muted);--ou-border-subtle: var(--ou-color-night-line);--ou-border-control: var(--ou-color-night-control);--ou-action: var(--ou-color-cyan);--ou-action-hover: var(--ou-color-cyan-hover);--ou-focus: var(--ou-color-cyan)}@media(prefers-reduced-motion:reduce){:root{--ou-motion-fast: 0ms;--ou-motion-standard: 0ms;--ou-motion-enter: 0ms}}.ou-type-caption{font-family:var(--ou-type-caption-family);font-size:var(--ou-type-caption-size);font-weight:var(--ou-type-caption-weight);line-height:var(--ou-type-caption-leading);letter-spacing:var(--ou-type-caption-tracking)}.ou-type-label{font-family:var(--ou-type-label-family);font-size:var(--ou-type-label-size);font-weight:var(--ou-type-label-weight);line-height:var(--ou-type-label-leading);letter-spacing:var(--ou-type-label-tracking)}.ou-type-body{font-family:var(--ou-type-body-family);font-size:var(--ou-type-body-size);font-weight:var(--ou-type-body-weight);line-height:var(--ou-type-body-leading);letter-spacing:var(--ou-type-body-tracking)}.ou-type-reading{font-family:var(--ou-type-reading-family);font-size:var(--ou-type-reading-size);font-weight:var(--ou-type-reading-weight);line-height:var(--ou-type-reading-leading);letter-spacing:var(--ou-type-reading-tracking)}.ou-type-ui-title{font-family:var(--ou-type-ui-title-family);font-size:var(--ou-type-ui-title-size);font-weight:var(--ou-type-ui-title-weight);line-height:var(--ou-type-ui-title-leading);letter-spacing:var(--ou-type-ui-title-tracking)}.ou-type-section{font-family:var(--ou-type-section-family);font-size:var(--ou-type-section-size);font-weight:var(--ou-type-section-weight);line-height:var(--ou-type-section-leading);letter-spacing:var(--ou-type-section-tracking)}.ou-type-article{font-family:var(--ou-type-article-family);font-size:var(--ou-type-article-size);font-weight:var(--ou-type-article-weight);line-height:var(--ou-type-article-leading);letter-spacing:var(--ou-type-article-tracking)}.ou-type-hero{font-family:var(--ou-type-hero-family);font-size:var(--ou-type-hero-size);font-weight:var(--ou-type-hero-weight);line-height:var(--ou-type-hero-leading);letter-spacing:var(--ou-type-hero-tracking)}.ou-type-wordmark{font-family:var(--ou-type-wordmark-family);font-size:var(--ou-type-wordmark-size);font-weight:var(--ou-type-wordmark-weight);line-height:var(--ou-type-wordmark-leading);letter-spacing:var(--ou-type-wordmark-tracking)}@keyframes ou-hero-type{0%{transform:translateY(14px);opacity:.88}to{transform:translateY(0);opacity:1}}@keyframes ou-hero-art{0%{transform:translateY(18px) scale(1.025);opacity:.86}to{transform:translateY(0) scale(1);opacity:1}}@keyframes ou-arrival{0%{transform:translateY(10px);opacity:.9}to{transform:translateY(0);opacity:1}}@keyframes ou-sheet-in{0%{transform:translateY(24px);opacity:.85}to{transform:translateY(0);opacity:1}}@keyframes ou-panel-in{0%{transform:translateY(8px) scale(.985);opacity:.85}to{transform:translateY(0) scale(1);opacity:1}}@keyframes ou-backdrop-in{0%{opacity:.75}to{opacity:1}}.hero h1{animation:ou-hero-type .56s cubic-bezier(.18,.75,.25,1) both}.hero-character{animation:ou-hero-art .65s cubic-bezier(.18,.75,.25,1) both}.ou-arrive{animation:ou-arrival .36s cubic-bezier(.2,.7,.2,1) both}.ou-sheet-backdrop,.modal-backdrop{animation:ou-backdrop-in .18s ease-out both}.ou-sheet{animation:ou-sheet-in .26s cubic-bezier(.2,.8,.2,1) both}.video-dialog{animation:ou-panel-in .24s cubic-bezier(.2,.8,.2,1) both}.feed-list{animation:ou-arrival .2s ease-out both}.project,.note-feature,.category-tabs button,.ou-bottom-nav>a,.ou-bottom-nav>button{transition:transform .15s cubic-bezier(.2,.8,.2,1),background .15s ease-out}.project:active,.category-tabs button:active,.ou-bottom-nav>a:active,.ou-bottom-nav>button:active{transform:translateY(1px) scale(.985)}@media(hover:hover)and (pointer:fine){.project:hover{transform:translateY(-3px)}.project:hover>.ou-icon{transform:translate(3px)}.project>.ou-icon{transition:transform .15s ease-out}.note-feature:hover .text-action{transform:translate(3px)}.note-feature .text-action{transition:transform .15s ease-out}}@font-face{font-family:Bangers;src:url(/brand/fonts/Bangers-Regular.woff2) format("woff2");font-display:swap;font-weight:400}@font-face{font-family:DM Sans;src:url(/brand/fonts/DMSans-Variable.woff2) format("woff2");font-display:swap;font-weight:100 1000}@font-face{font-family:"DM Serif Display";src:url(/brand/fonts/DMSerifDisplay-Regular.woff2) format("woff2");font-display:swap;font-weight:400}.ou-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.ou-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--ou-surface-raised);border-top:1px solid var(--ou-border-subtle);padding:8px 8px max(8px,env(safe-area-inset-bottom));display:flex;justify-content:space-around;z-index:40;color:var(--ou-text)}.ou-bottom-nav>a,.ou-bottom-nav>button{min-width:54px;min-height:56px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;border:0;background:none;font:500 12px var(--ou-font-ui);color:inherit;text-decoration:none}.ou-bottom-nav [aria-current=page]{color:var(--ou-action)}.ou-sheet-backdrop{position:fixed;inset:0;background:#10111b88;z-index:100;display:flex;align-items:flex-end;justify-content:center}.ou-sheet{background:var(--ou-surface-raised);color:var(--ou-text);width:100%;max-width:720px;padding:24px 20px max(28px,env(safe-area-inset-bottom));border-radius:16px 16px 0 0;max-height:85svh;overflow:auto}.ou-sheet header{display:flex;align-items:center;justify-content:space-between}.ou-sheet h2{font:600 22px var(--ou-font-ui);margin:0}.ou-sheet button{background:none;border:0;min-width:48px;min-height:48px}.ou-sheet nav{display:grid;margin-top:20px}.ou-sheet nav a{display:flex;gap:18px;align-items:center;min-height:56px;border-top:1px solid var(--ou-border-subtle);font:500 16px var(--ou-font-ui);text-decoration:none}.ou-brand-wordmark{width:112px;height:auto}.ou-emblem{width:76px;height:76px}.ou-status{display:flex;gap:8px;align-items:center;font:500 12px var(--ou-font-ui)}@media(min-width:900px){.ou-bottom-nav{left:50%;transform:translate(-50%);max-width:720px;border:1px solid var(--ou-border-subtle);border-bottom:0;border-radius:12px 12px 0 0}.ou-sheet{margin-bottom:85px;border-radius:12px}}.ou-wordmark-text{font:400 28px/1 Bangers,sans-serif;white-space:nowrap;letter-spacing:.5px}.wordmark .ou-wordmark-text{font:inherit;color:inherit;display:inline}.site-header .wordmark{font:400 28px/1 Bangers,sans-serif;white-space:nowrap}.news-header+.news-container{padding-top:24px}main#main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.article-card{cursor:default}.article-card h2 a{display:block}.preview-notice{font-size:14px;color:var(--ou-text-muted)}.ou-bottom-nav-compact>button{flex-direction:row;gap:12px;width:100%;font-size:16px}.ou-bottom-nav{background:#11151b;border-top:1px solid #424853;color:#b6beca;box-shadow:none}.ou-bottom-nav>a,.ou-bottom-nav>button{border-radius:2px;font-weight:650}.ou-bottom-nav [aria-current=page]{color:#fff;background:#2b1b22;box-shadow:inset 0 -3px #d84951}.ou-sheet{background:#171c24;color:#f1f2f4;border:1px solid #454d5b;border-radius:5px 5px 0 0;box-shadow:0 -20px 70px #0008}.ou-sheet h2{font:750 26px/1.15 var(--ou-font-ui);letter-spacing:-.8px}.ou-sheet nav a{border-top:1px solid #343b47;font-weight:600}.ou-sheet button{color:#eef0f3;background:#242b36;border:1px solid #485262;border-radius:3px}@media(min-width:900px){.ou-bottom-nav{border:1px solid #424853;border-bottom:0;border-radius:5px 5px 0 0}}:root{--paper: #101318;--ink: #f3f3f2;--muted: #a2a8b1;--red: #e74b50;--line: #30353e;--display: "Bangers", Impact, sans-serif;--stroke: 2px solid #07090c;font-family:DM Sans,sans-serif;font-synthesis:none;color:var(--ink);background:#080a0d}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f1f3f5;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:DM Sans,sans-serif;font-weight:800}p{line-height:1.65}.skip-link{position:fixed;top:-100px;left:16px;background:#fff;color:#101318;padding:16px;z-index:100}.skip-link:focus{top:16px}.site-layout{max-width:760px;margin:auto;min-height:100svh;display:flex;flex-direction:column;background:var(--paper)}.site-layout>main{flex:1}.site-header{min-height:64px;display:flex;align-items:center;padding:10px 20px;border-top:3px solid #ba222b;border-bottom:1px solid var(--line);background:#101216}.site-header .wordmark{display:flex;align-items:center;gap:4px;white-space:nowrap}.site-header .wordmark img{width:87px;height:32px;object-fit:cover;filter:brightness(0) invert(1)}.site-header .wordmark span{font:500 22px/1 DM Sans,sans-serif;letter-spacing:-.7px}.hero{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:22px 20px 0;background-image:linear-gradient(180deg,#0d1117c7,#0d11176b 45%,#101318),image-set(url(/media/hero-backplate-960.webp) 1x,url(/media/hero-backplate-1600.webp) 2x);background-size:cover;background-position:58% center}.hero-copy{position:relative;z-index:2}.hero h1{font:850 clamp(43px,12.5vw,64px)/.97 "DM Sans",sans-serif;letter-spacing:-2.5px;margin:0 0 14px}.hero h1 em{font-style:normal;color:#ed555a}.hero-intro{font-size:16px;line-height:1.55;color:#c1c4ca;max-width:370px;margin-bottom:4px}.hero-art{position:relative;display:flex;justify-content:center;align-items:flex-end;height:300px;width:calc(100% + 40px);margin:0 -20px;isolation:isolate}.hero-character{height:300px;width:auto;max-width:none;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 14px 20px #030406b0)}.hero-art:after{content:"";position:absolute;inset:auto 0 0;height:42px;z-index:2;background:linear-gradient(transparent,#101318);pointer-events:none}.section{padding:32px 20px}.projects-section{padding-top:20px;background:#101318}.projects-section>h2,.latest-section h2{font-size:29px;line-height:1.1;letter-spacing:-1px;margin:0 0 18px}.projects-grid{display:grid;gap:12px}.project{display:grid;grid-template-columns:70px 1fr 20px;align-items:center;gap:14px;padding:15px 14px;background:#191d24;border:1px solid #30353e;border-left:3px solid #bd3039;border-radius:3px;transition:background .18s,border-color .18s}.project:hover{background:#20252d;border-color:#a24b50}.project>img{width:70px;height:93px;object-fit:cover;border-radius:2px}.project-graphic{width:70px;height:93px;display:flex;align-items:center;justify-content:center}.project-graphic img{width:65px;height:65px;filter:saturate(.55)}.project-body{min-width:0}.project h3{font-size:22px;line-height:1.12;letter-spacing:-.65px;margin:0 0 9px}.project p{font-size:14px;line-height:1.45;color:#b2b7c0;margin:0}.project>.ou-icon{color:#d96b70}.latest-section{background:#151920;border-top:1px solid var(--line)}.latest-section>div>p{font-size:15px;color:var(--muted);margin-bottom:24px}.note-feature{display:block;padding:22px 0 6px;border-top:1px solid #464d59}.note-feature h3{font-size:27px;line-height:1.12;letter-spacing:-.8px;margin:0 0 12px}.note-feature .note-meta{color:var(--muted);font-size:12px;margin:12px 0}.note-feature>p:not(.note-meta){font-size:16px;color:#c0c4cb}.text-action{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:14px;font-weight:700;color:#ed7a7e}.page-intro{min-height:60vh}.page-intro h1,.reading h1{font-size:clamp(37px,10.4vw,56px);line-height:1.04;letter-spacing:-1.8px;margin-bottom:22px}.lead{font-size:19px;line-height:1.6;color:#b7bdc6;max-width:640px}.reading{max-width:700px;margin:auto}.reading>p{font-size:17px;color:#c6cbd2}.note-list{margin-top:32px}.note-list>a{display:block;border-top:1px solid var(--line);padding:24px 0}.note-list h2,.idea-list h2,.empty-state h2{font-size:26px;line-height:1.12;letter-spacing:-.8px;margin:0 0 12px}.note-list time{color:var(--muted);font-size:12px}.note-list p{font-size:16px;color:#bbc1ca;margin-top:14px}.note-list .ou-icon{color:#ed7a7e}.idea-list{display:grid;gap:22px;margin-top:36px}.idea-list article,.empty-state{padding:24px 0;border-top:1px solid var(--line)}.idea-list p,.empty-state p{color:#bbc1ca}.published-media{margin:26px 0}.published-media img{width:100%;height:auto;border-radius:3px}.published-media figcaption{margin-top:8px;color:var(--muted);font-size:12px}.published-body{font-size:18px;line-height:1.75;color:#d2d5db;overflow-wrap:anywhere}.published-body a{color:#f28488;text-decoration:underline;text-underline-offset:3px}.published-body img{width:100%;height:auto;border-radius:3px}.published-body h2,.published-body h3{margin-top:32px;color:#f3f3f2;letter-spacing:-.7px}.published-body pre{overflow:auto;padding:16px;background:#080a0e;font-size:14px}.published-body blockquote{margin-inline:0;padding-left:20px;border-left:2px solid var(--red);color:var(--muted)}.game-loading{padding:40px 20px;background:#080a0e;color:#f3f3f2;min-height:100svh}@media(max-width:359px){.section,.hero{padding-inline:16px}.hero h1{font-size:43px}.hero-art{margin-inline:-16px;width:calc(100% + 32px);height:280px}.hero-character{height:280px}.project{grid-template-columns:56px 1fr 18px;gap:11px;padding:14px 11px}.project>img,.project-graphic{width:56px}.project-graphic img{width:54px;height:54px}.project h3{font-size:20px}.project p{font-size:13px}}@media(min-width:760px){.hero{padding:40px 32px 0}.hero h1{font-size:68px}.hero-art{height:450px;margin:0 -32px;width:calc(100% + 64px)}.hero-character{height:440px}.section{padding:36px 32px}.project{grid-template-columns:86px 1fr 24px;gap:22px;padding:20px}.project>img,.project-graphic{width:86px;height:105px}.project h3{font-size:26px}.project p{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.galaxy-companion{position:absolute;bottom:5px;left:calc(50% + 53px);width:clamp(90px,28vw,135px);aspect-ratio:1;z-index:3;pointer-events:none;filter:drop-shadow(0 6px 7px #0008);animation:galaxy-arrive 1.45s cubic-bezier(.2,.45,.7,1) both}.galaxy-run,.galaxy-sit{position:absolute;inset:0;width:100%;height:100%}.galaxy-run{overflow:hidden;animation:galaxy-run-hide 1.45s step-end forwards}.galaxy-run img{width:400%;height:100%;max-width:none;animation:galaxy-gait .36s steps(4,end) 4}.galaxy-sit{object-fit:contain;opacity:0;animation:galaxy-settle .2s 1.45s ease-out forwards}.galaxy-companion.is-still{animation:none}.galaxy-companion.is-still .galaxy-sit{opacity:1;animation:none}@keyframes galaxy-arrive{0%{transform:translate(calc(-50vw - 220px))}to{transform:translate(0)}}@keyframes galaxy-gait{to{transform:translate(-100%)}}@keyframes galaxy-run-hide{to{opacity:0;visibility:hidden}}@keyframes galaxy-settle{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media(min-width:760px){.galaxy-companion{left:calc(50% + 100px);bottom:8px}}@media(prefers-reduced-motion:reduce){.galaxy-companion,.galaxy-run img,.galaxy-sit{animation:none}.galaxy-run{display:none}.galaxy-sit{opacity:1}}