.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:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.doodle-orbit-seat:first-of-type{top:25.9%;left:83.86%}.doodle-orbit-seat:nth-of-type(2){top:79.34%;left:55.12%}.doodle-orbit-seat:nth-of-type(3){top:44.75%;left:11.01%}.doodle-orbit-seat:nth-of-type(4){top:75.38%;left:33.3%}.doodle-orbit-seat:nth-of-type(5){top:8.7%;left:35.69%}.doodle-orbit-seat:nth-of-type(6){top:65.92%;left:81.01%}.doodle-orbit-host{border:var(--stroke-2) solid var(--shadow);border-radius:var(--paper-shape);width:54px;height:54px;color:var(--palette-ink);--shadow-fill:var(--palette-paper);background:var(--palette-paper);box-shadow:2px 3px var(--shadow-blur,0px) var(--shadow);place-items:center;display:grid;transform:rotate(-5deg)}.doodle-orbit-host>svg{width:30px;height:30px}.host-claude{--shadow-fill:var(--palette-peach);background:var(--palette-peach);transform:rotate(7deg)}.host-cursor{--shadow-fill:var(--palette-lavender);background:var(--palette-lavender);transform:rotate(-8deg)}.host-grok{--shadow-fill:var(--palette-cyan);background:var(--palette-cyan);transform:rotate(5deg)}.doodle-orbit-table{--shadow-fill:var(--card);z-index:2;background:var(--card);border:var(--stroke-2) solid var(--shadow);border-radius:var(--paper-shape);width:50%;height:38%;box-shadow:4px 5px var(--shadow-blur,0px) var(--shadow);position:absolute;top:31%;left:25%;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:var(--palette-orbit-blue);background:var(--palette-orbit-blue);flex:1;place-items:center;min-height:0;display:grid;position:relative}.doodle-orbit-art.glyph-codenames{--shadow-fill:var(--palette-lavender);background:var(--palette-lavender)}.doodle-orbit-art.glyph-poker{--shadow-fill:var(--palette-mint);background:var(--palette-mint)}.doodle-orbit-art.glyph-reversi{--shadow-fill:var(--palette-pink);background:var(--palette-pink)}.doodle-orbit-art svg{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.doodle-orbit-panel strong{--shadow-fill:var(--card);padding:var(--space-8) var(--space-4);text-align:center;border-top:var(--stroke-2) solid var(--shadow);font-size:var(--type-body);line-height:var(--leading-heading);background:var(--card);flex-shrink:0;display:block}@media (width<=700px){.doodle-orbit{justify-self:center;max-width:480px}.doodle-orbit-panel strong{font-size:var(--type-small)}.doodle-orbit-seat,.doodle-orbit-host{width:46px;height:46px}.doodle-orbit-host>svg{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){.doodle-orbit *{transition:none!important;animation:none!important}}.landing-hero{gap:var(--space-64);padding:var(--space-32) 0 var(--space-48);grid-template-columns:1.15fr 1fr;align-items:center;display:grid}.landing-intro>span,.landing-library header span{font-size:var(--type-small);color:var(--muted-foreground)}.landing-intro h1{font-size:clamp(var(--type-page),5vw,var(--type-hero));line-height:var(--leading-heading);letter-spacing:-.04em;margin:var(--space-20) 0}.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;font-size:var(--type-lead);line-height:var(--leading-relaxed);margin:var(--space-24) 0}.landing-actions{gap:var(--space-16);margin-bottom:var(--space-20);flex-wrap:wrap;display:flex}.landing-intro small{font-size:var(--type-caption);color:var(--muted-foreground)}.landing-feature{box-shadow:5px 6px var(--shadow-blur,0px) var(--shadow)}.landing-feature-top{padding:var(--space-16);font-size:var(--type-caption);border-bottom:var(--stroke-1) solid var(--shadow);justify-content:space-between;display:flex}.landing-feature .game-glyph{height:300px}.landing-feature .glyph-grid{width:250px;height:220px}.landing-feature .ui-card-content{justify-content:space-between;align-items:center;gap:var(--space-20);padding:var(--space-24);border-top:var(--stroke-2) solid var(--shadow);display:flex}.landing-feature h2{font-size:var(--type-subheading)}.landing-feature p{font-size:var(--type-caption);margin-top:var(--space-8)}.landing-library{border-top:var(--stroke-1) solid var(--shadow);padding-top:var(--space-32)}.landing-library header{justify-content:space-between;align-items:end;gap:var(--space-20);margin-bottom:var(--space-24);display:flex}.landing-library h2{font-size:var(--type-title);margin-top:var(--space-8)}.landing-library header>a{font-size:var(--type-small);text-decoration:underline}.landing-paths{gap:var(--space-24);margin:var(--space-48) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-paths .ui-card-content{align-items:start;gap:var(--space-16);padding:var(--space-24);flex-direction:column;height:100%;display:flex}.landing-paths h2{font-size:var(--type-subheading)}.landing-paths p{font-size:var(--type-small);line-height:var(--leading-relaxed);flex:1}@media (width<=1000px){.landing-hero{gap:var(--space-28)}.landing-paths{gap:var(--space-12)}.landing-feature-top{font-size:var(--type-micro)}}@media (width<=700px){.landing-hero{padding:var(--space-12) 0 var(--space-32);grid-template-columns:1fr;gap:0}.landing-intro h1{font-size:clamp(var(--type-page),11vw,var(--type-display));text-align:left;margin:var(--space-10) 0 var(--space-16)}.landing-intro>p{margin:var(--space-16) 0}.landing-actions{gap:var(--space-10);grid-template-columns:max-content;margin-bottom:0;display:grid}.landing-hero .doodle-orbit{display:none}.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:var(--type-section)}.landing-feature .ui-card-content{padding:var(--space-16)}}.landing-library header>a{white-space:nowrap}.landing-connect{margin:var(--space-48) 0}.landing-connect>header{margin-bottom:var(--space-20);justify-content:space-between;align-items:center;display:flex}.landing-connect h2,.landing-faq h2{font-size:var(--type-section)}.landing-connect>header a{text-underline-offset:4px;text-decoration:underline}.landing-faq{gap:var(--space-32);margin:var(--space-48) 0;grid-template-columns:1fr 2fr;display:grid}.landing-faq details{border-bottom:var(--stroke-1) solid var(--shadow);padding:var(--space-16) 0}.landing-faq summary{cursor:pointer}.landing-faq p{margin-top:var(--space-16);line-height:var(--leading-relaxed);color:var(--muted-foreground)}@media (width<=700px){.landing-faq{gap:var(--space-12);grid-template-columns:1fr}}.landing-feature .game-preview-art{height:300px}@media (width<=700px){.landing-feature .game-preview-art{height:240px}}
