@import "https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800;900&display=swap";
.oh2{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f7f0e3;--card:#fffaf0;--ink:#17130f;--soft:#6a6055;--rule:#17130f1f;--coral:#ff7a5c;--mint:#6fdfc0;--sun:#ffcb47;--lilac:#b9abff;--text:var(--ink);--oh-muted:var(--soft);--line:var(--rule);--panel:var(--card);background:var(--paper);min-height:100vh;color:var(--ink);font-family:Rubik,sans-serif;font-size:17px;line-height:1.5;overflow-x:clip}body:has(.oh2){background:#f7f0e3}.oh2 h1,.oh2 h2,.oh2 h3,.oh2 strong{font-family:Rubik,sans-serif}.oh2 button:focus-visible,.oh2 a:focus-visible,.oh2 input:focus-visible,.oh2 textarea:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.oh2-header{justify-content:space-between;align-items:center;gap:16px;max-width:1240px;margin:auto;padding:22px 32px;display:flex}.oh2-brand{letter-spacing:-.5px;align-items:center;gap:10px;font-size:24px;font-weight:800;display:flex}.oh2-brand-mark{background:var(--coral);border-radius:50%;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-10deg)}.oh2-brand-mark svg{width:32px;height:32px}.oh2-link{text-underline-offset:5px;background:0 0;padding:10px 4px;font-size:16px;font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.oh2-link:hover{-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral)}.oh2-account{align-items:center;gap:10px;min-width:0;display:flex}.oh2-avatar{background:var(--mint);text-transform:uppercase;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.oh2-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin-right:8px;font-weight:600;overflow:hidden}.oh2-hero{text-align:center;max-width:1240px;margin:auto;padding:36px 32px 44px;position:relative}.oh2-hero h1{z-index:1;letter-spacing:-.035em;text-wrap:balance;max-width:1000px;margin:0 auto;font-size:clamp(42px,4.9vw,70px);font-weight:900;line-height:1;position:relative}.oh2-hero h1 span{color:var(--coral);white-space:nowrap}.oh2-hero p{max-width:620px;color:var(--soft);text-wrap:pretty;margin:20px auto 0;font-size:20px;line-height:1.5}.oh2-hero-compact{padding-top:36px;padding-bottom:40px}.oh2-hero-compact h1{font-size:clamp(36px,4.6vw,64px)}.oh2-hero-compact h1 span{white-space:normal}.oh2-hand{aspect-ratio:1;pointer-events:none;width:clamp(120px,11vw,160px);position:absolute;top:50%}.oh2-hand svg{transform-origin:50% 85%;width:100%;height:100%;animation:3.2s ease-in-out infinite oh2-wave;display:block}.oh2-hand-left{color:var(--coral);left:-24px;transform:translateY(-62%)scaleX(-1)rotate(-16deg)}.oh2-hand-right{color:var(--mint);right:-24px;transform:translateY(-40%)rotate(-16deg)}.oh2-hand-right svg{animation-delay:-1.6s}.oh2-hero-compact .oh2-hand{width:clamp(90px,10vw,140px)}@keyframes oh2-wave{0%,to{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}.oh2-doors{grid-template-columns:1fr 1fr;gap:28px;max-width:1120px;margin:auto;padding:0 32px;display:grid;position:relative}.oh2-door{border-radius:32px;flex-direction:column;min-width:0;padding:30px 36px 34px;display:flex}.oh2-door-new{background:var(--coral)}.oh2-door-join{background:var(--mint)}.oh2-door-tag{background:var(--ink);color:var(--paper);border-radius:999px;align-self:flex-start;padding:5px 14px;font-size:14px;font-weight:600}.oh2-door h2{letter-spacing:-.025em;margin-top:18px;font-size:clamp(30px,3.2vw,42px);font-weight:800;line-height:1.05}.oh2-door>p{color:#17130fd1;max-width:420px;margin-top:10px;font-size:17px}.oh2-door-fields{flex:1;align-content:start;gap:16px;margin:22px 0 24px;display:grid}.oh2-field{gap:8px;display:grid}.oh2-field>span{font-size:15px;font-weight:600}.oh2 input:not([type=checkbox]){background:var(--card);color:var(--ink);border:2px solid #0000;border-radius:16px;height:60px;padding:0 18px;font-size:19px;font-weight:500}.oh2 input::placeholder{color:#17130f66;font-weight:400}.oh2 input:not([type=checkbox]):focus{border-color:var(--ink);outline:none}.oh2-check{cursor:pointer;align-items:center;gap:10px;font-size:16px;font-weight:500;display:flex}.oh2-check input{width:22px;height:22px;accent-color:var(--ink);flex-shrink:0}.oh2-playing-as{font-size:18px}.oh2-door-foot{color:#17130fc2;font-size:15px}.oh2-note{background:var(--card);overflow-wrap:anywhere;border-radius:14px;padding:12px 16px;font-size:15px;line-height:1.45}.oh2-starting{background:var(--card);border-radius:999px;align-self:flex-start;align-items:center;gap:10px;margin-top:18px;padding:6px 8px 6px 14px;font-size:16px;display:flex}.oh2-starting button{background:#17130f14;border-radius:50%;width:32px;height:32px;font-size:13px}.oh2-starting button:hover{background:#17130f29}.oh2-button{background:var(--ink);width:100%;min-height:68px;color:var(--paper);border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:0 28px;font-size:21px;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:flex;box-shadow:0 6px #17130f4d}.oh2-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px #17130f4d}.oh2-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #17130f4d}.oh2-button:disabled{opacity:1;box-shadow:none;background:#17130f59}.oh2-or{background:var(--paper);border-radius:50%;place-items:center;width:64px;height:64px;font-size:19px;font-weight:800;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-8deg}.oh2 .code-boxes{gap:8px}.oh2 .code-box{border-radius:14px;height:68px;min-height:0;padding:0;font-size:28px;font-weight:700}.oh2 .code-box:focus{background:var(--card)}.oh2 .code-dash{color:var(--ink);padding:0;font-weight:700}.oh2-section{max-width:1240px;margin:96px auto 0;padding:0 32px}.oh2-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;margin-bottom:28px;display:flex}.oh2-section-head h2{letter-spacing:-.025em;font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.1}.oh2-section-head p{color:var(--soft)}.oh2-tone-together{--tone:var(--sun)}.oh2-tone-versus{--tone:var(--coral)}.oh2-tone-turns{--tone:var(--lilac)}.oh2-how{margin-top:80px}.oh2-how ol{grid-template-columns:repeat(3,1fr);gap:32px;margin:0;padding:0;list-style:none;display:grid}.oh2-how li{grid-template-columns:84px 1fr;align-items:start;column-gap:20px;display:grid}.oh2-how-hand{background:var(--tone);border-radius:50%;grid-row:span 2;place-items:center;width:84px;height:84px;display:grid}.oh2-how-hand svg{width:60px;height:60px}.oh2-how h3{letter-spacing:-.01em;margin-top:8px;font-size:22px;font-weight:700}.oh2-how p{color:var(--soft);margin-top:4px}.oh2-games{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.oh2 .oh2-game-make{grid-column:span var(--in-4);background:var(--ink);color:var(--paper);--tone:var(--lilac)}.oh2-game-make .oh2-game-art{color:var(--ink)}.oh2 .oh2-game-make small{color:#f7f0e3c7;max-width:420px}.oh2 .oh2-game-make em{background:#f7f0e324}.oh2 .oh2-game-make:hover{color:var(--ink);background:var(--tone)}.oh2 .oh2-game-make:hover small{color:#17130fb3}.oh2 .oh2-game-make:hover em{background:#17130f12}.oh2-game{text-align:left;background:var(--card);border-radius:24px;align-content:start;justify-items:start;padding:20px 22px 22px;transition:transform .15s,background .15s;display:grid}.oh2-game:hover:not(:disabled){color:var(--ink);background:var(--tone);transform:translateY(-4px)rotate(-1deg)}.oh2-game:disabled{opacity:.6}.oh2-game-art{background:var(--tone);border-radius:20px;place-items:center;width:68px;height:68px;font-size:36px;line-height:1;transition:background .15s;display:grid}.oh2-game:hover:not(:disabled) .oh2-game-art{background:var(--card)}.oh2-game strong{letter-spacing:-.01em;margin-top:16px;font-size:22px;font-weight:700}.oh2-game small{color:#17130fb3;margin-top:4px;font-size:16px;line-height:1.4}.oh2-game em{background:#17130f12;border-radius:999px;margin-top:14px;padding:3px 12px;font-size:14px;font-style:normal;font-weight:600}.oh2-make{margin-top:72px}.oh2 .prompt-surface{background:var(--card);border:2px solid #0000;border-radius:24px;padding:8px 76px 8px 8px;position:relative}.oh2 .prompt-surface:focus-within{border-color:var(--ink)}.oh2 .prompt-surface textarea{width:100%;color:var(--ink);font:inherit;resize:none;background:0 0;border:0;min-height:104px;padding:14px 16px;font-size:19px}.oh2 .prompt-surface textarea:focus{outline:none}.oh2 .prompt-send{background:var(--ink);width:52px;height:52px;color:var(--paper);font-size:22px;bottom:14px;right:14px}.oh2 .prompt-send:hover:not(:disabled){background:#3a322a}.oh2 .studio-ideas{margin-top:16px}.oh2 .studio-ideas>.studio-muted{flex-basis:100%;font-size:15px}.oh2 .studio-ideas .secondary{border:2px solid var(--rule);color:var(--ink);background:0 0;padding:8px 16px;font-size:15px}.oh2 .studio-ideas .secondary:hover{background:var(--lilac);border-color:#0000}.oh2 .notice{background:var(--sun);border:0;border-radius:14px;color:var(--ink)!important;font-size:15px!important}.oh2-empty{border:2px dashed var(--rule);text-align:center;color:var(--soft);border-radius:24px;padding:36px 24px}.oh2 .studio-game{background:var(--card);border:0;border-radius:24px}.oh2 .studio-game-body{border-radius:24px 0 0 24px}.oh2 .studio-game-mark{background:var(--lilac);color:var(--ink);border:0;border-radius:16px;width:52px;height:52px}.oh2 .studio-game strong{font-size:20px;font-weight:700}.oh2 .studio-game small{font-size:15px}.oh2 .studio-game-meta{color:var(--soft);font-size:14px}.oh2 .studio-game-meta:before{color:var(--ink)}.oh2 .status-pill{letter-spacing:0;text-transform:none;color:var(--ink);background:#17130f12;border:0;font-size:13px}.oh2 .status-pill.working{background:var(--sun);color:var(--ink)}.oh2 .status-pill.failed{background:var(--coral);color:var(--ink)}.oh2 .studio-game-actions .primary,.oh2 .studio-game-actions .secondary{border-radius:14px;min-height:48px;font-size:16px}.oh2 .studio-game-actions .primary{background:var(--ink);color:var(--paper)}.oh2 .studio-game-actions .primary:hover:not(:disabled){background:#3a322a}.oh2 .studio-game-actions .secondary{border:2px solid var(--rule);color:var(--ink)}.oh2 .studio-game-actions .secondary:hover{background:#17130f12}.oh2-footer{border-top:2px solid var(--rule);max-width:1240px;color:var(--soft);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:96px auto 0;padding:28px 32px 40px;font-size:15px;display:flex}.oh2-footer span:first-child{color:var(--ink);font-weight:700}.oh2.landing-starting{background:var(--paper);color:var(--soft)}@media (max-width:1100px){.oh2-hero{padding-top:150px}.oh2-hero-compact{padding-top:120px}.oh2-hand{width:120px;top:14px}.oh2-hero-compact .oh2-hand{width:96px}.oh2-hand-left{left:calc(50% - 130px);transform:scaleX(-1)rotate(-16deg)}.oh2-hand-right{right:calc(50% - 130px);transform:rotate(-16deg)}.oh2-how ol{grid-template-columns:1fr;gap:24px}.oh2-games{grid-template-columns:repeat(3,1fr)}.oh2 .oh2-game-make{grid-column:span var(--in-3)}}@media (max-width:860px){.oh2-doors{grid-template-columns:1fr;gap:20px}.oh2-games{grid-template-columns:repeat(2,1fr)}.oh2 .oh2-game-make{grid-column:span var(--in-2)}.oh2-or{z-index:1;justify-self:center;margin:-34px 0;position:static;translate:none}.oh2-door-fields{flex:none}}@media (max-width:560px){.oh2{font-size:16px}.oh2-header,.oh2-hero,.oh2-doors,.oh2-section,.oh2-footer{padding-left:16px;padding-right:16px}.oh2-header{padding-top:16px;padding-bottom:16px}.oh2-brand{font-size:21px}a.oh2-link span,.oh2-account-name{display:none}.oh2-hero{padding-bottom:40px}.oh2-hero p{margin-top:20px;font-size:18px}.oh2-door{border-radius:26px;padding:26px 20px 24px}.oh2 .code-boxes{gap:5px}.oh2 .code-box{border-radius:12px;height:58px;font-size:23px}.oh2-section{margin-top:72px}.oh2-how{margin-top:56px}.oh2-how li{grid-template-columns:68px 1fr;column-gap:16px}.oh2-how-hand{width:68px;height:68px}.oh2-how-hand svg{width:48px;height:48px}.oh2-games{grid-template-columns:1fr}.oh2 .oh2-game-make{grid-column:auto}.oh2-game{grid-template-columns:68px 1fr;column-gap:16px}.oh2-game-art{grid-row:span 3}.oh2-game strong{margin-top:0}.oh2-game em{margin-top:10px}.oh2 .studio-game-body{border-radius:24px}}@media (prefers-reduced-motion:reduce){.oh2-hand svg{animation:none}.oh2-button,.oh2-game{transition:none}}