.lockup-wrap{position:relative;display:block;width:clamp(160px,40vw,220px);margin:0 auto var(--k-space-4);-webkit-tap-highlight-color:transparent}
.lockup-wrap .lockup{width:100%;height:auto;margin:0}
.egg-hits{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.egg-hit{pointer-events:all;cursor:default;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.egg{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60;
  width:min(360px,calc(100vw - 32px));box-sizing:border-box;display:flex;align-items:flex-start;gap:var(--k-space-3);
  padding:var(--k-space-3) var(--k-space-1) var(--k-space-3) var(--k-space-4);text-align:left;
  background:var(--k-surface-3);color:var(--k-text);border:1px solid var(--dss-purple);border-radius:var(--k-radius-lg);
  box-shadow:0 12px 40px rgba(0,0,0,.55),0 0 28px rgba(166,77,255,.28)}
.egg[hidden]{display:none}
.egg-ico{flex:none;margin-top:4px;filter:drop-shadow(0 0 6px rgba(166,77,255,.7))}
.egg-body{flex:1;min-width:0}
.egg-k{margin:0 0 4px;font:700 var(--k-text-xs)/1.2 var(--dss-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dss-purple-text)}
.egg-t{margin:0;font:500 var(--k-text-base)/1.4 var(--dss-font-body);color:var(--k-text)}
.egg-x{flex:none;width:var(--k-target-min);height:var(--k-target-min);min-height:var(--k-target-min);margin:-6px 0;padding:0;border:0;border-radius:var(--k-radius-md);
  background:transparent;color:var(--k-text-muted);font:400 24px/1 var(--dss-font-body);cursor:pointer}
.egg-x:hover{color:var(--k-text);background:var(--k-surface-2)}
.egg-x:focus-visible{outline:2px solid var(--k-focus);outline-offset:2px}
@media (prefers-reduced-motion:no-preference){.egg.pop{animation:egg-in .22s ease-out}}
@keyframes egg-in{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){.egg.pop{animation:none}}