.doodle-orbit{width:100%;min-width:0}.doodle-orbit-scene{aspect-ratio:560/460;isolation:isolate;position:relative}.doodle-orbit-rings{width:100%;height:100%;color:var(--border);position:absolute;inset:0;overflow:visible}.doodle-orbit-seat{z-index:1;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.doodle-orbit-host{border:2px solid var(--shadow);border-radius:var(--paper-shape);color:#25262a;--shadow-fill:#fffdf6;width:42px;height:42px;box-shadow:2px 3px var(--shadow-blur,0px) var(--shadow);background:#fffdf6;place-items:center;display:grid;transform:rotate(-5deg)}.doodle-orbit-host>svg{width:25px;height:25px}.host-claude{--shadow-fill:#ffc89b;background:#ffc89b;transform:rotate(7deg)}.host-cursor{--shadow-fill:#d7c5ff;background:#d7c5ff;transform:rotate(-8deg)}.host-grok{--shadow-fill:#c2eaf1;background:#c2eaf1;transform:rotate(5deg)}.doodle-orbit-table{--shadow-fill:var(--card);z-index:2;background:var(--card);border:2px solid var(--shadow);border-radius:var(--paper-shape);width:54%;height:42%;box-shadow:4px 5px var(--shadow-blur,0px) var(--shadow);position:absolute;top:29%;left:23%;overflow:hidden;transform:rotate(-3deg)}.doodle-orbit-panel{opacity:0;visibility:hidden;flex-direction:column;transition:opacity .5s,transform .5s,visibility .5s;display:flex;position:absolute;inset:0;transform:translateY(8px)scale(.97)}.doodle-orbit-panel[data-active=true]{opacity:1;visibility:visible;transform:none}.doodle-orbit-art{--shadow-fill:#c1d8ff;background:#c1d8ff;flex:1;place-items:center;min-height:0;display:grid;position:relative}.doodle-orbit-art.glyph-codenames{--shadow-fill:#d7c5ff;background:#d7c5ff}.doodle-orbit-art.glyph-poker{--shadow-fill:#a9e2ce;background:#a9e2ce}.doodle-orbit-art.glyph-reversi{--shadow-fill:#ffc4d4;background:#ffc4d4}.doodle-orbit-art svg{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.doodle-orbit-panel strong{--shadow-fill:var(--card);text-align:center;border-top:2px solid var(--shadow);background:var(--card);flex-shrink:0;padding:8px 4px;font-size:16px;line-height:1.2;display:block}@media (width<=700px){.doodle-orbit{justify-self:center;max-width:480px}.doodle-orbit-panel strong{font-size:14px}.doodle-orbit-seat{transform:translate(-50%,-50%)scale(.85)}}@media (prefers-reduced-motion:reduce){.doodle-orbit *{transition:none!important;animation:none!important}}.landing-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;padding:36px 0 48px;display:grid}.landing-intro>span,.landing-library header span{color:var(--muted-foreground);font-size:14px}.landing-intro h1{letter-spacing:-.04em;margin:20px 0;font-size:clamp(42px,5vw,70px);line-height:1.16}.landing-intro h1 em{text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:7px;font-style:normal;text-decoration-thickness:7px}.landing-intro>p{max-width:480px;margin:26px 0;font-size:18px;line-height:1.65}.landing-actions{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.landing-intro small{color:var(--muted-foreground);font-size:13px}.landing-feature{box-shadow:5px 6px var(--shadow-blur,0px) var(--shadow)}.landing-feature-top{border-bottom:1px solid var(--shadow);justify-content:space-between;padding:18px;font-size:12px;display:flex}.landing-feature .game-glyph{height:300px}.landing-feature .glyph-grid{width:250px;height:220px}.landing-feature .ui-card-content{border-top:2px solid var(--shadow);justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.landing-feature h2{font-size:25px}.landing-feature p{margin-top:8px;font-size:13px}.landing-library{border-top:1px solid var(--shadow);padding-top:32px}.landing-library header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.landing-library h2{margin-top:8px;font-size:32px}.landing-library header>a{font-size:14px;text-decoration:underline}.landing-paths{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:48px 0;display:grid}.landing-paths .ui-card-content{flex-direction:column;align-items:start;gap:18px;height:100%;padding:24px;display:flex}.landing-paths h2{font-size:24px}.landing-paths p{flex:1;font-size:15px;line-height:1.7}@media (width<=1000px){.landing-hero{gap:28px}.landing-paths{gap:14px}.landing-feature-top{font-size:10px}}@media (width<=700px){.landing-hero{grid-template-columns:1fr;padding-top:20px}.landing-intro h1{font-size:46px}.landing-feature .game-glyph{height:240px}.landing-feature .glyph-grid{width:210px;height:190px}.landing-paths{grid-template-columns:1fr}.landing-library header{align-items:start}.landing-library h2{font-size:27px}.landing-feature .ui-card-content{padding:18px}}.landing-library header>a{white-space:nowrap}.landing-connect{margin:48px 0}.landing-connect>header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.landing-connect h2,.landing-faq h2{font-size:28px}.landing-connect>header a{text-underline-offset:4px;text-decoration:underline}.landing-faq{grid-template-columns:1fr 2fr;gap:32px;margin:48px 0;display:grid}.landing-faq details{border-bottom:1px solid var(--shadow);padding:18px 0}.landing-faq summary{cursor:pointer}.landing-faq p{color:var(--muted-foreground);margin-top:16px;line-height:1.7}@media (width<=700px){.landing-faq{grid-template-columns:1fr;gap:12px}}.landing-feature .game-preview-art{height:300px}@media (width<=700px){.landing-feature .game-preview-art{height:240px}}