.egg-viewing-area { margin:28px 0; border:1px solid rgba(128,174,195,.35); scroll-margin-top:90px; }
.egg-viewing-area iframe { display:block; width:100%; height:clamp(380px,55vw,620px); border:0; background:transparent; }
.egg-toolbar { display:flex; align-items:center; gap:16px; flex-wrap:wrap; padding:14px 18px; border-top:1px solid rgba(128,174,195,.3); background:rgba(8,20,33,.14); }
.egg-toolbar p { flex:1; margin:0; color:#bfd5df; font:12px/1.6 var(--mono); }
.egg-toolbar button { border:1px solid #597d8e; background:transparent; color:#d8edea; padding:9px 14px; cursor:pointer; }
.egg-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; background:transparent; }
.egg-card { text-decoration:none; text-align:left; border:1px solid rgba(128,174,195,.3); background:var(--scene-surface,rgba(8,20,33,.64)); color:#e2eef3; padding:22px; display:flex; flex-direction:column; gap:12px; cursor:pointer; }
.egg-card strong { font-size:21px; }
.egg-card span { color:#acc3d1; font-size:13px; line-height:1.7; }
.egg-card small { color:#55dfc5; font:11px/1.5 var(--mono); }
.egg-card[aria-pressed=true] { border-color:#59efd2; background:rgba(20,82,73,.25); }
.egg-card:disabled { cursor:default; }
.egg-card:disabled:not([aria-pressed=true]) { border-color:rgba(128,174,195,.18); }
.egg-card:focus-visible,.egg-toolbar button:focus-visible { outline:2px solid #6bf4d8; outline-offset:3px; }
.egg-toolbar button:disabled { color:#74858c; }
body[data-easteregg-gallery] :is(.shooting-stars,.orbiting-robots,.dog-pilot-flyby,.satellite-scene,.radio-signal-scene,.pacman-scene,.research-drone-scene,.alien-visit-scene,.constellation-trigger,.ambient-supernova) { display:none!important; }
@media(max-width:800px) {.egg-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media(max-width:500px) {.egg-cards { grid-template-columns:1fr; }.egg-card {padding:18px;}.egg-viewing-area iframe {height:440px;}}