/* A warm shared workspace, with room for people and a little play. */
.small-button{display:inline-flex;align-items:center;gap:8px}.hero{margin-top:52px;margin-bottom:70px}.hero .duo{position:relative;padding:20px 0 8px}.hero .duo:after{content:"";position:absolute;z-index:-1;bottom:10px;left:12%;right:12%;height:100px;background:#eee9dc;border-radius:50%;filter:blur(20px)}.bubble{border-radius:14px 14px 14px 3px;box-shadow:0 3px 0 #252a2906}.pet-side:last-child .bubble{border-radius:14px 14px 3px 14px}.together{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;padding-top:60px;padding-bottom:76px}.together h2{margin-bottom:22px}.together-copy>p{max-width:360px}.scene-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.scene-controls button{font:inherit;font-size:12px;border:1px solid var(--line);border-radius:30px;padding:10px 13px;background:transparent;color:var(--muted);cursor:pointer;min-height:42px}.scene-controls button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.section .scene-caption{font:10px/1.7 ui-monospace,monospace;margin-top:14px;max-width:330px}.hangout-preview{border:1px solid #d9d9c9;border-radius:22px;background:#f2f0e5;box-shadow:0 14px 35px #433e2b0b,0 3px 0 #e4e1d5;overflow:hidden}.hangout-head,.hangout-foot{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;font:11px/1.5 ui-monospace,monospace}.hangout-head{border-bottom:1px solid #dedecf}.scene-tag{color:var(--muted);font-size:9px}.hangout-pets{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px 18px 20px}.hangout-pets>div{text-align:center;min-width:0}.hangout-pets img{display:block;object-fit:contain;margin:10px auto 6px;mix-blend-mode:multiply}.hangout-pets>div>span{display:block;font:11px ui-monospace,monospace}.hangout-pets b{display:inline-block;margin-left:5px;color:#56836e;font-weight:500}.hangout-pets .scene-bubble{display:flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:10px 8px;border:1px solid #dedecf;border-radius:12px;background:#fffdf6;font:11px/1.5 ui-monospace,monospace;color:var(--ink)}.hangout-message{margin:0 20px;padding:18px;text-align:center;background:#e6e8d9;border-radius:12px;min-height:105px}.scene-ascii{font:16px ui-monospace,monospace;color:#61715c}.hangout-message p{margin:10px 0 0!important;font-size:13px!important;line-height:1.5!important;color:var(--ink)!important}.hangout-foot{font-size:8px;color:var(--muted);padding:17px 20px}.hangout-foot span{font-size:10px}.hangout-preview[data-hangout-scene=low] .hangout-pets b,.hangout-preview[data-hangout-scene=room] .hangout-pets b{color:#b75f46}.hangout-preview[data-hangout-scene=room] .hangout-message{background:#eeded1}.founder{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding-top:76px;padding-bottom:80px}.founder h2{margin-bottom:24px}.founder-pets{display:flex;align-items:end;gap:0;margin-left:-8px}.founder-pets img{object-fit:contain;mix-blend-mode:multiply}.handwritten{display:block;margin-top:8px;color:#a45f49;font-family:Georgia,serif;font-size:17px;font-style:italic}.founder-note{position:relative;padding:32px 36px;background:#fffdf8;border:1px solid #e2dfd1;box-shadow:3px 4px 0 #eeeadd;border-radius:3px 16px 16px 16px}.founder-note:before{content:"";position:absolute;top:-9px;left:28px;width:68px;height:20px;background:#dfd9bb99;transform:rotate(-5deg)}.founder-note p{font-size:15px;line-height:1.8;margin:0 0 18px}.founder-note .founder-signature{margin-bottom:0}.founder-note .text-link{font-size:12px;color:var(--muted)}
@media(max-width:760px){.together,.founder{grid-template-columns:1fr;gap:30px}.together-copy>p{max-width:none}.hangout-preview{max-width:500px;width:100%;margin:auto}.founder-heading{position:relative}.founder-pets{position:static;margin:0;opacity:.9}.founder-pets img{width:54px;height:54px}.founder-note{padding:28px}.founder{padding-top:48px;padding-bottom:55px}.hero{margin-bottom:45px}.together{padding-bottom:50px}.scene-controls{margin-top:20px}}
@media(max-width:390px){.founder-pets{position:static;margin:0}.hangout-head{padding:15px}.scene-tag{max-width:90px;text-align:right}.hangout-pets{padding:18px 12px}.hangout-pets .scene-bubble{font-size:10px}.hangout-pets>div>span{font-size:10px}.founder-note{padding:24px}}

/* Match visible artwork height, allowing for each sprite’s transparent padding. */
.hangout-pets{row-gap:12px}.hangout-pets>div{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:12px}.scene-mascot{height:136px;display:flex;align-items:flex-end;justify-content:center;min-width:0}.hangout-pets .scene-mascot img{flex:none;max-width:none;width:var(--pet-width,112px);height:var(--pet-width,112px);margin:0;transform:translateY(var(--pet-offset,0px))}.hangout-pets>div>span{margin-top:0}.hangout-preview[data-hangout-scene=building] #scene-claude{--pet-width:145.735px;--pet-offset:26.188px}.hangout-preview[data-hangout-scene=building] #scene-codex{--pet-offset:8.75px}.hangout-preview[data-hangout-scene=low] #scene-claude{--pet-width:144.356px;--pet-offset:21.428px}.hangout-preview[data-hangout-scene=low] #scene-codex{--pet-offset:5.25px}.hangout-preview[data-hangout-scene=room] #scene-claude{--pet-width:126.609px;--pet-offset:17.804px}.hangout-preview[data-hangout-scene=room] #scene-codex{--pet-offset:10.5px}.hangout-foot{justify-content:flex-end}

.reset-feature{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.reset-feature h2{margin-bottom:22px}.reset-feature .button{margin-top:12px}.reset-feature .reset-settings-hint{font-size:12px;margin-top:18px;max-width:360px}.reset-preview{background:#ecefe4;border:1px solid #d9dfcf;border-radius:22px;padding:24px}.reset-preview>img{display:block;margin:0 auto 10px;mix-blend-mode:multiply}.reset-alert{background:#fffdf8;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 5px 14px #252a2908}.reset-app-name{font:9px ui-monospace,monospace;letter-spacing:1.4px;color:var(--muted)}.reset-alert h3{margin:12px 0 8px;font-size:16px}.reset-alert p{margin:0;font-size:13px}.reset-preview .reset-disclosure{font-size:11px;line-height:1.7;margin:18px 0 0}.reset-preview .text-link{font-size:11px;font-weight:400}@media(max-width:760px){.reset-feature{grid-template-columns:1fr;gap:28px}.reset-preview{padding:20px}}

.hangout-head .scene-tag{color:var(--ink);font-size:11px;text-align:left;max-width:none}.hangout-preview[data-hangout-scene=room] #scene-claude{--pet-width:121.527px;--pet-offset:12.986px}

.play-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}.play-copy p{max-width:390px}.play-scene{position:relative;aspect-ratio:1;background:#f2ead8 url('/playground-room.webp') center/cover;border:1px solid var(--line);border-radius:22px;overflow:hidden}.play-scene-title{position:absolute;top:16px;left:18px;font:12px ui-monospace,monospace;color:var(--ink);background:#fffc;padding:8px 12px;border-radius:10px}.play-pet{position:absolute;width:29%;aspect-ratio:1;background-size:300% 100%;background-repeat:no-repeat;top:48%;image-rendering:auto}.play-claude{left:14%;background-image:url('/playground-claude.webp');background-position:50% 0}.play-codex{right:12%;background-image:url('/playground-codex.webp');background-position:0 0}.play-bubble{position:absolute;right:9%;top:39%;font:12px ui-monospace,monospace;padding:10px 13px;background:#fffdf6;border:1px solid #d9d9c9;border-radius:12px 12px 12px 3px}.play-caption{position:absolute;bottom:17px;left:0;right:0;text-align:center;font:11px ui-monospace,monospace;color:var(--ink)}@media(max-width:700px){.play-feature{grid-template-columns:1fr;gap:24px}.play-scene{width:100%;max-width:480px}.play-copy p{max-width:none}}
.loop-image-wrap{display:inline-block;position:relative;vertical-align:middle;line-height:0}.has-mascot-loop{animation:none!important;image-rendering:auto!important}.pet.has-mascot-loop{position:relative}.has-mascot-loop canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0}.loop-ready canvas{opacity:1}.loop-ready>img{visibility:hidden}.pet.loop-ready,.play-pet.loop-ready{background-image:none!important}.motion-toggle{font:12px system-ui;color:inherit;background:transparent;border:1px solid #d8dacd;border-radius:12px;padding:8px 12px;cursor:pointer}

.has-mascot-loop canvas{image-rendering:auto!important}

.mini.has-mascot-loop{position:relative}.mini.loop-ready{background-image:none!important}

/* A single matched master keeps both mascots on the same outline and pixel grid. */
.founder-pets.founder-pair-v2{width:190px;height:78px;margin:0;background:url(/founder-pair-v2.png) 0 46% / 400% auto no-repeat;mix-blend-mode:multiply;filter:brightness(1.05);animation:founder-breathe 3.6s ease-in-out infinite}
@keyframes founder-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.founder-pets.founder-pair-v2{animation:none}}

/* Full sponsor cards on roomy screens, compact horizontal cards otherwise. */
.sponsor{position:fixed;z-index:30;bottom:max(24px,env(safe-area-inset-bottom));width:clamp(208px,16vw,248px);animation:sponsor-float 2.7s ease-in-out infinite}
.sponsor-left{left:max(16px,env(safe-area-inset-left))}
.sponsor-right{right:max(16px,env(safe-area-inset-right));animation-delay:-1.35s}
.sponsor-card{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:224px;padding:22px 18px 24px;color:#29261f;background:#fffdf6;border:3px solid #29261f;border-radius:22px;text-decoration:none;transition:transform .18s}
.sponsor-label{align-self:flex-start;color:#8a7e6c;font:700 10px ui-monospace,monospace;letter-spacing:1.8px;margin-bottom:3px}
.sponsor-logo{display:block;flex:none;width:60px;height:60px;border:2.5px solid #29261f;border-radius:15px;background:#fffef9;overflow:hidden}
.sponsor-logo img{display:block;width:100%;height:100%;object-fit:contain}
.sponsor-name{font-size:19px;line-height:1.2;font-weight:800;letter-spacing:.1px}
.sponsor-description{font:13px/1.55 ui-monospace,monospace;color:#696052;text-align:center}
a.sponsor-card:hover{transform:translate(-2px,-2px);}
a.sponsor-card:focus-visible{outline:3px solid var(--coral);outline-offset:6px}
@media(min-width:1280px) and (min-height:741px){
.sponsor{width:clamp(168px,13vw,196px)}
.sponsor-card{gap:9px;min-height:180px;padding:16px 14px 18px;border-width:2px;border-radius:18px}
.sponsor-label{font-size:8px;letter-spacing:1.4px;margin-bottom:2px}
.sponsor-logo{width:48px;height:48px;border-width:2px;border-radius:12px}
.sponsor-name{font-size:15px}
.sponsor-description{font-size:11px;line-height:1.45}
}
@media(max-width:1279px){
.sponsor-left{left:max(8vw,env(safe-area-inset-left))}
.sponsor-right{right:max(8vw,env(safe-area-inset-right))}
}
@media(max-width:1279px),(max-height:740px){
.sponsor{width:min(188px,40vw)}
.sponsor-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto;column-gap:12px;row-gap:0;align-content:center;min-height:76px;padding:14px;border-radius:18px;}
.sponsor-description{display:none}
.sponsor-label{display:block;position:absolute;top:8px;right:10px;margin:0;font-size:6px;line-height:1;letter-spacing:.8px;text-align:right}
.sponsor-logo{grid-column:1;grid-row:1;width:42px;height:42px;border-radius:11px}
.sponsor-name{grid-column:2;grid-row:1;align-self:center;font-size:15px;text-align:left}
}
@media(max-width:480px){
.sponsor-card{grid-template-columns:34px minmax(0,1fr);column-gap:8px;row-gap:3px;padding:10px;min-height:66px;border-radius:16px}
.sponsor-logo{width:34px;height:34px;border-radius:9px}
.sponsor-name{font-size:12px}
}
@keyframes sponsor-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.still .sponsor{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.sponsor{animation:none}.sponsor-card{transition:none}}